@vtj/materials 0.8.44 → 0.8.45

package/src/antdv/timePicker.ts

@@ -0,0 +1,344 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ATimePicker',
+    alias: 'TimePicker',
+    label: '时间选择框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/time-picker-cn',
+    props: [
+      {
+        name: 'allowClear',
+        label: 'allowClear',
+        title: '是否展示清除按钮',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'clearText',
+        label: 'clearText',
+        title: '清除按钮的提示文案',
+        setters: 'StringSetter',
+        defaultValue: 'clear'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁用全部操作',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'disabledTime',
+        label: 'disabledTime',
+        title: '不可选择的时间',
+        setters: 'FunctionSetter' //?? DisabledTime
+      },
+      {
+        name: 'format',
+        label: 'format',
+        title: '展示的时间格式',
+        setters: 'StringSetter',
+        defaultValue: 'HH:mm:ss'
+      },
+      {
+        name: 'getPopupContainer',
+        label: 'getPopupContainer',
+        title: '定义浮层的容器，默认为 body 上新建 div',
+        setters: 'FunctionSetter' //?? 	function(trigger)
+      },
+      {
+        name: 'hideDisabledOptions',
+        label: 'hideDisabledOptions',
+        title: '隐藏禁止选择的选项',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'hourStep',
+        label: 'hourStep',
+        title: '小时选项间隔',
+        setters: 'NumberSetter',
+        defaultValue: 1
+      },
+      {
+        name: 'inputReadOnly',
+        label: 'inputReadOnly',
+        title: '设置输入框为只读',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'minuteStep',
+        label: 'minuteStep',
+        title: '分钟选项间隔',
+        setters: 'NumberSetter',
+        defaultValue: 1
+      },
+      {
+        name: 'open',
+        label: 'open',
+        title: '面板是否打开',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '没有值的时候显示的内容',
+        setters: ['StringSetter', 'ArraySetter'],
+        defaultValue: '请选择时间'
+      },
+      {
+        name: 'placement',
+        label: 'placement',
+        title: '选择框弹出的位置',
+        setters: 'SelectSetter',
+        options: ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'],
+        defaultValue: 'bottomLeft'
+      },
+      {
+        name: 'popupClassName',
+        label: 'popupClassName',
+        title: '弹出层类名',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'popupStyle',
+        label: 'popupStyle',
+        title: '弹出层样式对象',
+        setters: 'ObjectSetter' //?? object
+      },
+      {
+        name: 'secondStep',
+        label: 'secondStep',
+        title: '秒选项间隔',
+        setters: 'NumberSetter',
+        defaultValue: 1
+      },
+      {
+        name: 'showNow',
+        label: 'showNow',
+        title: '面板是否显示“此刻”按钮',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '设置校验状态',
+        setters: 'SelectSetter',
+        options: ['error', 'warning']
+      },
+      {
+        name: 'use12Hours',
+        label: 'use12Hours',
+        title: '使用 12 小时制，为 true 时 format 默认为 h:mm:ss a',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '当前时间',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'valueFormat',
+        label: 'valueFormat',
+        title:
+          '可选，绑定值的格式，对 value、defaultValue 起作用。不指定则绑定值为 dayjs 对象',
+        setters: ['StringSetter', 'ObjectSetter'] //??
+      }
+    ],
+    events: ['change', 'openChange', 'update:open', 'update:value'],
+    slots: ['clearIcon', 'renderExtraFooter', 'suffixIcon']
+  },
+  {
+    name: 'ATimeRangePicker',
+    alias: 'TimeRangePicker',
+    parent: 'TimePicker',
+    label: '时间范围选择框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/time-picker-cn',
+    props: [
+      {
+        name: 'allowClear',
+        label: 'allowClear',
+        title: '是否显示清除按钮',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'dateRender',
+        label: 'dateRender',
+        title: '自定义日期单元格的内容'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁用',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'disabledDate',
+        label: 'disabledDate',
+        title: '不可选择的日期',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'format',
+        label: 'format',
+        title: '设置日期格式，为数组时支持多格式匹配，展示以第一个为准',
+        setters: 'StringSetter',
+        defaultValue: 'YYYY-MM-DD'
+      },
+      {
+        name: 'dropdownClassName',
+        label: 'dropdownClassName',
+        title: '额外的弹出日历 className',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'getPopupContainer',
+        label: 'getPopupContainer',
+        title: '定义浮层的容器，默认为 body 上新建 div',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'inputReadOnly',
+        label: 'inputReadOnly',
+        title: '设置输入框为只读（避免在移动设备上打开虚拟键盘）',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'local',
+        label: 'local',
+        title: '国际化配置',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'mode',
+        label: 'mode',
+        title: '日期面板的状态',
+        setters: 'SelectSetter',
+        options: ['time', 'date', 'month', 'year', 'decade']
+      },
+      {
+        name: 'open',
+        label: 'open',
+        title: '控制弹层是否展开',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'picker',
+        label: 'picker',
+        title: '设置选择器类型',
+        setters: 'SelectSetter',
+        options: ['date', 'week', 'month', 'quarter', 'year'],
+        defaultValue: 'date'
+      },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '输入框提示文字',
+        setters: ['StringSetter', 'ArraySetter']
+      },
+      {
+        name: 'placement',
+        label: 'placement',
+        title: '选择框弹出的位置',
+        setters: 'SelectSetter',
+        options: ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'],
+        defaultValue: 'bottomLeft'
+      },
+      {
+        name: 'popupStyle',
+        label: 'popupStyle',
+        title: '额外的弹出日历样式',
+        setters: 'ObjectSetter',
+        defaultValue: {}
+      },
+      {
+        name: 'presets',
+        label: 'presets',
+        title: '预设时间范围快捷选择',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '输入框大小，large 高度为 40px，small 为 24px，默认是 32px',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small']
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '设置校验状态',
+        setters: 'SelectSetter',
+        options: ['error', 'warning']
+      },
+      {
+        name: 'valueFormat',
+        label: 'valueFormat',
+        title:
+          '可选，绑定值的格式，对 value、defaultValue、defaultPickerValue 起作用。不指定则绑定值为 dayjs 对象',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'order',
+        label: 'order',
+        title: '始末时间是否自动排序',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'disabledTime',
+        label: 'disabledTime',
+        title: '不可选择的时间',
+        setters: 'FunctionSetter'
+      }
+    ],
+    events: ['change', 'openChange'],
+    slots: [
+      'dateRender',
+      'nextIcon',
+      'prevIcon',
+      'suffixIcon',
+      'superNextIcon',
+      'superPrevIcon'
+    ]
+  }
+];
+export default components;

