@vtj/materials 0.8.44 → 0.8.45

package/src/antdv/input.ts

@@ -0,0 +1,294 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AInput',
+    alias: 'Input',
+    label: '输入框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/input-cn',
+    props: [
+      {
+        name: 'addonAfter',
+        label: 'addonAfter',
+        title: '带标签的 input，设置后置标签',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'addonBefore',
+        label: 'addonBefore',
+        title: '带标签的 input，设置前置标签',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'allowClear',
+        label: 'allowClear',
+        title: '可以点击清除图标删除内容',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'defaultValue',
+        label: 'defaultValue',
+        title: '输入框默认内容',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '是否禁用状态，默认为 false',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'id',
+        label: 'id',
+        title: '输入框的 id',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'maxlength',
+        label: 'maxlength',
+        title: '最大长度',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'prefix',
+        label: 'prefix',
+        title: '带有前缀图标的 input',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'showCount',
+        label: 'showCount',
+        title: '是否展示字数',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '设置校验状态',
+        setters: 'SelectSetter',
+        options: ['error', 'warning']
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title:
+          '控件大小。注：标准表单内的输入框大小限制为 middle。可选 large middle small',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small']
+      },
+      {
+        name: 'suffix',
+        label: 'suffix',
+        title: '带有后缀图标的 input',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'type',
+        label: 'type',
+        title:
+          '声明 input 类型，同原生 input 标签的 type 属性，见：MDN(请直接使用 <a-textarea /> 代替 type="textarea")',
+        setters: 'StringSetter',
+        defaultValue: 'text'
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '输入框内容',
+        setters: 'StringSetter',
+        defaultValue: 'text'
+      }
+    ],
+    events: ['change', 'pressEnter', 'update:value'],
+    slots: ['addonAfter', 'addonBefore', 'clearIcon', 'prefix', 'suffix']
+  },
+  {
+    name: 'ATextarea',
+    alias: 'Textarea',
+    label: '文本域',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/input-cn',
+    props: [
+      {
+        name: 'allowClear',
+        label: 'allowClear',
+        title: '可以点击清除图标删除内容',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'autosize',
+        label: 'autosize',
+        title:
+          '自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }',
+        setters: ['BooleanSetter', 'ObjectSetter'] //?? 	boolean|object
+      },
+      {
+        name: 'defaultValue',
+        label: 'defaultValue',
+        title: '输入框默认内容',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'showCount',
+        label: 'showCount',
+        title: '是否展示字数',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '输入框内容',
+        setters: 'StringSetter'
+      }
+    ],
+    events: ['pressEnter']
+  },
+  {
+    name: 'AInputSearch',
+    alias: 'Search',
+    parent: 'Input',
+    label: '搜索框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/input-cn',
+    props: [
+      {
+        name: 'enterButton',
+        label: 'enterButton',
+        title: '是否有确认按钮，可设为按钮文字。该属性会与 addon 冲突',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'loading',
+        label: 'loading',
+        title: '搜索 loading',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'allowClear',
+        label: 'allowClear',
+        title: '可以点击清除图标删除内容',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'autosize',
+        label: 'autosize',
+        title:
+          '自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }',
+        setters: ['BooleanSetter', 'ObjectSetter'] //?? 	boolean|object
+      },
+      {
+        name: 'defaultValue',
+        label: 'defaultValue',
+        title: '输入框默认内容',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'showCount',
+        label: 'showCount',
+        title: '是否展示字数',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '输入框内容',
+        setters: 'StringSetter'
+      }
+    ],
+    events: ['search', 'update:value'],
+    slots: ['enterButton']
+  },
+  {
+    name: 'AInputGroup',
+    alias: 'Group',
+    parent: 'Input',
+    label: '输入框组合',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/input-cn',
+    props: [
+      {
+        name: 'compact',
+        label: 'compact',
+        title: '是否用紧凑模式',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: 'Input.Group 中所有的 Input 的大小，可选 large default small',
+        setters: 'SelectSetter',
+        options: ['large', 'default', 'small'],
+        defaultValue: 'default'
+      }
+    ],
+    snippet: {
+      children: [
+        {
+          name: 'AInput',
+          children: 'input1'
+        },
+        {
+          name: 'AInput',
+          children: 'input2'
+        },
+        {
+          name: 'AInput',
+          children: 'input3'
+        }
+      ]
+    }
+  },
+  {
+    name: 'AInputPassword',
+    alias: 'Password',
+    parent: 'Input',
+    label: '密码输入框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/input-cn',
+    props: [
+      {
+        name: 'visible',
+        label: 'visible',
+        title: '密码是否可见',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'visibilityToggle',
+        label: 'visibilityToggle',
+        title: '是否显示切换按钮或者控制密码显隐',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      }
+    ],
+    slots: ['iconRender']
+  }
+];
+export default components;

package/src/antdv/inputNumber.ts

