@vtj/materials 0.8.43 → 0.8.45

package/src/element/upload.ts

@@ -0,0 +1,168 @@
+import type { MaterialDescription } from '@vtj/core';
+const Upload: MaterialDescription = {
+  name: 'ElUpload',
+  label: '上传',
+
+  doc: 'https://element-plus.org/zh-CN/component/upload.html',
+  categoryId: 'form',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'action',
+      defaultValue: '',
+      title: '请求 URL',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'headers',
+      defaultValue: '',
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'method',
+      defaultValue: 'post',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'multiple',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'data',
+      defaultValue: '',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'name',
+      defaultValue: 'file',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'withCredentials',
+      defaultValue: false,
+      title: '支持发送 cookie 凭证信息',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showFileList',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'drag',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'accept',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'onPreview',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'onRemove',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'onSuccess',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'onError',
+      defaultValue: '',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'onProgress',
+      defaultValue: '',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'onChange',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'onExceed',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'beforeUpload',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'beforeRemove',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'fileList',
+      defaultValue: '',
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'listType',
+      defaultValue: 'text',
+      options: ['text', 'picture', 'picture-card'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'autoUpload',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'httpRequest',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'disabled',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'limit',
+      defaultValue: '',
+      setters: 'NumberSetter'
+    }
+  ],
+  slots: [
+    { name: 'default' },
+    { name: 'trigger' },
+    { name: 'tip' },
+    { name: 'file' }
+  ],
+  snippet: {
+    props: {
+      action: 'https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15',
+      multiple: true,
+      fileList: [
+        {
+          name: 'element-plus-logo.svg',
+          url: 'https://element-plus.org/images/element-plus-logo.svg'
+        }
+      ]
+    },
+    children: [
+      {
+        name: 'ElButton',
+        props: {
+          type: 'primary'
+        },
+        children: '选择文件'
+      }
+    ]
+  }
+};
+
+export default Upload;

package/src/element/virtualizedTable.ts

@@ -0,0 +1,173 @@
+import type { MaterialDescription } from '@vtj/core';
+const VirtualizedTable: MaterialDescription = {
+  name: 'ElTableV2',
+  label: '虚拟化表格',
+
+  categoryId: 'data',
+  doc: 'https://element-plus.org/zh-CN/component/table-v2.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'cache',
+      defaultValue: 2,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'estimated-row-height',
+      defaultValue: '',
+      title: '渲染动态的单元格的预估高度',
+      label: 'row-height',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'header-class',
+      defaultValue: '',
+      setters: ['InputSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'header-props',
+      defaultValue: '',
+      setters: ['JSONSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'header-cell-props',
+      defaultValue: '',
+      setters: ['JSONSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'header-height',
+      defaultValue: 50,
+      setters: ['NumberSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'footer-height',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'row-class',
+      defaultValue: '',
+      setters: ['InputSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'row-key',
+      defaultValue: 'id',
+      setters: ['InputSetter', 'NumberSetter']
+    },
+    {
+      name: 'row-props',
+      defaultValue: '',
+      setters: ['JSONSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'columns',
+      defaultValue: '50',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'data',
+      defaultValue: [],
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'data-getter',
+      defaultValue: '',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'fixed-data',
+      defaultValue: '',
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'expand-column-key',
+      defaultValue: '',
+      title: '列的 key 来标记哪个行可以被展开',
+      label: 'column-key',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'expanded-row-keys',
+      defaultValue: '',
+      title: '列的 key 来标记哪个行可以被展开',
+      label: 'column-key',
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'default-expanded-row-keys',
+      defaultValue: '',
+      title: '默认展开的行的 key 的数组, 这个数据不是响应式的',
+      label: '默认展开行',
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'class',
+      defaultValue: '',
+      setters: ['JSONSetter', 'InputSetter']
+    },
+    {
+      name: 'fixed',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'width *',
+      defaultValue: '',
+      label: '表宽必填',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'height *',
+      defaultValue: '',
+      label: '表高必填',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'max-height',
+      defaultValue: '',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'h-scrollbar-size',
+      defaultValue: 6,
+      label: '水平滚动条大小',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'h-scrollbar-size',
+      defaultValue: 6,
+      label: '垂直滚动条大小',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'scrollbar-always-on',
+      defaultValue: false,
+      title: '如果开启，滚动条将一直显示，反之只会在鼠标经过时显示。',
+      label: 'scrollbar',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'sort-by',
+      defaultValue: {},
+      title: '排序方式',
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'sort-state',
+      defaultValue: undefined,
+      title: '多个排序',
+      setters: 'JSONSetter'
+    }
+  ],
+  slots: ['cell', 'header', 'header-cell', 'row', 'footer', 'empty', 'overlay'],
+  events: [
+    'column-sort',
+    'expanded-rows-change',
+    'end-reached',
+    'scroll',
+    'rows-rendered',
+    'row-event-handlers'
+  ]
+};
+
+export default VirtualizedTable;

package/src/element/watermark.ts

@@ -0,0 +1,92 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription = {
+  name: 'ElWatermark',
+  label: '水印',
+
+  categoryId: 'other',
+  doc: 'https://element-plus.org/zh-CN/component/watermark.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'width',
+      label: 'width',
+      title: '水印的宽度， content 的默认值是它自己的宽度',
+      setters: 'NumberSetter',
+      defaultValue: 120
+    },
+    {
+      name: 'height',
+      label: 'height',
+      title: '水印的高度， content 的默认值是它自己的高度',
+      setters: 'NumberSetter',
+      defaultValue: 64
+    },
+    {
+      name: 'rotate',
+      label: 'rotate',
+      title: '水印的旋转角度, 单位 °',
+      setters: 'NumberSetter',
+      defaultValue: -22
+    },
+    {
+      name: 'zIndex',
+      label: 'zIndex',
+      title: '水印元素的z-index值',
+      setters: 'NumberSetter',
+      defaultValue: 9
+    },
+    {
+      name: 'image',
+      label: 'image',
+      title: '水印图片，建议使用 2x 或 3x 图像',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'content',
+      label: 'content',
+      title: '水印文本内容',
+      setters: ['StringSetter', 'ArraySetter']
+    },
+    {
+      name: 'font',
+      label: 'font',
+      title: '文字样式',
+      setters: 'ObjectSetter',
+      defaultValue: {
+        color: 'rgba(0,0,0,.15)',
+        fontSize: 16,
+        fontWeight: 'normal',
+        fontFamily: 'sans-serif',
+        fontStyle: 'normal',
+        textAlign: 'center',
+        textBaseline: 'top'
+      }
+    },
+    {
+      name: 'gap',
+      label: 'gap',
+      title: '水印之间的间距',
+      setters: 'ArraySetter',
+      defaultValue: [100, 100]
+    },
+    {
+      name: 'offset',
+      label: 'offset',
+      title: '水印从容器左上角的偏移 默认值为 gap/2',
+      setters: 'ArraySetter',
+      defaultValue: [50, 50]
+    }
+  ],
+  slots: ['default'],
+  snippet: {
+    props: {
+      font: {
+        color: 'rgba(0, 0, 0, .15)'
+      }
+    },
+    children: [{ name: 'div', props: { style: { height: '500px' } } }]
+  }
+};
+
+export default components;

package/src/shared/index.ts

@@ -0,0 +1,4 @@
+export * from './props';
+export * from './utils';
+export * from './mock';
+export * from './style';