@vtj/materials 0.8.43 → 0.8.45

package/src/ui/picker.ts

@@ -0,0 +1,104 @@
+import type { MaterialDescription } from '@vtj/core';
+import select from '../element/select';
+import { omitPropItem } from '../shared';
+const desc: MaterialDescription = {
+  name: 'XPicker',
+  label: '数据选择器',
+  categoryId: 'form',
+  childIncludes: false,
+  props: [
+    {
+      name: 'columns',
+      title: '表格列配置',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'fields',
+      title: '查询条件表单字段配置',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'loader',
+      title: '表格数据加载函数',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'modelValue',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'multiple',
+      title: '多选模式',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'raw',
+      title: '值为对象模式',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'disabled',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'append',
+      title: '多选可追加',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'valueKey',
+      title: '值映射字段名称',
+      setters: 'StringSetter',
+      defaultValue: 'value'
+    },
+    {
+      name: 'labelKey',
+      title: '输入框显示映射字段名称',
+      setters: 'StringSetter',
+      defaultValue: 'label'
+    },
+    {
+      name: 'queryKey',
+      title: '查询参数名称',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'preload',
+      title: '单选模式，回车时自动检测取回有且计有唯一数据',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'defaultQuery',
+      title: '初始默认查询参数 () => Record<string,any>',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'dialogProps',
+      title: '弹窗组件配置参数',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'gridProps',
+      title: '表格组件配置参数',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'formProps',
+      title: '查询表单配置参数',
+      setters: 'ObjectSetter'
+    },
+    ...omitPropItem(select[0].props, [
+      'modelValue',
+      'disabled',
+      'valueKey',
+      'teleported'
+    ])
+  ],
+  events: ['picked', ...(select[0].events || [])],
+  slots: [],
+  snippet: {
+    props: {}
+  }
+};
+
+export default desc;

package/src/ui/qrcode.ts

@@ -0,0 +1,59 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const qrcode: MaterialDescription = {
+  name: 'XQrcode',
+  label: '二维码',
+  categoryId: 'base',
+  props: [
+    {
+      name: 'margin',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'scale',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'width',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'darkColor',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'lightColor',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'quality',
+      title: 'number(0-1)',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'value',
+      setters: ['StringSetter', 'FunctionSetter']
+    },
+    {
+      name: 'timeout',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'tip',
+      setters: 'StringSetter'
+    }
+  ],
+  events: [
+    {
+      name: 'refresh'
+    }
+  ],
+  snippet: {
+    props: {
+      value: '二维码数据',
+      timeout: 2000
+    }
+  }
+};
+
+export default qrcode;

package/src/ui/query-form.ts

@@ -0,0 +1,37 @@
+import type { MaterialDescription } from '@vtj/core';
+import form from './form';
+import { omitPropItem } from '../shared';
+const desc: MaterialDescription = {
+  name: 'XQueryForm',
+  label: '查询表单',
+  categoryId: 'form',
+  props: [
+    {
+      name: 'collapsible',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'items',
+      setters: 'ArraySetter'
+    },
+    ...omitPropItem(form.props, [])
+  ],
+  events: [...(form.events || []), 'collapsed'],
+  slots: [
+    {
+      name: 'default'
+    }
+  ],
+  snippet: {
+    children: [
+      {
+        name: 'XField',
+        props: {
+          label: '条件名称'
+        }
+      }
+    ]
+  }
+};
+
+export default desc;

package/src/ui/tabs.ts

@@ -0,0 +1,51 @@
+import type { MaterialDescription } from '@vtj/core';
+import elTabs from '../element/tabs';
+import { omitPropItem } from '../shared';
+const desc: MaterialDescription = {
+  name: 'XTabs',
+  label: '选项卡',
+  categoryId: 'layout',
+  props: [
+    {
+      name: 'items',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'border',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'fit',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'align',
+      setters: 'SelectSetter',
+      options: ['left', 'center', 'right']
+    },
+    ...omitPropItem(elTabs[0].props, [])
+  ],
+  events: [...(elTabs[0].events || []), 'actionClick', 'actionCommand'],
+  slots: ['label', 'default'],
+  snippet: {
+    props: {
+      modelValue: '1',
+      items: [
+        {
+          label: 'Tab 1',
+          value: '1'
+        },
+        {
+          label: 'Tab 2',
+          value: '2'
+        },
+        {
+          label: 'Tab 3',
+          value: '3'
+        }
+      ]
+    }
+  }
+};
+
+export default desc;

package/src/ui/test.ts

@@ -0,0 +1,91 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const test: MaterialDescription = {
+  name: 'XTest',
+  label: '测试组件',
+  categoryId: 'test',
+  props: [
+    {
+      name: 'booleanProp',
+      label: '布尔值',
+      setters: 'BooleanSetter',
+      title: '提示说明文本',
+      defaultValue: true
+    },
+    {
+      name: 'stringProp',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'numberProp',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'selectProp',
+      setters: 'SelectSetter',
+      defaultValue: 'default',
+      options: ['default', 'primary', 'success', 'warning', 'danger', 'info']
+    },
+    {
+      name: 'objectProp',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'arrayProp',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'iconProp',
+      setters: 'IconSetter'
+    },
+    {
+      name: 'colorProp',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'modelValue',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'syncProp',
+      setters: 'StringSetter'
+    }
+  ],
+  events: [
+    {
+      name: 'click',
+      params: ['props']
+    },
+    {
+      name: 'submit',
+      params: ['props']
+    },
+    {
+      name: 'change',
+      params: ['data']
+    },
+    {
+      name: 'update:modelValue',
+      params: ['value']
+    },
+    {
+      name: 'update:syncProp',
+      params: ['value']
+    }
+  ],
+  slots: [
+    {
+      name: 'default',
+      params: ['props', 'data']
+    },
+    {
+      name: 'extra',
+      params: ['props', 'data']
+    }
+  ],
+  snippet: {
+    props: {}
+  }
+};
+
+export default test;

package/src/version.ts

@@ -0,0 +1,8 @@
+/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/materials 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.8.45
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */
+export const version = '0.8.45';