@@ -0,0 +1,130 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AInputNumber',
+    alias: 'InputNumber',
+    label: '数字输入框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/input-number-cn',
+    props: [
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'controls',
+        label: 'controls',
+        title: '是否显示增减按钮',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'decimalSeparator',
+        label: 'decimalSeparator',
+        title: '小数点',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'defaultValue',
+        label: 'defaultValue',
+        title: '初始值',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁用',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'formatter',
+        label: 'formatter',
+        title: '指定输入框展示值的格式',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'keyboard',
+        label: 'keyboard',
+        title: '是否启用键盘快捷行为',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'max',
+        label: 'max',
+        title: '最大值',
+        setters: 'NumberSetter',
+        defaultValue: Infinity
+      },
+      {
+        name: 'min',
+        label: 'min',
+        title: '最小值',
+        setters: 'NumberSetter',
+        defaultValue: -Infinity
+      },
+      {
+        name: 'parser',
+        label: 'parser',
+        title: '指定从 formatter 里转换回数字的方式，和 formatter 搭配使用',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'precision',
+        label: 'precision',
+        title: '数值精度',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '输入框大小',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small']
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '设置校验状态',
+        setters: 'SelectSetter',
+        options: ['error', 'warning']
+      },
+      {
+        name: 'step',
+        label: 'step',
+        title: '每次改变步数，可以为小数',
+        setters: ['StringSetter', 'NumberSetter'],
+        defaultValue: 1
+      },
+      {
+        name: 'stringMode',
+        label: 'stringMode',
+        title:
+          '字符值模式，开启后支持高精度小数。同时 change 事件将返回 string 类型',
+        setters: 'BooleanSetter',
+        defaultValue: 1
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '当前值',
+        setters: 'NumberSetter'
+      }
+    ],
+    events: ['change', 'pressEnter', 'step', 'update:value'],
+    slots: ['addonAfter', 'addonBefore', 'prefix', 'upIcon', 'downIcon']
+  }
+];
+export default components;

package/src/antdv/layout.ts

@@ -0,0 +1,196 @@
+import type { MaterialDescription } from '@vtj/core';
+import { headerStyle, contentStyle, siderStyle, footerStyle } from '../shared';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ALayout',
+    alias: 'Layout',
+    label: '布局容器',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/layout-cn#components-layout-demo-fixed',
+    props: [
+      {
+        name: 'class',
+        label: 'class',
+        title: '容器 class',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'hasSider',
+        label: 'hasSider',
+        title:
+          '表示子元素里有 Sider，一般不用指定。可用于服务端渲染时避免样式闪动',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'style',
+        label: 'style',
+        title: '指定样式',
+        setters: 'ObjectSetter'
+      }
+    ],
+    snippet: {
+      children: [
+        {
+          name: 'ALayoutSider',
+          children: 'ALayoutSider',
+          props: { style: { ...siderStyle } }
+        },
+        {
+          name: 'ALayout',
+          children: [
+            {
+              name: 'ALayoutHeader',
+              children: 'header',
+              props: { style: { ...headerStyle } }
+            },
+            {
+              name: 'ALayoutContent',
+              children: 'content',
+              props: { style: { ...contentStyle } }
+            },
+            {
+              name: 'ALayoutFooter',
+              children: 'footer',
+              props: { style: { ...footerStyle } }
+            }
+          ]
+        }
+      ]
+    }
+  },
+  {
+    name: 'ALayoutHeader',
+    alias: 'Header',
+    parent: 'Layout',
+    label: '顶栏容器',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/layout-cn#components-layout-demo-fixed',
+    snippet: {
+      children: 'header',
+      props: { style: { ...headerStyle } }
+    }
+  },
+  {
+    name: 'ALayoutContent',
+    alias: 'Content',
+    parent: 'Layout',
+    label: '主要内容容器',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/layout-cn#components-layout-demo-fixed',
+    snippet: {
+      children: 'content',
+      props: { style: { ...contentStyle } }
+    }
+  },
+  {
+    name: 'ALayoutFooter',
+    alias: 'Footer',
+    parent: 'Layout',
+    label: '底栏容器',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/layout-cn#components-layout-demo-fixed',
+    snippet: {
+      children: 'footer',
+      props: { style: { ...footerStyle } }
+    }
+  },
+  {
+    name: 'ALayoutSider',
+    alias: 'Sider',
+    parent: 'Layout',
+    label: '侧边栏容器',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/layout-cn#components-layout-demo-fixed',
+    props: [
+      {
+        name: 'breakpoint',
+        label: 'breakpoint',
+        title: '触发响应式布局的断点',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'class',
+        label: 'class',
+        title: '容器 class',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'collapsed',
+        label: 'collapsed',
+        title: '当前收起状态',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'collapsedWidth',
+        label: 'collapsedWidth',
+        title: '收缩宽度，设置为 0 会出现特殊 trigger',
+        setters: 'NumberSetter',
+        defaultValue: 80
+      },
+      {
+        name: 'collapsible',
+        label: 'collapsible',
+        title: '是否可收起',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'defaultCollapsed',
+        label: 'defaultCollapsed',
+        title: '是否默认收起',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'reverseArrow',
+        label: 'reverseArrow',
+        title: '翻转折叠提示箭头的方向，当 Sider 在右边时可以使用',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'style',
+        label: 'style',
+        title: '指定样式',
+        setters: ['ObjectSetter', 'StringSetter']
+      },
+      {
+        name: 'theme',
+        label: 'theme',
+        title: '主题颜色',
+        setters: 'SelectSetter',
+        options: ['light', 'dark'],
+        defaultValue: 'dark'
+      },
+      {
+        name: 'trigger',
+        label: 'trigger',
+        title: '自定义 trigger，设置为 null 时隐藏 trigger',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'width',
+        label: 'width',
+        title: '宽度',
+        setters: ['NumberSetter', 'StringSetter'],
+        defaultValue: 200
+      },
+      {
+        name: 'zeroWidthTriggerStyle',
+        label: 'zeroWidthTriggerStyle',
+        title: '指定当 collapsedWidth 为 0 时出现的特殊 trigger 的样式',
+        setters: 'ObjectSetter'
+      }
+    ],
+    events: ['breakpoint', 'collapse', 'update:collapsed'],
+    slots: ['trigger'],
+    snippet: {
+      children: 'sider',
+      props: { style: { ...siderStyle } }
+    }
+  }
+];
+
+export default components;