@vtj/materials 0.8.44 → 0.8.45

package/src/antdv/grid.ts

@@ -0,0 +1,192 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ARow',
+    alias: 'Row',
+    label: '布局行',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/grid-cn',
+    props: [
+      {
+        name: 'align',
+        label: 'align',
+        title: '垂直对齐方式',
+        setters: 'SelectSetter',
+        options: ['top', 'middle', 'bottom', 'stretch'],
+        defaultValue: 'top'
+      },
+      {
+        name: 'gutter',
+        label: 'gutter',
+        title:
+          '栅格间隔，可以写成像素值或支持响应式的对象写法来设置水平间隔 { xs: 8, sm: 16, md: 24}。或者使用数组形式同时设置 [水平间距, 垂直间距]（1.5.0 后支持）。',
+        setters: ['NumberSetter', 'ObjectSetter', 'ArraySetter'],
+        defaultValue: 0
+      },
+      {
+        name: 'justify',
+        label: 'justify',
+        title: '水平排列方式',
+        setters: 'SelectSetter',
+        options: [
+          'start',
+          'end',
+          'center',
+          'space-around',
+          'space-between',
+          'space-evenly'
+        ],
+        defaultValue: 'start'
+      },
+      {
+        name: 'wrap',
+        label: 'wrap',
+        title: '是否自动换行',
+        setters: 'BooleanSetter',
+        defaultValue: 'false'
+      }
+    ],
+    snippet: {
+      props: {
+        gutter: 10
+      },
+      children: [
+        {
+          name: 'ACol',
+
+          props: {
+            span: 6
+          },
+          children: [
+            {
+              name: 'component',
+              props: {
+                is: 'div',
+                style: {
+                  height: '50px',
+                  background: '#ecf5ff'
+                }
+              }
+            }
+          ],
+          directives: [
+            {
+              name: 'vFor',
+              value: {
+                type: 'JSExpression',
+                value: '4'
+              }
+            }
+          ]
+        }
+      ]
+    }
+  },
+  {
+    name: 'ACol',
+    alias: 'Col',
+    label: '布局列',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/grid-cn',
+    props: [
+      {
+        name: 'flex',
+        label: 'flex',
+        title: 'flex 布局填充',
+        setters: ['StringSetter', 'NumberSetter']
+      },
+      {
+        name: 'offset',
+        label: 'offset',
+        title: '栅格左侧的间隔格数，间隔内不可以有栅格',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'order',
+        label: 'order',
+        title: '栅格顺序，flex 布局模式下有效',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'pull',
+        label: 'pull',
+        title: '栅格向左移动格数',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'push',
+        label: 'push',
+        title: '栅格向右移动格数',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'span',
+        label: 'span',
+        title: '栅格占位格数，为 0 时相当于 display: none',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'xs',
+        label: 'xs',
+        title: '<576px 响应式栅格，可为栅格数或一个包含其他属性的对象',
+        setters: ['NumberSetter', 'ObjectSetter']
+      },
+      {
+        name: 'sm',
+        label: 'sm',
+        title: '≥576px 响应式栅格，可为栅格数或一个包含其他属性的对象',
+        setters: ['NumberSetter', 'ObjectSetter']
+      },
+      {
+        name: 'md',
+        label: 'md',
+        title: '≥768px 响应式栅格，可为栅格数或一个包含其他属性的对象',
+        setters: ['NumberSetter', 'ObjectSetter']
+      },
+      {
+        name: 'lg',
+        label: 'lg',
+        title: '≥992px 响应式栅格，可为栅格数或一个包含其他属性的对象',
+        setters: ['NumberSetter', 'ObjectSetter']
+      },
+      {
+        name: 'xl',
+        label: 'xl',
+        title: '≥1200px 响应式栅格，可为栅格数或一个包含其他属性的对象',
+        setters: ['NumberSetter', 'ObjectSetter']
+      },
+      {
+        name: 'xxl',
+        label: 'xxl',
+        title: '≥1600px 响应式栅格，可为栅格数或一个包含其他属性的对象',
+        setters: ['NumberSetter', 'ObjectSetter']
+      }
+    ],
+    snippet: {
+      props: {
+        span: 6
+      },
+      children: [
+        {
+          name: 'component',
+          props: {
+            is: 'div',
+            style: {
+              height: '50px',
+              background: '#ecf5ff'
+            }
+          },
+          children: 'ACol'
+        }
+      ]
+    }
+  }
+];
+
+export default components;

package/src/antdv/image.ts

@@ -0,0 +1,71 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AImage',
+    alias: 'Image',
+    label: '图片',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/image-cn',
+    props: [
+      {
+        name: 'alt',
+        label: 'alt',
+        title: '图像描述',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'fallback',
+        label: 'fallback',
+        title: '加载失败容错地址',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'height',
+        label: 'height',
+        title: '图像高度',
+        setters: ['NumberSetter', 'StringSetter']
+      },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '加载占位, 为 true 时使用默认占位',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'preview',
+        label: 'preview',
+        title: '预览参数，为 false 时禁用',
+        setters: ['BooleanSetter', 'ObjectSetter'],
+        defaultValue: true
+      },
+      {
+        name: 'src',
+        label: 'src',
+        title: '图片地址',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'previewMask',
+        label: 'previewMask',
+        title: '自定义 mask',
+        setters: ['StringSetter', 'FunctionSetter']
+      },
+      {
+        name: 'width',
+        label: 'width',
+        title: '图像宽度',
+        setters: ['NumberSetter', 'StringSetter']
+      }
+    ],
+    events: ['error'],
+    slots: ['placeholder', 'previewMask'],
+    snippet: {
+      props: {
+        width: '200px',
+        src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+      }
+    }
+  }
+];
+export default components;

