@vtj/materials 0.10.1-alpha.6 → 0.10.1

package/src/uni-ui/components/dataPicker.ts

@@ -0,0 +1,146 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniDataPicker',
+  label: '级联选择框',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'modelValue',
+      title: '绑定数据',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'spaceInfo',
+      title: '服务空间配置',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'localdata',
+      title: '数据',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'preload',
+      title: '预加载数据',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'readonly',
+      title: '是否禁用',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'clear-icon',
+      title: '是否显示清除按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'ellipsis',
+      title: '是否隐藏 tab 标签过长的文本',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'step-searh',
+      title: '分步查询时，点击节点请求数据',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'self-field',
+      title: '分步查询时当前字段名称',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'parent-field',
+      title: '分步查询时父字段名称',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'collection',
+      title: '表名。支持输入多个表名，用 , 分割',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'field',
+      title: '查询字段，多个字段用 , 分割',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'where',
+      title: '查询条件',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'orderby',
+      title: '排序字段及正序倒叙设置',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'popup-title',
+      title: '弹出层标题',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'map',
+      title: '字段映射，将text/value映射到数据中的其他字段',
+      defaultValue: { text: 'text', value: 'value' },
+      setters: 'ObjectSetter'
+    }
+  ],
+  events: ['change', 'nodeclick', 'popupopened', 'popupclosed'],
+  slots: ['default'],
+  snippet: {
+    props: {
+      placeholder: '请选择班级',
+      'popup-title': '请选择所在地区',
+      localdata: [
+        {
+          text: '一年级',
+          value: '1-0',
+          children: [
+            {
+              text: '1.1班',
+              value: '1-1'
+            },
+            {
+              text: '1.2班',
+              value: '1-2'
+            }
+          ]
+        },
+        {
+          text: '二年级',
+          value: '2-0',
+          children: [
+            {
+              text: '2.1班',
+              value: '2-1'
+            },
+            {
+              text: '2.2班',
+              value: '2-2'
+            }
+          ]
+        },
+        {
+          text: '三年级',
+          value: '3-0',
+          disable: true
+        }
+      ]
+    }
+  }
+};
+
+export default desc;

package/src/uni-ui/components/dataSelect.ts

@@ -0,0 +1,68 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniDataSelect',
+  label: '下拉框',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'modelValue',
+      title: '已选择数据的 value 值（当其值为0时不进行初始化赋值）',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'localdata',
+      title: '本地渲染数据',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'clear',
+      title: '是否可以清空已选项',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'label',
+      title: '左侧标题',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'placeholder',
+      title: '输入框的提示文字',
+      defaultValue: '请选择',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'emptyTips',
+      title: '没有数据时显示的文字 ，本地数据无效',
+      defaultValue: '暂无数据',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'placement',
+      title: '弹出时位置',
+      defaultValue: 'bottom',
+      setters: 'SelectSetter',
+      options: ['bottom', 'top']
+    },
+    {
+      name: 'page-size',
+      title: '返回的数据量',
+      defaultValue: 20,
+      setters: 'NumberSetter'
+    }
+  ],
+  events: ['change', 'update:modelValue'],
+  snippet: {
+    props: {
+      localdata: [
+        { value: 0, text: '篮球' },
+        { value: 1, text: '足球' },
+        { value: 2, text: '游泳' }
+      ],
+      modelValue: 1
+    }
+  }
+};
+
+export default desc;

package/src/uni-ui/components/dateformat.ts

@@ -0,0 +1,42 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniDateformat',
+  label: '日期格式化',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'date',
+      title: '要格式化的日期对象/日期字符串/时间戳',
+      defaultValue: Date.now(),
+      setters: ['ObjectSetter', 'StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'threshold',
+      title: '转化类型阈值',
+      defaultValue: [0, 0],
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'format',
+      title: '格式字符串',
+      defaultValue: 'yyyy/MM/dd hh:mm:ss',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'locale',
+      title: '格式化使用的语言',
+      defaultValue: 'zh',
+      setters: 'SelectSetter',
+      options: ['zh', 'en']
+    }
+  ],
+  events: ['change', 'update:modelValue'],
+  snippet: {
+    props: {
+      date: '2020/10/20 20:20:20'
+    }
+  }
+};
+
+export default desc;

