refactor

.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

auto-imports.d.ts

@@ -6,10 +6,9 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
-  const ElMessage: typeof import('element-plus')['ElMessage']
-  const ElMessageBox: typeof import('element-plus')['ElMessageBox']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+  const buildScheme: typeof import('./src/utils/buildScheme')['default']
   const computed: typeof import('vue')['computed']
   const computedAsync: typeof import('@vueuse/core')['computedAsync']
   const computedEager: typeof import('@vueuse/core')['computedEager']

components.d.ts

@@ -10,20 +10,16 @@ declare module 'vue' {
     AButton: typeof import('@arco-design/web-vue')['Button']
     AInput: typeof import('@arco-design/web-vue')['Input']
     ARate: typeof import('@arco-design/web-vue')['Rate']
+    AScrollbar: typeof import('@arco-design/web-vue')['Scrollbar']
     ASwitch: typeof import('@arco-design/web-vue')['Switch']
     ATable: typeof import('@arco-design/web-vue')['Table']
-    ElButton: typeof import('element-plus/es')['ElButton']
+    DynamicComponent: typeof import('./src/components/DynamicComponent.vue')['default']
-    ElInput: typeof import('element-plus/es')['ElInput']
-    ElLabel: typeof import('element-plus/es')['ElLabel']
     ElTable: typeof import('./src/components/ElTable.vue')['default']
-    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    FunctionalIcons: typeof import('./src/components/FunctionalIcons.vue')['default']
-    ElText: typeof import('element-plus/es')['ElText']
-    MyComponent1: typeof import('./src/components/MyComponent1.vue')['default']
-    MyComponent2: typeof import('./src/components/MyComponent2.vue')['default']
-    MyComponent3: typeof import('./src/components/MyComponent3.vue')['default']
-    NDataTable: typeof import('naive-ui')['NDataTable']
     NestedDirective: typeof import('./src/components/NestedDirective.vue')['default']
     NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
+    TestComponent: typeof import('./src/components/TestComponent.vue')['default']
+    TestParentComponent: typeof import('./src/components/TestParentComponent.vue')['default']
     VueDemo: typeof import('./src/components/VueDemo.vue')['default']
   }
 }

package.json

@@ -6,23 +6,25 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "scheme": "tsc --module commonjs ./src/utils/buildScheme.ts && mv ./src/utils/buildScheme.js ./src/utils/buildScheme.cjs && node ./src/utils/buildScheme.cjs"
   },
   "dependencies": {
+    "@arco-plugins/vite-vue": "^1.4.5",
     "@vueuse/core": "^10.11.0",
     "lodash": "^4.17.21",
     "lsp-uuid": "^3.2.0",
+    "ts-node": "^10.9.2",
     "vue": "^3.2.25",
-    "vue-draggable-next": "^2.2.1",
     "vue-draggable-plus": "^0.5.2"
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.56.0",
+    "@types/node": "^22.2.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "less": "^4.2.0",
-    "naive-ui": "^2.39.0",
     "sass": "^1.77.8",
-    "typescript": "^5.2.2",
+    "typescript": "^5.5.4",
     "unplugin-auto-import": "^0.18.2",
     "unplugin-vue-components": "^0.27.3",
     "vfonts": "^0.0.3",

src/App.vue

@@ -5,7 +5,9 @@ import VueDemo from './components/VueDemo.vue';
 </script>
 
 <template>
-<VueDemo></VueDemo>
+  <div>
+    <VueDemo></VueDemo>
+  </div>
 
 </template>
 
@@ -16,9 +18,11 @@ import VueDemo from './components/VueDemo.vue';
   will-change: filter;
   transition: filter 300ms;
 }
+
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
 }
