update

wszgrcy · Apr 16, 2024 · 1e81013 · 1e81013
1 parent 9c67c0b
commit 1e81013
Show file tree

Hide file tree

Showing 38 changed files with 842 additions and 336 deletions.
diff --git a/404.html b/404.html
@@ -10,5 +10,5 @@
 </style><link rel="stylesheet" href="styles-PF5BYXTO.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-PF5BYXTO.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="polyfills-RT5I6R6G.js" type="module"></script><script src="main-JRXF4NPQ.js" type="module"></script></body>
+<script src="polyfills-RT5I6R6G.js" type="module"></script><script src="main-WOQ7TN2P.js" type="module"></script></body>
 </html>
diff --git a/index.html b/index.html
@@ -10,5 +10,5 @@
 </style><link rel="stylesheet" href="styles-PF5BYXTO.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-PF5BYXTO.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="polyfills-RT5I6R6G.js" type="module"></script><script src="main-JRXF4NPQ.js" type="module"></script></body>
+<script src="polyfills-RT5I6R6G.js" type="module"></script><script src="main-WOQ7TN2P.js" type="module"></script></body>
 </html>
diff --git a/main-JRXF4NPQ.js → main-WOQ7TN2P.js b/main-JRXF4NPQ.js → main-WOQ7TN2P.js
diff --git a/source-code/components/AntDesignVueDemoComponent.html b/source-code/components/AntDesignVueDemoComponent.html
@@ -715,7 +715,7 @@ <h3 id="inputs">
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
         var COMPONENT_TEMPLATE = '<div><div style="margin-bottom: 8px">  <vue-outlet [component]="Space" [root]="true" [props]="{ wrap: true }">    <vue-outlet [component]="Button" [props]="{ type: \'primary\' }" #child>      <ng-template #child> Primary Button </ng-template>    </vue-outlet>    <vue-outlet [component]="Button" #child>      <ng-template #child> Default Button </ng-template>    </vue-outlet>    <vue-outlet [component]="Button" [props]="{ type: \'dashed\' }" #child>      <ng-template #child> Dashed Button </ng-template>    </vue-outlet>    <vue-outlet [component]="Button" [props]="{ type: \'text\' }" #child>      <ng-template #child> Text Button </ng-template>    </vue-outlet>    <vue-outlet [component]="Button" [props]="{ type: \'link\' }" #child>      <ng-template #child> Link Button </ng-template>    </vue-outlet>  </vue-outlet></div><vue-outlet  [component]="Tree"  [root]="true"  [model]="bindModel"  [props]="props">  <vue-slot-group [name]="\'title\'">    <ng-template #child let-key="key" let-title="title">      @if (key === \'0-0-1-0\') {      <span style="color: #1890ff">{{ title }}</span>      }@else{      {{ title }}      }    </ng-template>  </vue-slot-group></vue-outlet><div>  <vue-outlet    [root]="true"    [component]="Progress"    [props]="{ percent: defaultPercent }"  ></vue-outlet>  <vue-outlet [root]="true" [component]="ButtonGroup">    <vue-outlet      [component]="Button"      [emits]="{ click: decline }"      [children]="[\'-\']"      #child    >    </vue-outlet>    <vue-outlet      [component]="Button"      [emits]="{ click: increase }"      [children]="[\'+\']"      #child    ></vue-outlet>  </vue-outlet></div></div>'