package/src/antdv/timeline.ts

@@ -0,0 +1,96 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ATimeline',
+    alias: 'Timeline',
+    label: '时间轴',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/timeline-cn',
+    props: [
+      {
+        name: 'mode',
+        label: 'mode',
+        title: '通过设置 mode 可以改变时间轴和内容的相对位置',
+        setters: 'SelectSetter',
+        options: ['left', 'alternate', 'right']
+      },
+      {
+        name: 'pending',
+        label: 'pending',
+        title: '指定最后一个幽灵节点是否存在或内容',
+        setters: ['BooleanSetter', 'StringSetter'],
+        defaultValue: false
+      },
+      {
+        name: 'pendingDot',
+        label: 'pendingDot',
+        title: '当最后一个幽灵节点存在時，指定其时间图点',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'reverse',
+        label: 'reverse',
+        title: '节点排序',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      }
+    ],
+    slots: ['pending', 'pendingDot'],
+    snippet: {
+      children: [
+        { name: 'ATimelineItem', children: 'Create a services site 2015-09-01' }
+      ],
+      directives: [
+        {
+          name: 'vFor',
+          value: {
+            type: 'JSExpression',
+            value: '4'
+          }
+        }
+      ]
+    }
+  },
+  {
+    name: 'ATimelineItem',
+    alias: 'Item',
+    parent: 'Timeline',
+    label: '时间轴项',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/timeline-cn',
+    props: [
+      {
+        name: 'color',
+        label: 'color',
+        title: '指定圆圈颜色 blue, red, green，或自定义的色值',
+        setters: 'StringSetter',
+        defaultValue: 'blue'
+      },
+      {
+        name: 'dot',
+        label: 'dot',
+        title: '自定义时间轴点',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'label',
+        label: 'label',
+        title: '设置标签',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'position',
+        label: 'position',
+        title: '自定义节点位置',
+        setters: 'SelectSetter',
+        options: ['left', 'right']
+      }
+    ],
+    slots: ['dot', 'label'],
+    snippet: {
+      children: '创建服务现场 2015-09-01'
+    }
+  }
+];
+export default components;

