@vtj/materials 0.8.44 → 0.8.45

package/src/antdv/collapse.ts

@@ -0,0 +1,166 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ACollapse',
+    alias: 'Collapse',
+    label: '折叠面板',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/collapse-cn',
+    props: [
+      {
+        name: 'accordion',
+        label: 'accordion',
+        title: '手风琴模式',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'activeKey',
+        label: 'activeKey',
+        title: '当前激活 tab 面板的 key',
+        setters: ['StringSetter', 'NumberSetter', 'ArraySetter']
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '带边框风格的折叠面板',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'collapsible',
+        label: 'collapsible',
+        title: '所有子面板是否可折叠或指定可折叠触发区域',
+        setters: 'SelectSetter',
+        options: ['header', 'icon', 'disabled']
+      },
+      {
+        name: 'destroyInactivePanel',
+        label: 'destroyInactivePanel',
+        title: '销毁折叠隐藏的面板',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'expandIcon',
+        label: 'expandIcon',
+        title: '自定义切换图标',
+        setters: 'FunctionSetter' //?? 	Function(props):VNode | slot="expandIcon" slot-scope="props"|#expandIcon="props"
+      },
+      {
+        name: 'expandIconPosition',
+        label: 'expandIconPosition',
+        title: '设置图标位置',
+        setters: 'SelectSetter',
+        options: ['start', 'end']
+      },
+      {
+        name: 'ghost',
+        label: 'ghost',
+        title: '使折叠面板透明且无边框',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      }
+    ],
+    events: ['change', 'update:activeKey'],
+    slots: ['expandIcon'],
+    snippet: {
+      props: {
+        activeKey: '1'
+      },
+      children: [
+        {
+          name: 'ACollapsePanel',
+          props: { key: '1', header: 'This is panel header 1' },
+          children: [
+            {
+              name: 'p',
+              children:
+                'A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.'
+            }
+          ]
+        },
+        {
+          name: 'ACollapsePanel',
+          props: { key: '2', header: 'This is panel header 2' },
+          children: [
+            {
+              name: 'p',
+              children:
+                'A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.'
+            }
+          ]
+        },
+        {
+          name: 'ACollapsePanel',
+          props: { key: '3', header: 'This is panel header 3' },
+          children: [
+            {
+              name: 'p',
+              children:
+                'A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  {
+    name: 'ACollapsePanel',
+    alias: 'Panel',
+    parent: 'Collapse',
+    label: '折叠面板项',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/collapse-cn',
+    props: [
+      {
+        name: 'collapsible',
+        label: 'collapsible',
+        title: '是否可折叠或指定可折叠触发区域',
+        setters: 'SelectSetter',
+        options: ['header', 'disabled']
+      },
+      {
+        name: 'forceRender',
+        label: 'forceRender',
+        title: '被隐藏时是否渲染 DOM 结构',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'header',
+        label: 'header',
+        title: '面板头内容',
+        setters: 'StringSetter' //?? string slot
+      },
+      {
+        name: 'key',
+        label: 'key',
+        title: '对应 activeKey',
+        setters: ['StringSetter', 'NumberSetter']
+      },
+      {
+        name: 'showArrow',
+        label: 'sho是否展示当前面板的箭头wArrow',
+        title: '是否展示当前面板的箭头',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      }
+    ],
+    slots: ['extra', 'header'],
+    snippet: {
+      props: {
+        header: 'This is panel header'
+      },
+      children: [
+        {
+          name: 'p',
+          children:
+            'A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.'
+        }
+      ]
+    }
+  }
+];
+export default components;

package/src/antdv/comment.ts

@@ -0,0 +1,162 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AComment',
+    alias: 'Comment',
+    label: '评论',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/comment-cn',
+    props: [
+      {
+        name: 'actions',
+        label: 'actions',
+        title: '在评论内容下面呈现的操作项列表',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'author',
+        label: 'author',
+        title: '要显示为注释作者的元素',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'avatar',
+        label: 'avatar',
+        title: '要显示为评论头像的元素 - 通常是 antd Avatar 或者 src',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'content',
+        label: 'content',
+        title: '评论的主要内容',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'datetime',
+        label: 'datetime',
+        title: '展示时间描述',
+        setters: 'StringSetter'
+      }
+    ],
+    slots: ['actions', 'author', 'avatar', 'content', 'datetime'],
+    snippet: {
+      slot: 'actions',
+      children: [
+        // 图标
+        // {
+        //   name: 'span',
+        //   slot: { name: 'actions' },
+        //   props: { key: 'comment-basic-like' },
+        //   children: [
+        //     {
+        //       name: 'ATooltip',
+        //       props: { title: 'Like' },
+        //       children: [
+        //         {
+        //           name: 'template',
+        //           directives: [
+        //             {
+        //               name: 'vIf',
+        //               value: {
+        //                 type: 'JSExpression',
+        //                 value: 'action === "liked"'
+        //               }
+        //             }
+        //           ],
+        //           children: [{ name: 'LikeFilled' }]
+        //         },
+        //         {
+        //           name: 'template',
+        //           directives: [
+        //             {
+        //               name: 'vElse',
+        //               value: {
+        //                 type: 'JSExpression',
+        //                 value: 'action === "liked"'
+        //               }
+        //             }
+        //           ],
+        //           children: [{ name: 'LikeOutlined' }]
+        //         }
+        //       ]
+        //     },
+        //     {
+        //       name: 'span',
+        //       props: { style: { paddingLeft: '8px', cursor: 'auto' } },
+        //       children: '0'
+        //     }
+        //   ]
+        // },
+        // {
+        //   name: 'span',
+        //   slot: { name: 'actions' },
+        //   props: { key: 'comment-basic-dislike' },
+        //   children: [
+        //     {
+        //       name: 'ATooltip',
+        //       props: { title: 'Dislike' },
+        //       children: [
+        //         {
+        //           name: 'template',
+        //           directives: [
+        //             {
+        //               name: 'vIf',
+        //               value: {
+        //                 type: 'JSExpression',
+        //                 value: 'action === "disliked"'
+        //               }
+        //             }
+        //           ],
+        //           children: [{ name: 'DislikeFilled' }]
+        //         },
+        //         {
+        //           name: 'template',
+        //           directives: [
+        //             {
+        //               name: 'vElse',
+        //               value: {
+        //                 type: 'JSExpression',
+        //                 value: 'action === "disliked"'
+        //               }
+        //             }
+        //           ],
+        //           children: [{ name: 'DislikeOutlined' }]
+        //         }
+        //       ]
+        //     },
+        //     {
+        //       name: 'span',
+        //       props: { style: { paddingLeft: '8px', cursor: 'auto' } },
+        //       children: '0'
+        //     }
+        //   ]
+        // },
+        {
+          name: 'p',
+          slot: { name: 'content' },
+          children:
+            'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.'
+        },
+        { name: 'a', slot: { name: 'author' }, children: 'Han Solo' },
+        {
+          name: 'AAvatar',
+          slot: { name: 'avatar' },
+          props: {
+            src: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
+            alt: 'Han Solo'
+          }
+        },
+        {
+          name: 'ATooltip',
+          slot: { name: 'datetime' },
+          props: {
+            title: 'dayjs().format("YYYY-MM-DD HH:mm:ss")'
+          },
+          children: [{ name: 'span', children: '几秒前' }]
+        }
+      ]
+    }
+  }
+];
+export default components;

package/src/antdv/configProvider.ts

@@ -0,0 +1,124 @@
+import type { MaterialDescription } from '@vtj/core';
+const components: MaterialDescription[] = [
+  {
+    name: 'AConfigProvider',
+    alias: 'ConfigProvider',
+    label: '全局化配置',
+    categoryId: 'other',
+    doc: 'https://www.antdv.com/components/config-provider-cn',
+    props: [
+      {
+        name: 'autoInsertSpaceInButton',
+        label: 'autoInsertSpaceInButton',
+        title: '设置为 false 时，移除按钮中 2 个汉字之间的空格',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'componentSize',
+        label: 'componentSize',
+        title: '设置 antd 组件大小',
+        setters: 'SelectSetter',
+        options: ['small', 'middle', 'large']
+      },
+      {
+        name: 'csp',
+        label: 'csp',
+        title: '设置 Content Security Policy 配置',
+        setters: 'ObjectSetter' //?? { nonce: string }
+      },
+      {
+        name: 'direction',
+        label: 'direction',
+        title: '设置文本展示方向',
+        setters: 'SelectSetter',
+        options: ['ltr', 'rtl'],
+        defaultValue: 'ltr'
+      },
+      {
+        name: 'dropdownMatchSelectWidth',
+        label: 'dropdownMatchSelectWidth',
+        title:
+          '下拉菜单和选择器同宽。默认将设置 min-width，当值小于选择框宽度时会被忽略。false 时会关闭虚拟滚动',
+        setters: ['BooleanSetter', 'NumberSetter']
+      },
+      {
+        name: 'form',
+        label: 'form',
+        title: '设置 Form 组件的通用属性',
+        setters: 'ObjectSetter' //?? 	{ validateMessages?: ValidateMessages, requiredMark?: boolean | optional, colon?: boolean}
+      },
+      {
+        name: 'getPopupContainer',
+        label: 'getPopupContainer',
+        title:
+          '弹出框（Select, Tooltip, Menu 等等）渲染父节点，默认渲染到 body 上',
+        setters: 'FunctionSetter' //?? Function(triggerNode, dialogContext)
+      },
+      {
+        name: 'getTargetContainer',
+        label: 'getTargetContainer',
+        title: '配置 Affix、Anchor 滚动监听容器',
+        setters: 'FunctionSetter' //?? () => HTMLElement
+      },
+      {
+        name: 'input',
+        label: 'input',
+        title: '设置 Input 组件的通用属性',
+        setters: 'ObjectSetter' //?? { autocomplete?: string }
+      },
+      {
+        name: 'locale',
+        label: 'locale',
+        title: '语言包配置',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'pageHeader',
+        label: 'pageHeader',
+        title: '统一设置 pageHeader 的 ghost',
+        setters: 'ObjectSetter', //?? { ghost: boolean }
+        defaultValue: { ghost: true }
+      },
+      {
+        name: 'prefixCls',
+        label: 'prefixCls',
+        title: '设置统一样式前缀。注意：需要配合 less 变量 @ant-prefix 使用',
+        setters: 'StringSetter',
+        defaultValue: 'ant'
+      },
+      {
+        name: 'renderEmpty',
+        label: 'renderEmpty',
+        title: '自定义组件空状态。参考 空状态',
+        setters: 'FunctionSetter' //?? slot | Function(componentName: string): VNode
+      },
+      {
+        name: 'space',
+        label: 'space',
+        title: '设置 Space 的 size，参考 Space',
+        setters: 'ObjectSetter' //?? 	{ size: small | middle | large | number }
+      },
+      {
+        name: 'transformCellText',
+        label: 'transformCellText',
+        title: 'Table 数据渲染前可以再次改变，一般用户空数据的默认配置',
+        setters: 'FunctionSetter' //?? 	Function({ text, column, record, index }) => any
+      },
+      {
+        name: 'virtual',
+        label: 'virtual',
+        title: '设置 false 时关闭虚拟滚动',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'wave',
+        label: 'wave',
+        title: '设置水波纹特效',
+        setters: 'ObjectSetter' //?? 	{ disabled?: boolean }
+      }
+    ],
+    slots: ['renderEmpty']
+  }
+];
+export default components;