@vtj/materials 0.8.43 → 0.8.45

package/src/element/statistic.ts

@@ -0,0 +1,135 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Statistic: MaterialDescription = {
+  name: 'ElStatistic',
+  label: '统计组件',
+
+  doc: 'https://element-plus.org/zh-CN/component/statistic.html',
+  categoryId: 'data',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'value',
+      label: 'value',
+      title: '数字内容',
+      setters: 'NumberSetter',
+      defaultValue: 0
+    },
+    {
+      name: 'decimalSeparator',
+      label: 'decimalSeparator',
+      title: '设置小数点符号',
+      setters: 'StringSetter',
+      defaultValue: '.'
+    },
+    {
+      name: 'formatter',
+      label: 'formatter',
+      title: '自定义数字格式化',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'groupSeparator',
+      label: 'groupSeparator',
+      title: '设置千分位标识符',
+      setters: 'StringSetter',
+      defaultValue: ','
+    },
+    {
+      name: 'precision',
+      label: 'precision',
+      title: '数字精度',
+      setters: 'NumberSetter',
+      defaultValue: 0
+    },
+    {
+      name: 'prefix',
+      label: 'prefix',
+      title: '设置数字的前缀',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'suffix',
+      label: 'suffix',
+      title: '设置数字的后缀',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'title',
+      label: 'title',
+      title: '数字标题',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'valueStyle',
+      label: 'valueStyle',
+      title: '数字样式',
+      setters: ['StringSetter', 'ObjectSetter', 'ArraySetter']
+    }
+  ],
+  slots: ['prefix', 'suffix', 'title'],
+  snippet: {
+    props: {
+      title: 'Daily active users',
+      value: '268500'
+    }
+  }
+};
+
+const Countdown: MaterialDescription = {
+  name: 'ElCountdown',
+  label: '倒计时',
+
+  doc: 'https://element-plus.org/zh-CN/component/statistic.html',
+  categoryId: 'data',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'value',
+      label: 'value',
+      title: '目标时间',
+      setters: ['NumberSetter'] //?? dayjs
+    },
+    {
+      name: 'format',
+      label: 'format',
+      title: '格式化倒计时',
+      setters: 'StringSetter',
+      defaultValue: 'HH:mm:ss'
+    },
+    {
+      name: 'prefix',
+      label: 'prefix',
+      title: '设置倒计时前缀',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'suffix',
+      label: 'suffix',
+      title: '设置倒计时的后缀',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'title',
+      label: 'title',
+      title: '倒计时标题',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'valueStyle',
+      label: 'valueStyle',
+      title: '倒计时值的样式',
+      setters: ['StringSetter', 'ObjectSetter', 'ArraySetter']
+    }
+  ],
+  events: ['change', 'finish'],
+  slots: ['prefix', 'suffix', 'title'],
+  snippet: {
+    props: {
+      title: 'Start to grab',
+      value: 1792134444342
+    }
+  }
+};
+
+export default [Statistic, Countdown];

package/src/element/steps.ts

@@ -0,0 +1,127 @@
+import type { MaterialDescription } from '@vtj/core';
+const Steps: MaterialDescription[] = [
+  {
+    name: 'ElSteps',
+    label: '步骤条',
+
+    categoryId: 'nav',
+    doc: 'https://element-plus.org/zh-CN/component/steps.html',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'space',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter']
+      },
+      {
+        name: 'direction',
+        defaultValue: 'horizontal',
+        setters: 'SelectSetter',
+        options: ['vertical', 'horizontal']
+      },
+      {
+        name: 'active',
+        defaultValue: 0,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'processStatus',
+        defaultValue: 'process',
+        setters: 'SelectSetter',
+        options: ['wait', 'process', 'finish', 'error', 'success']
+      },
+      {
+        name: 'finishStatus',
+        defaultValue: 'finish',
+        setters: 'SelectSetter',
+        options: ['wait', 'process', 'finish', 'error', 'success']
+      },
+      {
+        name: 'alignCenter',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'simple',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      }
+    ],
+    slots: ['default'],
+    snippet: {
+      name: 'ElSteps',
+      children: [
+        {
+          name: 'ElStep',
+          props: {
+            title: 'Step 1'
+          }
+        },
+        {
+          name: 'ElStep',
+          props: {
+            title: 'Step 2'
+          }
+        },
+        {
+          name: 'ElStep',
+          props: {
+            title: 'Step 3'
+          }
+        }
+      ],
+      props: {
+        active: 0,
+        finishStatus: 'success'
+      }
+    }
+  },
+  {
+    name: 'ElStep',
+    label: '步骤项',
+
+    categoryId: 'nav',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'title',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'description',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'icon',
+        defaultValue: '',
+        setters: ['InputSetter']
+      },
+      {
+        name: 'status',
+        defaultValue: '',
+        setters: 'SelectSetter',
+        options: ['wait', 'process', 'finish', 'error', 'success']
+      }
+    ],
+    slots: [
+      {
+        name: 'icon'
+      },
+      {
+        name: 'title'
+      },
+      {
+        name: 'description'
+      }
+    ],
+    snippet: {
+      props: {
+        title: '步骤'
+      }
+    }
+  }
+];
+
+export default Steps;

package/src/element/switch.ts

@@ -0,0 +1,123 @@
+import type { MaterialDescription } from '@vtj/core';
+const Switch: MaterialDescription = {
+  name: 'ElSwitch',
+  label: '开关',
+
+  childIncludes: false,
+  doc: 'https://element-plus.org/zh-CN/component/switch.html',
+  categoryId: 'form',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'modelValue',
+      defaultValue: false,
+      setters: ['BooleanSetter', 'NumberSetter', 'InputSetter']
+    },
+    {
+      name: 'disabled',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'loading',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'size',
+      defaultValue: 'default',
+      options: ['large', 'default', 'small'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'width',
+      defaultValue: '',
+      setters: ['InputSetter', 'NumberSetter']
+    },
+    {
+      name: 'inlinePrompt',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'activeIcon',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'inactiveIcon',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'activeActionIcon',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'inactiveActionIcon',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'activeText',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'inactiveText',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'activeValue',
+      defaultValue: true,
+      setters: ['BooleanSetter', 'InputSetter', 'NumberSetter']
+    },
+    {
+      name: 'inactiveValue',
+      defaultValue: false,
+      setters: ['BooleanSetter', 'InputSetter', 'NumberSetter']
+    },
+    {
+      name: 'activeColor',
+      defaultValue: '',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'inactiveColor',
+      defaultValue: '',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'borderColor',
+      defaultValue: '',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'name',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'validateEvent',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'beforeChange',
+      setters: 'FunctionSetter'
+    },
+    { name: 'id', defaultValue: '', setters: 'StringSetter' },
+    {
+      name: 'tabindex',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    { name: 'label', defaultValue: '', setters: 'StringSetter' }
+  ],
+  events: ['change', 'update:modelValue'],
+  slots: ['active-action', 'inactive-action']
+};
+
+export default Switch;