package/src/antdv/tooltip.ts

@@ -0,0 +1,137 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ATooltip',
+    alias: 'Tooltip',
+    label: '文字提示',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/button-cn',
+    props: [
+      {
+        name: 'title',
+        label: 'title',
+        title: '提示文字',
+        setters: 'StringSetter'
+      },
+      // 以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
+      {
+        name: 'align',
+        label: 'align',
+        title: '该值将合并到 placement 的配置中，设置参考 dom-align',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'arrowPointAtCenter',
+        label: 'arrowPointAtCenter',
+        title: '箭头是否指向目标元素中心',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'autoAdjustOverflow',
+        label: 'autoAdjustOverflow',
+        title: '气泡被遮挡时自动调整位置',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'color',
+        label: 'color',
+        title: '背景颜色',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'destroyTooltipOnHide',
+        label: 'destroyTooltipOnHide',
+        title: '隐藏后是否销毁 tooltip',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'getPopupContainer',
+        label: 'getPopupContainer',
+        title: '浮层渲染父节点，默认渲染到 body 上',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'mouseEnterDelay',
+        label: 'mouseEnterDelay',
+        title: '鼠标移入后延时多少才显示 Tooltip，单位：秒',
+        setters: 'NumberSetter',
+        defaultValue: 0.1
+      },
+      {
+        name: 'mouseLeaveDelayy',
+        label: 'mouseLeaveDelayy',
+        title: '鼠标移出后延时多少才显示 Tooltip，单位：秒',
+        setters: 'NumberSetter',
+        defaultValue: 0.1
+      },
+      {
+        name: 'overlayClassName',
+        label: 'overlayClassName',
+        title: '卡片类名',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'overlayStyle',
+        label: 'overlayStyle',
+        title: '卡片样式',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'overlayInnerStyle',
+        label: 'overlayInnerStyle',
+        title: '卡片内容区域样式',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'placement',
+        label: 'placement',
+        title: '气泡框位置',
+        setters: 'SelectSetter',
+        options: [
+          'top',
+          'left',
+          'right',
+          'bottom',
+          'topLeft',
+          'topRight',
+          'bottomLeft',
+          'bottomRight',
+          'leftTop',
+          'leftBottom',
+          'rightTop',
+          'rightBottom'
+        ],
+        defaultValue: 'top'
+      },
+      {
+        name: 'trigger',
+        label: 'trigger',
+        title: '触发行为',
+        setters: 'SelectSetter',
+        options: ['hover', 'focus', 'click', 'contextmenu'],
+        defaultValue: 'hover'
+      },
+      {
+        name: 'open',
+        label: 'open',
+        title: '用于手动控制浮层显隐',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      }
+    ],
+    events: ['openChange', 'update:open'],
+    slots: ['title'],
+    snippet: {
+      slot: 'title',
+      children: [
+        { name: 'p', slot: { name: 'title' }, children: 'prompt text' },
+        { name: 'p', children: ' Tooltip will show when mouse enter.' }
+      ]
+    }
+  }
+];
+export default components;