package/src/uni-ui/components/datetimePicker.ts

@@ -0,0 +1,103 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniDatetimePicker',
+  label: '日期选择器',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'type',
+      title: '选择器类型',
+      defaultValue: 'datetime',
+      setters: 'SelectSetter',
+      options: ['date', 'daterange', 'datetime', 'datetimerange']
+    },
+    {
+      name: 'value',
+      title: '输入框当前值',
+      defaultValue: '',
+      setters: [
+        'StringSetter',
+        'BooleanSetter',
+        'ArraySetter',
+        'ExpressionSetter'
+      ]
+    },
+    {
+      name: 'start',
+      title: '最小值，可以使用日期的字符串(String)、时间戳(Number)',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'end',
+      title: '最大值，可以使用日期的字符串(String)、时间戳(Number)',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'return-type',
+      title: '返回值格式',
+      defaultValue: 'string',
+      setters: 'SelectSetter',
+      options: ['timestamp', 'string', 'date']
+    },
+    {
+      name: 'border',
+      title: '是否有边框',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'rangeSeparator',
+      title: '选择范围时的分隔符',
+      defaultValue: '-',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'placeholder',
+      title: '非范围选择时的占位内容',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'start-placeholder',
+      title: '范围选择时开始日期的占位内容',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'end-placeholder',
+      title: '范围选择时结束日期的占位内容',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'disabled',
+      title: '是否不可选择',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'clear-icon',
+      title: '是否显示清除按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'hide-second',
+      title: '是否显示秒，只显示时分',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['change', 'maskClick', 'show'],
+  slots: ['default'],
+  snippet: {
+    props: {
+      type: 'date'
+    }
+  }
+};
+
+export default desc;

package/src/uni-ui/components/drawer.ts

@@ -0,0 +1,38 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniDrawer',
+  label: '抽屉侧滑菜单',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'mask',
+      title: '是否显示遮罩',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'maskClick',
+      title: '点击遮罩是否可以关闭抽屉',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'mode',
+      title: 'Drawer滑出位置',
+      defaultValue: 'left',
+      setters: 'SelectSetter',
+      options: ['left', 'right']
+    },
+    {
+      name: 'width',
+      title: 'Drawer 宽度',
+      defaultValue: 220,
+      setters: 'NumberSetter'
+    }
+  ],
+  events: ['change'],
+  snippet: {}
+};
+
+export default desc;

package/src/uni-ui/components/easyinput.ts

@@ -0,0 +1,159 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniEasyinput',
+  label: '增强输入框',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'modelValue',
+      title: '输入内容',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'type',
+      title: '输入框的类型',
+      defaultValue: 'text',
+      setters: 'SelectSetter',
+      options: ['text', 'textarea', 'password', 'number', 'idcard', 'digit']
+    },
+    {
+      name: 'clearable',
+      title:
+        '是否显示右侧清空内容的图标控件(输入框有内容且不禁用时显示)，点击可清空输入框内容',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'autoHeight',
+      title: '是否自动增高输入区域，type为textarea时有效',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'placeholder',
+      title: '输入框的提示文字',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'placeholderStyle',
+      title: 'placeholder的样式',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'focus',
+      title: '是否自动获得焦点',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'disabled',
+      title: '是否不可输入',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'maxlength',
+      title: '最大输入长度，设置为 -1 的时候不限制最大长度',
+      defaultValue: 140,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'confirmType',
+      title: '设置键盘右下角按钮的文字，仅在type="text"时生效',
+      defaultValue: 'done',
+      setters: 'SelectSetter',
+      options: ['send', 'search', 'next', 'go', 'done']
+    },
+    {
+      name: 'clearSize',
+      title: '清除图标的大小，单位px',
+      defaultValue: 24,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'prefixIcon',
+      title: '输入框头部图标',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'suffixIcon',
+      title: '输入框尾部图标',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'trim',
+      title: '是否自动去除空格，传入类型为 Boolean 时，自动去除前后空格',
+      setters: ['SelectSetter'],
+      defaultValue: false,
+      options: [
+        { label: 'false', value: false },
+        { label: 'true', value: true },
+        { label: 'both', value: 'both' },
+        { label: 'left', value: 'left' },
+        { label: 'right', value: 'right' },
+        { label: 'all', value: 'all' },
+        { label: 'none', value: 'none' }
+      ]
+    },
+    {
+      name: 'inputBorder',
+      title: '是否显示input输入框的边框',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'styles',
+      title: '样式自定义',
+      defaultValue: '',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'passwordIcon',
+      title: 'type=password 时，是否显示小眼睛图标',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'adjust-position',
+      title: '弹起键盘时，是否上推页面，平台差异性与内置input组件一致',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'primaryColor',
+      title: '设置清除按钮focus时的颜色',
+      defaultValue: '#2979ff',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'cursorSpacing',
+      title: '指定光标与键盘的距离，单位 px ',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    }
+  ],
+  events: [
+    'input',
+    'clear',
+    'focus',
+    'blur',
+    'confirm',
+    'iconClick',
+    'change',
+    'keyboardheightchange',
+    'update:modelValue'
+  ],
+  snippet: {
+    props: {
+      placeholder: '请输入内容'
+    }
+  }
+};
+
+export default desc;