package/src/antdv/index.ts

@@ -0,0 +1,198 @@
+import type {
+  Material,
+  MaterialCategory,
+  MaterialDescription
+} from '@vtj/core';
+import { version } from '../version';
+import { setPackageName } from '../shared';
+// * base
+import button from './button';
+import typography from './typography';
+// * layout
+import divider from './divider';
+import flex from './flex';
+import grid from './grid';
+import layout from './layout';
+import space from './space';
+// * nav
+import anchor from './anchor';
+import breadcrumb from './breadcrumb';
+import dropdown from './dropdown';
+import menu from './menu';
+import pageHeader from './pageHeader';
+import pagination from './pagination';
+import steps from './steps';
+// * input
+import autocomplete from './autocomplete';
+import cascader from './cascader';
+import checkbox from './checkbox';
+import datePicker from './datePicker';
+import form from './form';
+import input from './input';
+import inputNumber from './inputNumber';
+import mentions from './mentions';
+import radio from './radio';
+import rate from './rate';
+import select from './select';
+import slider from './slider';
+import Switch from './switch';
+import timePicker from './timePicker';
+import transfer from './transfer';
+import treeSelect from './treeSelect';
+import upload from './upload';
+// * data
+import avatar from './avatar';
+import badge from './badge';
+import calendar from './calendar';
+import card from './card';
+import carousel from './carousel';
+import collapse from './collapse';
+import comment from './comment';
+import descriptions from './description';
+import empty from './empty';
+import image from './image';
+import list from './list';
+import popover from './popover';
+import qrCode from './qrCode';
+import segmented from './segmented';
+import statistic from './statistic';
+import table from './table';
+import tabs from './tabs';
+import tag from './tag';
+import timeline from './timeline';
+import tooltip from './tooltip';
+import tour from './tour';
+import tree from './tree';
+//  * feedback
+import alert from './alert';
+import drawer from './drawer';
+// import message from './message'; //?? 信息提示
+import modal from './modal';
+// import notification from './notification'; //?? 信息提示
+import popconfirm from './popconfirm';
+import progress from './progress';
+import result from './result';
+import skeleton from './skeleton';
+import spin from './spin';
+// * other
+import affix from './affix';
+import configProvider from './configProvider';
+import floatButton from './floatButton';
+import waterMark from './watermark';
+// * other
+import app from './app';
+
+const name = 'ant-design-vue';
+const components: MaterialDescription[] = [
+  ...button,
+  ...divider,
+  ...flex,
+  ...typography,
+  ...grid,
+  ...layout,
+  ...space,
+  ...anchor,
+  ...breadcrumb,
+  ...dropdown,
+  ...menu,
+  ...pageHeader,
+  ...pagination,
+  ...steps,
+  ...autocomplete,
+  ...cascader,
+  ...checkbox,
+  ...datePicker,
+  ...form,
+  ...input,
+  ...inputNumber,
+  ...mentions,
+  ...radio,
+  ...rate,
+  ...select,
+  ...slider,
+  ...Switch,
+  ...timePicker,
+  ...transfer,
+  ...treeSelect,
+  ...upload,
+  ...avatar,
+  ...badge,
+  ...calendar,
+  ...card,
+  ...carousel,
+  ...collapse,
+  ...comment,
+  ...descriptions,
+  ...empty,
+  ...image,
+  ...list,
+  ...popover,
+  ...qrCode,
+  ...segmented,
+  ...statistic,
+  ...table,
+  ...tabs,
+  ...tag,
+  ...timeline,
+  ...tooltip,
+  ...tour,
+  ...tree,
+  ...alert,
+  ...drawer,
+  // ...message, //??
+  ...modal,
+  // ...notification, //??
+  ...popconfirm,
+  ...progress,
+  ...result,
+  ...skeleton,
+  ...spin,
+  ...affix,
+  ...configProvider,
+  ...floatButton,
+  ...waterMark,
+  ...app
+];
+
+const categories: MaterialCategory[] = [
+  {
+    id: 'base',
+    category: '通用'
+  },
+  {
+    id: 'layout',
+    category: '布局'
+  },
+  {
+    id: 'nav',
+    category: '导航'
+  },
+  {
+    id: 'input',
+    category: '数据录入'
+  },
+  {
+    id: 'data',
+    category: '数据展示'
+  },
+  {
+    id: 'feedback',
+    category: '反馈'
+  },
+  {
+    id: 'other',
+    category: '其他'
+  }
+];
+
+const material: Material = {
+  name,
+  version: version,
+  label: 'Antdv',
+  library: 'AntdvMaterial',
+  order: 4,
+  categories,
+  components: setPackageName(components, name)
+};
+
+export default material;