+
 .logo.vue:hover {
   filter: drop-shadow(0 0 2em #42b883aa);
 }

src/components/DynamicComponent.vue

@@ -0,0 +1,31 @@
+<!-- DynamicComponent.vue -->
+<template>
+  <component :is="componentType" v-bind="componentProps" :class="componentClass" :style="componentStyle">
+    {{ componentText }}
+    <template v-for="child in componentChildren" :key="child.id">
+      <DynamicComponent :component-data="child" />
+    </template>
+  </component>
+
+</template>
+
+<script setup lang="ts">
+import { defineProps, computed, onMounted } from 'vue';
+import { componentMapping } from './componentMapping';
+
+const props = defineProps({
+  componentData: Object
+});
+
+onMounted(() => {
+  console.log(props.componentData)
+})
+const componentType = computed(() => componentMapping[props.componentData?.type] || 'div');
+const componentProps = computed(() => props.componentData?.props || {});
+const componentChildren = computed(() => props.componentData?.children || []);
+const componentText = computed(() => props.componentData?.text ||'');
+const componentClass = computed(() => props.componentData?.class || []);
+const componentStyle = computed(() => props.componentData?.style || []);
+
+
+</script>

src/components/Icon.tsx

@@ -0,0 +1,12 @@
+// 有点丑陋 但是功能在
+import { h, compile } from 'vue';
+
+type Props = {
+	name: string;
+};
+const Icon = (props: Props) => {
+	return(props.name ? h(compile(`<${props.name} />`)) : null)
+}
+
+export default Icon;
+

src/components/NestedFunction.vue

@@ -11,7 +11,7 @@
 <script setup lang="ts">
 import { useDraggable} from 'vue-draggable-plus'
 import { computed, ref } from 'vue'
-import { IList } from '../type/IList'
+import { IList } from '../type/IComponent'
 
 interface Props {
   modelValue: IList[]

src/components/TestComponent.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="my-component">
+    <slot name="header"></slot>
+    <slot name="extra"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MyComponent',
+};
+</script>
+
+<style scoped>
+.my-component {
+  /* 添加样式 */
+}
+</style>

src/components/VueDemo.vue

@@ -1,75 +1,91 @@
 <template>
-  <div style="display: flex;flex-direction: row;">
+  <div>
-    <div  ref="el2" style="margin: 5%;display: flex;flex-direction: column;">
+    <div style="display: flex;flex-direction: row;">
-      <div v-for="item in list1" :key="item.id" style="width: 200px;border: 1px solid red;">
+
-        {{ item.name }}:{{ item.id }}
+      <div ref="el2"
+        style="margin: 5%;display: flex;flex-direction: column;overflow-x:scroll;height: 350px;width: 300px;">
+        <div v-for="item in componentsList" :key="item.id" style="height: 30px;width: 300px;border: 1px solid red;">
+          {{ item.name }}:{{ item.id }}
+        </div>
+
       </div>
+
+      <div class="flex justify-between">
+        <NestedFunction v-model="list" class="w-full"></NestedFunction>
+        {{ list }}
+      </div>
+
     </div>
 
-    <div class="flex justify-between">
+    <div style="width: 800px;height:500px">
-      <NestedFunction v-model="list" class="w-full"></NestedFunction>
+      动态渲染
-      {{ list }}
+      <!-- <component :is="componentMapping['Rate']" v-bind="{}"/> -->
+      <DynamicComponent v-for="component in list" :key="component.id" :componentData="component">
+        {{ component.id }}
+      </DynamicComponent>
     </div>
+    <TestComponent>
+      <template #header>
+        <div>
+          header
+        </div>
+      </template>
+    </TestComponent>
   </div>
 
+
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue';
-import NestedFunction from './NestedFunction.vue'
+import NestedFunction from './NestedFunction.vue';
+import DynamicComponent from './DynamicComponent.vue';
+
 import { useDraggable } from 'vue-draggable-plus'
 import { uuid } from 'lsp-uuid';
+import { IComponent } from '../type/IComponent.ts';
+import { componentScheme } from '../schemes/scheme.ts';
+import TestComponent from './TestComponent.vue';
+const componentsList = ref<any[]>([]);
 
-
+const list = ref<IComponent[]>([])
-const list1 = ref([
-{
-    type: 'Switch',
-    name: '开关',
-    id: 'switch',
-    designer: '',
-    props: {},
-    style: '',
-    class: '',
-    children: []
-  },
-  {
-    type: 'Rate',
-    name: '开关',
-    id: 'rate',
-    designer: '',
-    props: {},
-    style: '',
-    class: '',
-    children: []
-  },
-  {
-    type: 'Button',
-    name: '按钮',
-    id: 'button',
-    designer: '',
-    props: {},
-    style: '',
-    class: '',
-    children: []
-  }
-  
-])
-const list=ref([])
 
 const el2 = ref()
 
-useDraggable(el2, list1, {
+
+onMounted(() => {
+  const loadedComponents = Object.values(componentScheme)
+  componentsList.value = loadedComponents
+  // console.log(loadedComponents)
+
+});
+
+
+
+useDraggable(el2, componentsList, {
   animation: 150,
   group: { name: 'designer', pull: 'clone', put: false },
   sort: false,
   onClone() {
     console.log('clone')
   },
-  clone(element: Record<'id'|'children', any>) {
+  clone(element: Record<'id' | 'name' | 'type' | 'children' | 'props' | 'text' | 'class' | 'style', any>) {
     return {
       id: `${element.id}-${uuid()}`,
-      children:[]
+      name: element.name,
+      type: element.type,
+      props: element.props,
+      class: element.class,
+      designer: '',
+      text: element.text,
+      children: [],
+      style: element.style,
+      visible: "",
+      slots: {},
+      disable: "",
+      events: {},
+      loop: {},
     }
   }
 })
-</script>
+</script>

src/components/componentMapping.ts

@@ -0,0 +1,60 @@
+// componentMapping.ts
+import TestComponent from './TestComponent.vue';
+import Icon from './Icon.tsx';
+
+import {
+  Affix, Alert, Anchor, AnchorLink,
+  AutoComplete, Avatar, AvatarGroup, BackTop,
+  Badge, Breadcrumb, BreadcrumbItem, Button,
+  ButtonGroup, Card, CardGrid, CardMeta,
+  Calendar, Carousel, CarouselItem, Cascader,
+  CascaderPanel, Checkbox, CheckboxGroup, Collapse,
+  CollapseItem, Comment, ColorPicker, ConfigProvider,
+  Descriptions, DescriptionsItem, Divider, Drawer,
+  Empty, Form, FormItem, Grid,
+  Col, Row, GridItem,
+  InputNumber, InputTag, Link, List,
+  ListItem, ListItemMeta, Mention, Menu,
+  MenuItem, MenuItemGroup, SubMenu, Message,
+  Modal, Notification, PageHeader, Pagination,
+  Popconfirm, Popover, Progress, Radio,
+  RadioGroup, Rate, ResizeBox, Result,
+  Scrollbar, Select, Optgroup, Option,
+  Skeleton, SkeletonLine, SkeletonShape, Slider,
+  Space, Spin, Split, Statistic,
+  Countdown, Steps, Step, Switch,
+  Tabs, TabPane, Tag, Textarea,
+  TimePicker, Timeline, TimelineItem, Tooltip,
+  Transfer, Tree, TreeSelect, Trigger,Typography,TypographyParagraph, TypographyText, TypographyTitle,
+  Upload, OverflowList, VerificationCode, Watermark
+} from '@arco-design/web-vue';
+
+export const componentMapping: { [key: string]: any } = {
+  TestComponent,
+  Affix, Alert, Anchor, AnchorLink,
+  AutoComplete, Avatar, AvatarGroup, BackTop,
+  Badge, Breadcrumb, BreadcrumbItem, Button,
+  ButtonGroup, Card, CardGrid, CardMeta,
+  Calendar, Carousel, CarouselItem, Cascader,
+  CascaderPanel, Checkbox, CheckboxGroup, Collapse,
+  CollapseItem, Comment, ColorPicker, ConfigProvider,
+  Descriptions, DescriptionsItem, Divider, Drawer,
+  Empty, Form, FormItem, Grid,
+  Col, Row, GridItem, Icon,
+  InputNumber, InputTag, Link, List,
+  ListItem, ListItemMeta, Mention, Menu,
+  MenuItem, MenuItemGroup, SubMenu, Message,
+  Modal, Notification, PageHeader, Pagination,
+  Popconfirm, Popover, Progress, Radio,
+  RadioGroup, Rate, ResizeBox, Result,
+  Scrollbar, Select, Optgroup, Option,
+  Skeleton, SkeletonLine, SkeletonShape, Slider,
+  Space, Spin, Split, Statistic,
+  Countdown, Steps, Step, Switch,
+  Tabs, TabPane, Tag, Textarea,
+  TimePicker, Timeline, TimelineItem, Tooltip,
+  Transfer, Tree, TreeSelect, Trigger,Typography,TypographyParagraph, TypographyText, TypographyTitle,
+  Upload, OverflowList, VerificationCode, Watermark
+};
+
+

src/main.ts

@@ -1,5 +1,12 @@
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
+import ArcoVue from '@arco-design/web-vue';
+// 额外引入图标库
+import ArcoVueIcon from '@arco-design/web-vue/es/icon';
+import '@arco-design/web-vue/dist/arco.css';
 
-createApp(App).mount('#app')
+const app = createApp(App);
+app.use(ArcoVue);
+app.use(ArcoVueIcon);
+app.mount('#app');

src/schemes/components/Affix.json

@@ -0,0 +1,16 @@
+{
+  "type": "Affix",
+  "name": "affix",
+  "id": "affix",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Alert.json

@@ -0,0 +1,16 @@
+{
+  "type": "Alert",
+  "name": "alert",
+  "id": "alert",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Anchor.json

@@ -0,0 +1,16 @@
+{
+  "type": "Anchor",
+  "name": "anchor",
+  "id": "anchor",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/AnchorLink.json

@@ -0,0 +1,16 @@
+{
+  "type": "AnchorLink",
+  "name": "anchorlink",
+  "id": "anchorlink",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/AutoComplete.json

@@ -0,0 +1,16 @@
+{
+  "type": "AutoComplete",
+  "name": "autocomplete",
+  "id": "autocomplete",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Avatar.json

@@ -0,0 +1,16 @@
+{
+  "type": "Avatar",
+  "name": "avatar",
+  "id": "avatar",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/AvatarGroup.json

@@ -0,0 +1,16 @@
+{
+  "type": "AvatarGroup",
+  "name": "avatargroup",
+  "id": "avatargroup",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/BackTop.json

@@ -0,0 +1,16 @@
+{
+  "type": "BackTop",
+  "name": "backtop",
+  "id": "backtop",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Badge.json

@@ -0,0 +1,16 @@
+{
+  "type": "Badge",
+  "name": "badge",
+  "id": "badge",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Breadcrumb.json

@@ -0,0 +1,16 @@
+{
+  "type": "Breadcrumb",
+  "name": "breadcrumb",
+  "id": "breadcrumb",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/BreadcrumbItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "BreadcrumbItem",
+  "name": "breadcrumbitem",
+  "id": "breadcrumbitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Button.json

@@ -0,0 +1,19 @@
+{
+  "type": "Button",
+  "name": "button",
+  "id": "button",
+  "designer": {},
+  "text": "button",
+  "props": {
+    "type":"primary",
+    "status":"waring"
+  },
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/ButtonGroup.json

@@ -0,0 +1,16 @@
+{
+  "type": "ButtonGroup",
+  "name": "buttongroup",
+  "id": "buttongroup",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Calendar.json

@@ -0,0 +1,16 @@
+{
+  "type": "Calendar",
+  "name": "calendar",
+  "id": "calendar",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Card.json

@@ -0,0 +1,18 @@
+{
+  "type": "Card",
+  "name": "card",
+  "id": "card",
+  "designer": {},
+  "text": "ByteDance's core product, Toutiao (\"Headlines\"), is a content platform in China and around the world. Toutiao started out as a news recommendation engine and gradually evolved into a platform delivering content in various formats.",
+  "props": {"title":"Card"},
+  "style": "width:360px",
+  "class": "arco-card arco-card-size-medium arco-card-bordered",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}
+
+

src/schemes/components/CardGrid.json

@@ -0,0 +1,16 @@
+{
+  "type": "CardGrid",
+  "name": "cardgrid",
+  "id": "cardgrid",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/CardMeta.json

@@ -0,0 +1,16 @@
+{
+  "type": "CardMeta",
+  "name": "cardmeta",
+  "id": "cardmeta",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Carousel.json

@@ -0,0 +1,16 @@
+{
+  "type": "Carousel",
+  "name": "carousel",
+  "id": "carousel",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/CarouselItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "CarouselItem",
+  "name": "carouselitem",
+  "id": "carouselitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Cascader.json

@@ -0,0 +1,16 @@
+{
+  "type": "Cascader",
+  "name": "cascader",
+  "id": "cascader",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/CascaderPanel.json

@@ -0,0 +1,16 @@
+{
+  "type": "CascaderPanel",
+  "name": "cascaderpanel",
+  "id": "cascaderpanel",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Checkbox.json

@@ -0,0 +1,16 @@
+{
+  "type": "Checkbox",
+  "name": "checkbox",
+  "id": "checkbox",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/CheckboxGroup.json

@@ -0,0 +1,16 @@
+{
+  "type": "CheckboxGroup",
+  "name": "checkboxgroup",
+  "id": "checkboxgroup",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Col.json

@@ -0,0 +1,16 @@
+{
+  "type": "Col",
+  "name": "col",
+  "id": "col",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Collapse.json

@@ -0,0 +1,16 @@
+{
+  "type": "Collapse",
+  "name": "collapse",
+  "id": "collapse",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/CollapseItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "CollapseItem",
+  "name": "collapseitem",
+  "id": "collapseitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/ColorPicker.json

@@ -0,0 +1,16 @@
+{
+  "type": "ColorPicker",
+  "name": "colorpicker",
+  "id": "colorpicker",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Comment.json

@@ -0,0 +1,16 @@
+{
+  "type": "Comment",
+  "name": "comment",
+  "id": "comment",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/ConfigProvider.json

@@ -0,0 +1,16 @@
+{
+  "type": "ConfigProvider",
+  "name": "configprovider",
+  "id": "configprovider",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Countdown.json

@@ -0,0 +1,16 @@
+{
+  "type": "Countdown",
+  "name": "countdown",
+  "id": "countdown",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Descriptions.json

@@ -0,0 +1,16 @@
+{
+  "type": "Descriptions",
+  "name": "descriptions",
+  "id": "descriptions",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/DescriptionsItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "DescriptionsItem",
+  "name": "descriptionsitem",
+  "id": "descriptionsitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Divider.json

@@ -0,0 +1,21 @@
+{
+  "type": "Divider",
+  "name": "divider",
+  "id": "divider",
+  "designer": {},
+  "text": "分割",
+  "props": {
+    "direction":"horizontal",
+    "orientation":"center",
+    "type":"dotted",
+    "size":2.5
+  },
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Drawer.json

@@ -0,0 +1,16 @@
+{
+  "type": "Drawer",
+  "name": "drawer",
+  "id": "drawer",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Empty.json

@@ -0,0 +1,16 @@
+{
+  "type": "Empty",
+  "name": "empty",
+  "id": "empty",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Form.json

@@ -0,0 +1,16 @@
+{
+  "type": "Form",
+  "name": "form",
+  "id": "form",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/FormItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "FormItem",
+  "name": "formitem",
+  "id": "formitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Grid.json

@@ -0,0 +1,18 @@
+{
+  "type": "Grid",
+  "name": "grid",
+  "id": "grid",
+  "designer": {},
+  "text": "grid",
+  "props": {
+    "cols":24
+  },
+  "style": "display: block;",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/GridItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "GridItem",
+  "name": "griditem",
+  "id": "griditem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Icon.json

@@ -0,0 +1,17 @@
+{
+  "type": "Icon",
+  "name": "icon-plus",
+  "id": "icon",
+  "designer": {},
+  "text": "",
+  "props": {
+  },
+  "style": "{fontSize:'32px'}",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/InputNumber.json

@@ -0,0 +1,16 @@
+{
+  "type": "InputNumber",
+  "name": "inputnumber",
+  "id": "inputnumber",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/InputTag.json

@@ -0,0 +1,16 @@
+{
+  "type": "InputTag",
+  "name": "inputtag",
+  "id": "inputtag",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Link.json

@@ -0,0 +1,18 @@
+{
+  "type": "Link",
+  "name": "link",
+  "id": "link",
+  "designer": {},
+  "text": "Link",
+  "props": {
+    "status":""
+  },
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/List.json

@@ -0,0 +1,16 @@
+{
+  "type": "List",
+  "name": "list",
+  "id": "list",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/ListItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "ListItem",
+  "name": "listitem",
+  "id": "listitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/ListItemMeta.json

@@ -0,0 +1,16 @@
+{
+  "type": "ListItemMeta",
+  "name": "listitemmeta",
+  "id": "listitemmeta",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Mention.json

@@ -0,0 +1,16 @@
+{
+  "type": "Mention",
+  "name": "mention",
+  "id": "mention",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Menu.json

@@ -0,0 +1,16 @@
+{
+  "type": "Menu",
+  "name": "menu",
+  "id": "menu",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/MenuItem.json

@@ -0,0 +1,16 @@
+{
+  "type": "MenuItem",
+  "name": "menuitem",
+  "id": "menuitem",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/MenuItemGroup.json

@@ -0,0 +1,16 @@
+{
+  "type": "MenuItemGroup",
+  "name": "menuitemgroup",
+  "id": "menuitemgroup",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Message.json

@@ -0,0 +1,16 @@
+{
+  "type": "Message",
+  "name": "message",
+  "id": "message",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Modal.json

@@ -0,0 +1,16 @@
+{
+  "type": "Modal",
+  "name": "modal",
+  "id": "modal",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Notification.json

@@ -0,0 +1,16 @@
+{
+  "type": "Notification",
+  "name": "notification",
+  "id": "notification",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Optgroup.json

@@ -0,0 +1,16 @@
+{
+  "type": "Optgroup",
+  "name": "optgroup",
+  "id": "optgroup",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Option.json

@@ -0,0 +1,16 @@
+{
+  "type": "Option",
+  "name": "option",
+  "id": "option",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/OverflowList.json

@@ -0,0 +1,16 @@
+{
+  "type": "OverflowList",
+  "name": "overflowlist",
+  "id": "overflowlist",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/PageHeader.json

@@ -0,0 +1,16 @@
+{
+  "type": "PageHeader",
+  "name": "pageheader",
+  "id": "pageheader",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Pagination.json

@@ -0,0 +1,16 @@
+{
+  "type": "Pagination",
+  "name": "pagination",
+  "id": "pagination",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Popconfirm.json

@@ -0,0 +1,16 @@
+{
+  "type": "Popconfirm",
+  "name": "popconfirm",
+  "id": "popconfirm",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Popover.json

@@ -0,0 +1,16 @@
+{
+  "type": "Popover",
+  "name": "popover",
+  "id": "popover",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Progress.json

@@ -0,0 +1,16 @@
+{
+  "type": "Progress",
+  "name": "progress",
+  "id": "progress",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Radio.json

@@ -0,0 +1,16 @@
+{
+  "type": "Radio",
+  "name": "radio",
+  "id": "radio",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/RadioGroup.json

@@ -0,0 +1,16 @@
+{
+  "type": "RadioGroup",
+  "name": "radiogroup",
+  "id": "radiogroup",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Rate.json

@@ -0,0 +1,16 @@
+{
+  "type": "Rate",
+  "name": "rate",
+  "id": "rate",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/ResizeBox.json

@@ -0,0 +1,16 @@
+{
+  "type": "ResizeBox",
+  "name": "resizebox",
+  "id": "resizebox",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Result.json

@@ -0,0 +1,16 @@
+{
+  "type": "Result",
+  "name": "result",
+  "id": "result",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Row.json

@@ -0,0 +1,16 @@
+{
+  "type": "Row",
+  "name": "row",
+  "id": "row",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Scrollbar.json

@@ -0,0 +1,16 @@
+{
+  "type": "Scrollbar",
+  "name": "scrollbar",
+  "id": "scrollbar",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Select.json

@@ -0,0 +1,16 @@
+{
+  "type": "Select",
+  "name": "select",
+  "id": "select",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Skeleton.json

@@ -0,0 +1,16 @@
+{
+  "type": "Skeleton",
+  "name": "skeleton",
+  "id": "skeleton",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/SkeletonLine.json

@@ -0,0 +1,16 @@
+{
+  "type": "SkeletonLine",
+  "name": "skeletonline",
+  "id": "skeletonline",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/SkeletonShape.json

@@ -0,0 +1,16 @@
+{
+  "type": "SkeletonShape",
+  "name": "skeletonshape",
+  "id": "skeletonshape",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Slider.json

@@ -0,0 +1,16 @@
+{
+  "type": "Slider",
+  "name": "slider",
+  "id": "slider",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Space.json

@@ -0,0 +1,16 @@
+{
+  "type": "Space",
+  "name": "space",
+  "id": "space",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Spin.json

@@ -0,0 +1,16 @@
+{
+  "type": "Spin",
+  "name": "spin",
+  "id": "spin",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Split.json

@@ -0,0 +1,16 @@
+{
+  "type": "Split",
+  "name": "split",
+  "id": "split",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Statistic.json

@@ -0,0 +1,16 @@
+{
+  "type": "Statistic",
+  "name": "statistic",
+  "id": "statistic",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Step.json

@@ -0,0 +1,16 @@
+{
+  "type": "Step",
+  "name": "step",
+  "id": "step",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Steps.json

@@ -0,0 +1,16 @@
+{
+  "type": "Steps",
+  "name": "steps",
+  "id": "steps",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/SubMenu.json

@@ -0,0 +1,16 @@
+{
+  "type": "SubMenu",
+  "name": "submenu",
+  "id": "submenu",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Switch.json

@@ -0,0 +1,16 @@
+{
+  "type": "Switch",
+  "name": "switch",
+  "id": "switch",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/TabPane.json

@@ -0,0 +1,16 @@
+{
+  "type": "TabPane",
+  "name": "tabpane",
+  "id": "tabpane",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Tabs.json

@@ -0,0 +1,16 @@
+{
+  "type": "Tabs",
+  "name": "tabs",
+  "id": "tabs",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Tag.json

@@ -0,0 +1,16 @@
+{
+  "type": "Tag",
+  "name": "tag",
+  "id": "tag",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/Textarea.json

@@ -0,0 +1,16 @@
+{
+  "type": "Textarea",
+  "name": "textarea",
+  "id": "textarea",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}

src/schemes/components/TimePicker.json

@@ -0,0 +1,16 @@
+{
+  "type": "TimePicker",
+  "name": "timepicker",
+  "id": "timepicker",
+  "designer": {},
+  "text": "",
+  "props": {},
+  "style": "",
+  "class": "",
+  "visible": "",
+  "slots": {},
+  "disable": "",
+  "events": {},
+  "loop": {},
+  "children": []
+}