package/src/uni-ui/components/fab.ts

@@ -0,0 +1,89 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniFab',
+  label: '悬浮按钮',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'pattern',
+      title: '可选样式配置项',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'horizontal',
+      title: '水平对齐方式',
+      defaultValue: 'left',
+      setters: 'SelectSetter',
+      options: ['left', 'right']
+    },
+    {
+      name: 'vertical',
+      title: '垂直对齐方式',
+      defaultValue: 'bottom',
+      setters: 'SelectSetter',
+      options: ['bottom', 'top']
+    },
+    {
+      name: 'direction',
+      title: '展开菜单显示方式',
+      defaultValue: 'horizontal',
+      setters: 'SelectSetter',
+      options: ['horizontal', 'vertical']
+    },
+    {
+      name: 'popMenu',
+      title: '是否使用弹出菜单',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'content',
+      title: '展开菜单内容配置项',
+      setters: 'ArraySetter'
+    }
+  ],
+  events: ['trigger', 'fabClick'],
+  snippet: {
+    props: {
+      horizontal: 'left',
+      vertical: 'bottom',
+      direction: 'horizontal',
+      pattern: {
+        color: '#7A7E83',
+        backgroundColor: '#fff',
+        selectedColor: '#007AFF',
+        buttonColor: '#007AFF',
+        iconColor: '#fff'
+      },
+      content: [
+        {
+          iconPath:
+            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+          selectedIconPath:
+            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+          text: '相册',
+          active: false
+        },
+        {
+          iconPath:
+            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+          selectedIconPath:
+            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+          text: '首页',
+          active: false
+        },
+        {
+          iconPath:
+            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+          selectedIconPath:
+            'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+          text: '收藏',
+          active: false
+        }
+      ]
+    }
+  }
+};
+
+export default desc;

package/src/uni-ui/components/fav.ts

@@ -0,0 +1,65 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniFav',
+  label: '收藏按钮',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'star',
+      title: '按钮是否带星星',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'bgColor',
+      title: '未收藏时的背景色',
+      defaultValue: '#eeeeee',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'bgColorChecked',
+      title: '已收藏时的背景色',
+      defaultValue: '#007aff',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'fgColor',
+      title: '未收藏时的文字颜色',
+      defaultValue: '#666666',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'fgColorChecked',
+      title: '已收藏时的文字颜色',
+      defaultValue: '#FFFFFF',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'circle',
+      title: '是否为圆角',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'checked',
+      title: '是否为已收藏',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'contentText',
+      title: '收藏按钮文字',
+      defaultValue: { contentDefault: '收藏', contentFav: '已收藏' },
+      setters: 'ObjectSetter'
+    }
+  ],
+  events: ['click'],
+  snippet: {
+    props: {
+      checked: false
+    }
+  }
+};
+
+export default desc;