@vtj/materials 0.8.44 → 0.8.46

package/src/element/descriptions.ts

@@ -0,0 +1,144 @@
+import type { MaterialDescription } from '@vtj/core';
+const Descriptions: MaterialDescription[] = [
+  {
+    name: 'ElDescriptions',
+    label: '描述列表',
+
+    categoryId: 'data',
+    package: 'element-plus',
+    doc: 'https://element-plus.org/zh-CN/component/descriptions.html',
+    props: [
+      {
+        name: 'border',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'column',
+        defaultValue: 3,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'direction',
+        defaultValue: 'horizontal',
+        options: ['vertical', 'horizontal'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'size',
+        defaultValue: 'default',
+        options: ['large', 'default', 'small'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'title',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'extra',
+        defaultValue: '',
+        setters: 'InputSetter'
+      }
+    ],
+    slots: ['default', 'title', 'extra'],
+    snippet: {
+      props: {
+        border: true
+      },
+      children: [
+        {
+          name: 'ElDescriptionsItem',
+          children: 'kooriookami',
+          props: {
+            label: 'Username'
+          }
+        },
+        {
+          name: 'ElDescriptionsItem',
+          children: '18100000000',
+          props: {
+            label: 'Telephone'
+          }
+        },
+        {
+          name: 'ElDescriptionsItem',
+          children: 'Suzhou',
+          props: {
+            label: 'Place'
+          }
+        },
+        {
+          name: 'ElDescriptionsItem',
+          children:
+            'No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangs Province',
+          props: {
+            label: 'Address'
+          }
+        }
+      ]
+    }
+  },
+  {
+    name: 'ElDescriptionsItem',
+    label: '描述列表子项',
+
+    categoryId: 'data',
+    parentIncludes: ['ElDescriptions'],
+    package: 'element-plus',
+    props: [
+      {
+        name: 'label',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'span',
+        defaultValue: 1,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'width',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter']
+      },
+      {
+        name: 'min-width',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter']
+      },
+      {
+        name: 'align',
+        defaultValue: 'left',
+        options: ['left', 'center', 'right'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'label-align',
+        defaultValue: '',
+        options: ['left', 'center', 'right'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'class-name',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'label-class-name',
+        defaultValue: '',
+        label: '标题类名',
+        setters: 'InputSetter'
+      }
+    ],
+    slots: ['default', 'label'],
+    snippet: {
+      children: '内容',
+      props: {
+        label: '标题'
+      }
+    }
+  }
+];
+
+export default Descriptions;

package/src/element/dialog.ts

@@ -0,0 +1,191 @@
+import type { MaterialDescription } from '@vtj/core';
+const components: MaterialDescription = {
+  name: 'ElDialog',
+  label: '对话框',
+
+  categoryId: 'other',
+  doc: 'https://element-plus.org/zh-CN/component/dialog.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'modelValue',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'title',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'width',
+      defaultValue: '50%',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'fullscreen',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'top',
+      defaultValue: '15vh',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'modal',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'modalClass',
+      label: 'modalClass',
+      title: '遮罩的自定义类名',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'appendToBody',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'appendTo',
+      label: 'appendTo',
+      title: 'Dialog 挂载到哪个 DOM 元素 将覆盖 append-to-body',
+      setters: 'StringSetter',
+      defaultValue: 'body'
+    },
+    {
+      name: 'lockScroll',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'customClass',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'openDelay',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'closeDelay',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'closeOnClickModal',
+      label: '点击关闭',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'closOonPressEscape',
+      label: 'ESC键关闭',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showClose',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'beforeClose',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'draggable',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'overflow',
+      label: 'overflow',
+      title: '拖动范围可以超出可视区',
+      setters: 'BooleanSetter',
+      defaultValue: false
+    },
+    {
+      name: 'center',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'alignCenter',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'destroyOnClose',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'closeIcon',
+      label: 'closeIcon',
+      title: '自定义关闭图标',
+      setters: ['StringSetter', 'IconSetter'] //!  string / Component
+    },
+    {
+      name: 'z-index',
+      label: 'z-index',
+      title: '和原生的 CSS 的 z-index 相同，改变 z 轴的顺序',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'headerAriaLevel',
+      label: 'headerAriaLevel',
+      title: 'header 的 aria-level 属性',
+      setters: 'StringSetter',
+      defaultValue: 2
+    }
+  ],
+  events: [
+    {
+      name: 'open'
+    },
+    {
+      name: 'opened'
+    },
+    {
+      name: 'close'
+    },
+    {
+      name: 'closed'
+    },
+    {
+      name: 'open-auto-focus'
+    },
+    {
+      name: 'close-auto-focus'
+    },
+    {
+      name: 'update:modelValue'
+    }
+  ],
+  slots: [
+    {
+      name: 'default'
+    },
+    {
+      name: 'header'
+    },
+    {
+      name: 'footer'
+    }
+  ],
+  snippet: {
+    name: 'ElDialog',
+    children: '对话框弹窗内容',
+    props: {
+      title: '标题',
+      modelValue: true
+    }
+  }
+};
+
+export default components;

package/src/element/divider.ts

@@ -0,0 +1,36 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription = {
+  name: 'ElDivider',
+  label: '分割线',
+
+  categoryId: 'other',
+  doc: 'https://element-plus.org/zh-CN/component/divider.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'direction',
+      defaultValue: 'horizontal',
+      setters: 'SelectSetter',
+      options: ['horizontal', 'vertical']
+    },
+    {
+      name: 'borderStyle',
+      defaultValue: 'solid',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'trigger',
+      defaultValue: 'center',
+      setters: 'SelectSetter',
+      options: ['left', 'right', 'center']
+    }
+  ],
+  slots: ['default'],
+  snippet: {
+    name: 'ElDivider',
+    children: '分割线'
+  }
+};
+
+export default components;