-    var COMPONENTS = [{'name': 'AntdDemoComponent', 'selector': 'app-antd-demo'},{'name': 'AntDesignVueDemoComponent', 'selector': 'app-ant-design-vue-demo'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'CustomLayoutComponent', 'selector': 'app-custom-layout'},{'name': 'CustomNode2Component', 'selector': 'app-custom-node'},{'name': 'CustomNodeComponent', 'selector': 'app-custom-node'},{'name': 'CustomNodeExamplesComponent', 'selector': 'app-custom-node-examples'},{'name': 'CustomTitleComponent', 'selector': ''},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'ExcalidrawDemoComponent', 'selector': 'app-excalidraw-demo'},{'name': 'HelloComponent', 'selector': 'app-hello'},{'name': 'MenubarComponent', 'selector': 'app-menubar'},{'name': 'NgAComponent', 'selector': 'ng-a'},{'name': 'PdfDemoComponent', 'selector': 'app-pdf-demo'},{'name': 'ReactDndDemoComponent', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent2', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent3', 'selector': 'app-react-dnd-demo'},{'name': 'ReactHookFormDemoComponent', 'selector': 'app-react-hook-form-demo'},{'name': 'ReactIconDemoComponent', 'selector': 'app-react-icon-demo'},{'name': 'ReactSpinnersDemoComponent', 'selector': 'app-react-spinners-demo'},{'name': 'RichTextComponent', 'selector': 'app-rich-text'},{'name': 'TipTapDemoComponent', 'selector': ''},{'name': 'TipTapHelloComponent', 'selector': 'app-hello'},{'name': 'ToastComponent', 'selector': 'app-toast'},{'name': 'VueTestComponent', 'selector': 'app-vue-test'},{'name': 'VueTransitionDemoComponent', 'selector': 'app-vue-transition-demo'}];
+    var COMPONENTS = [{'name': 'AntdDemoComponent', 'selector': 'app-antd-demo'},{'name': 'AntDesignVueDemoComponent', 'selector': 'app-ant-design-vue-demo'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BlendDemoComponent', 'selector': 'app-blend-demo'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'CustomLayoutComponent', 'selector': 'app-custom-layout'},{'name': 'CustomNode2Component', 'selector': 'app-custom-node'},{'name': 'CustomNodeComponent', 'selector': 'app-custom-node'},{'name': 'CustomNodeExamplesComponent', 'selector': 'app-custom-node-examples'},{'name': 'CustomTitleComponent', 'selector': ''},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'ExcalidrawDemoComponent', 'selector': 'app-excalidraw-demo'},{'name': 'HelloComponent', 'selector': 'app-hello'},{'name': 'MenubarComponent', 'selector': 'app-menubar'},{'name': 'NgAComponent', 'selector': 'ng-a'},{'name': 'PdfDemoComponent', 'selector': 'app-pdf-demo'},{'name': 'ReactDndDemoComponent', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent2', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent3', 'selector': 'app-react-dnd-demo'},{'name': 'ReactHookFormDemoComponent', 'selector': 'app-react-hook-form-demo'},{'name': 'ReactIconDemoComponent', 'selector': 'app-react-icon-demo'},{'name': 'ReactSpinnersDemoComponent', 'selector': 'app-react-spinners-demo'},{'name': 'RichTextComponent', 'selector': 'app-rich-text'},{'name': 'TipTapDemoComponent', 'selector': ''},{'name': 'TipTapHelloComponent', 'selector': 'app-hello'},{'name': 'ToastComponent', 'selector': 'app-toast'},{'name': 'VueTestComponent', 'selector': 'app-vue-test'},{'name': 'VueTransitionDemoComponent', 'selector': 'app-vue-transition-demo'}];
     var DIRECTIVES = [{'name': 'InputDirective', 'selector': '[reactInput]'}];
     var ACTUAL_COMPONENT = {'name': 'AntDesignVueDemoComponent'};
 </script>

diff --git a/source-code/components/AntdDemoComponent.html b/source-code/components/AntdDemoComponent.html
@@ -517,7 +517,7 @@ <h3 id="inputs">
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
         var COMPONENT_TEMPLATE = '<div><react-outlet  [root]="true"  [component]="Flex"  [props]="{ gap: \'small\', wrap: \'wrap\' }">  <react-outlet    [component]="Button"    [props]="{ type: \'primary\', onClick:testClick}"    [children]="[\'Primary Button\']"    #child  ></react-outlet>  <react-outlet    [component]="Button"    #child    [children]="[\'Default Button\']"  ></react-outlet>  <react-outlet    [component]="Button"    [props]="{ type: \'dashed\' }"    [children]="[\'Dashed Button\']"    #child  ></react-outlet>  <react-outlet    [component]="Button"    [props]="{ type: \'text\' }"    [children]="[\'Text Button\']"    #child  ></react-outlet>  <react-outlet    [component]="Button"    [props]="{ type: \'link\' }"    [children]="[\'Link Button\']"    #child  ></react-outlet></react-outlet><react-outlet [root]="true" [component]="Tree" [runInReact]="treeContext"></react-outlet></div>'
-    var COMPONENTS = [{'name': 'AntdDemoComponent', 'selector': 'app-antd-demo'},{'name': 'AntDesignVueDemoComponent', 'selector': 'app-ant-design-vue-demo'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'CustomLayoutComponent', 'selector': 'app-custom-layout'},{'name': 'CustomNode2Component', 'selector': 'app-custom-node'},{'name': 'CustomNodeComponent', 'selector': 'app-custom-node'},{'name': 'CustomNodeExamplesComponent', 'selector': 'app-custom-node-examples'},{'name': 'CustomTitleComponent', 'selector': ''},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'ExcalidrawDemoComponent', 'selector': 'app-excalidraw-demo'},{'name': 'HelloComponent', 'selector': 'app-hello'},{'name': 'MenubarComponent', 'selector': 'app-menubar'},{'name': 'NgAComponent', 'selector': 'ng-a'},{'name': 'PdfDemoComponent', 'selector': 'app-pdf-demo'},{'name': 'ReactDndDemoComponent', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent2', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent3', 'selector': 'app-react-dnd-demo'},{'name': 'ReactHookFormDemoComponent', 'selector': 'app-react-hook-form-demo'},{'name': 'ReactIconDemoComponent', 'selector': 'app-react-icon-demo'},{'name': 'ReactSpinnersDemoComponent', 'selector': 'app-react-spinners-demo'},{'name': 'RichTextComponent', 'selector': 'app-rich-text'},{'name': 'TipTapDemoComponent', 'selector': ''},{'name': 'TipTapHelloComponent', 'selector': 'app-hello'},{'name': 'ToastComponent', 'selector': 'app-toast'},{'name': 'VueTestComponent', 'selector': 'app-vue-test'},{'name': 'VueTransitionDemoComponent', 'selector': 'app-vue-transition-demo'}];
+    var COMPONENTS = [{'name': 'AntdDemoComponent', 'selector': 'app-antd-demo'},{'name': 'AntDesignVueDemoComponent', 'selector': 'app-ant-design-vue-demo'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BlendDemoComponent', 'selector': 'app-blend-demo'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'BoxComponent', 'selector': 'app-box'},{'name': 'CustomLayoutComponent', 'selector': 'app-custom-layout'},{'name': 'CustomNode2Component', 'selector': 'app-custom-node'},{'name': 'CustomNodeComponent', 'selector': 'app-custom-node'},{'name': 'CustomNodeExamplesComponent', 'selector': 'app-custom-node-examples'},{'name': 'CustomTitleComponent', 'selector': ''},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'DustbinComponent', 'selector': 'app-dustbin'},{'name': 'ExcalidrawDemoComponent', 'selector': 'app-excalidraw-demo'},{'name': 'HelloComponent', 'selector': 'app-hello'},{'name': 'MenubarComponent', 'selector': 'app-menubar'},{'name': 'NgAComponent', 'selector': 'ng-a'},{'name': 'PdfDemoComponent', 'selector': 'app-pdf-demo'},{'name': 'ReactDndDemoComponent', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent2', 'selector': 'app-react-dnd-demo'},{'name': 'ReactDndDemoComponent3', 'selector': 'app-react-dnd-demo'},{'name': 'ReactHookFormDemoComponent', 'selector': 'app-react-hook-form-demo'},{'name': 'ReactIconDemoComponent', 'selector': 'app-react-icon-demo'},{'name': 'ReactSpinnersDemoComponent', 'selector': 'app-react-spinners-demo'},{'name': 'RichTextComponent', 'selector': 'app-rich-text'},{'name': 'TipTapDemoComponent', 'selector': ''},{'name': 'TipTapHelloComponent', 'selector': 'app-hello'},{'name': 'ToastComponent', 'selector': 'app-toast'},{'name': 'VueTestComponent', 'selector': 'app-vue-test'},{'name': 'VueTransitionDemoComponent', 'selector': 'app-vue-transition-demo'}];
     var DIRECTIVES = [{'name': 'InputDirective', 'selector': '[reactInput]'}];
     var ACTUAL_COMPONENT = {'name': 'AntdDemoComponent'};
 </script>