package/src/element/drawer.ts

@@ -0,0 +1,154 @@
+import type { MaterialDescription } from '@vtj/core';
+const components: MaterialDescription = {
+  name: 'ElDrawer',
+  label: '抽屉',
+
+  categoryId: 'other',
+  doc: 'https://element-plus.org/zh-CN/component/drawer.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'modelValue',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'appendToBody',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'lockScroll',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'beforeClose',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'closeOnClickModal',
+      label: '点击蒙层关闭',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'closOonPressEscape',
+      label: 'ESC键关闭',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'openDelay',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'closeDelay',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'customClass',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'destroyOnClose',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'modal',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'direction',
+      defaultValue: 'rtl',
+      setters: 'SelectSetter',
+      options: ['rtl', 'ltr', 'ttb', 'btt']
+    },
+    {
+      name: 'showClose',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'size',
+      defaultValue: '30%',
+      title:
+        'Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 x%, 否则便会以 number 类型解释',
+      setters: ['InputSetter', 'NumberSetter']
+    },
+    {
+      name: 'title',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'withHeader',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'modalClass',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'zIndex',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'headerAriaLevel',
+      label: 'headerAriaLevel',
+      title: 'header 的 aria-level 属性',
+      setters: 'StringSetter',
+      defaultValue: 2
+    }
+  ],
+  events: [
+    {
+      name: 'open'
+    },
+    {
+      name: 'opened'
+    },
+    {
+      name: 'close'
+    },
+    {
+      name: 'closed'
+    },
+    {
+      name: 'open-auto-focus'
+    },
+    {
+      name: 'close-auto-focus'
+    }
+  ],
+  slots: [
+    {
+      name: 'default'
+    },
+    {
+      name: 'header'
+    },
+    {
+      name: 'footer'
+    }
+  ],
+  snippet: {
+    name: 'ElDrawer',
+    children: '抽屉内容',
+    props: {
+      title: '标题',
+      modelValue: true
+    }
+  }
+};
+
+export default components;