@vtj/materials 0.8.145 → 0.8.147

package/src/vant/coupon-list.ts

@@ -0,0 +1,219 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Coupon: MaterialDescription[] = [
+  {
+    name: 'VantCouponList',
+    alias: 'CouponList',
+    label: '优惠券列表',
+    categoryId: 'business',
+    doc: 'https://vant-ui.github.io/vant/#/zh-CN/coupon',
+    props: [
+      {
+        name: 'code',
+        title: '当前输入的兑换码',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'chosen-coupon',
+        title: '当前选中优惠券的索引,支持多选',
+        defaultValue: -1,
+        setters: ['NumberSetter', 'ArraySetter']
+      },
+      {
+        name: 'coupons',
+        title: '可用优惠券列表',
+        defaultValue: [],
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'disabled-coupons',
+        title: '不可用优惠券列表',
+        defaultValue: [],
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'enabled-title',
+        title: '可用优惠券列表标题',
+        defaultValue: '可使用优惠券',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'disabled-title',
+        title: '不可用优惠券列表标题',
+        defaultValue: '不可使用优惠券',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'exchange-button-text',
+        title: '兑换按钮文字',
+        defaultValue: '兑换',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'exchange-button-loading',
+        title: '是否显示兑换按钮加载动画',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'exchange-button-disabled',
+        title: '是否禁用兑换按钮',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'exchange-min-length',
+        title: '兑换码最小长度',
+        defaultValue: 1,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'displayed-coupon-index',
+        title: '滚动至特定优惠券位置',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'show-close-button',
+        title: '是否显示列表底部按钮',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'close-button-text',
+        title: '列表底部按钮文字',
+        defaultValue: '不使用优惠',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'input-placeholder',
+        title: '输入框文字提示',
+        defaultValue: '请输入优惠码',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'show-exchange-bar',
+        title: '是否展示兑换栏',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'currency',
+        title: '货币符号',
+        defaultValue: '￥',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'empty-image',
+        title: '列表为空时的占位图',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'show-count',
+        title: '是否展示可用 / 不可用数量',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      }
+    ],
+    events: [
+      { name: 'change', params: ['index'] },
+      { name: 'exchange', params: ['code'] }
+    ],
+    slots: ['list-footer', 'disabled-list-footer', 'list-button'],
+    snippet: {
+      props: {
+        coupons: [
+          {
+            available: 1,
+            condition: '无门槛\n最多优惠12元',
+            reason: '',
+            value: 150,
+            name: '优惠券名称',
+            startAt: 1489104000,
+            endAt: 1514592000,
+            valueDesc: '1.5',
+            unitDesc: '元'
+          }
+        ],
+        'chosen-coupon': -1,
+        'disabled-coupons': [
+          {
+            available: 1,
+            condition: '无门槛\n最多优惠12元',
+            reason: '',
+            value: 150,
+            name: '优惠券名称',
+            startAt: 1489104000,
+            endAt: 1514592000,
+            valueDesc: '1.5',
+            unitDesc: '元'
+          }
+        ]
+      }
+    }
+  },
+  {
+    name: 'VantCouponCell',
+    alias: 'CouponCell',
+    label: '优惠券单元格',
+    categoryId: 'business',
+    doc: 'https://vant-ui.github.io/vant/#/zh-CN/coupon',
+    props: [
+      {
+        name: 'title',
+        title: '单元格标题',
+        defaultValue: '优惠券',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'chosen-coupon',
+        title: '当前选中优惠券的索引',
+        defaultValue: -1,
+        setters: ['NumberSetter', 'ArraySetter']
+      },
+      {
+        name: 'coupons',
+        title: '可用优惠券列表',
+        defaultValue: [],
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'editable',
+        title: '能否切换优惠券',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'border',
+        title: '是否显示内边框',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'currency',
+        title: '货币符号',
+        defaultValue: '￥',
+        setters: 'StringSetter'
+      }
+    ],
+    snippet: {
+      props: {
+        coupons: [
+          {
+            available: 1,
+            condition: '无门槛\n最多优惠12元',
+            reason: '',
+            value: 150,
+            name: '优惠券名称',
+            startAt: 1489104000,
+            endAt: 1514592000,
+            valueDesc: '1.5',
+            unitDesc: '元'
+          }
+        ],
+        'chosen-coupon': -1
+      }
+    }
+  }
+];
+
+export default Coupon;

package/src/vant/datePicker.ts

@@ -0,0 +1,119 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const DatePicker: MaterialDescription = {
+  name: 'VantDatePicker',
+  alias: 'DatePicker',
+  label: '日期选择',
+  categoryId: 'form',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/date-picker',
+  props: [
+    {
+      name: 'modelValue',
+      title: '当前选中的日期',
+      defaultValue: [],
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'columns-type',
+      title: '选项类型，由 year、month 和 day 组成的数组',
+      defaultValue: ['year', 'month', 'day'],
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'min-date',
+      title: '可选的最小时间，精确到日',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'max-date',
+      title: '可选的最大时间，精确到日',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'title',
+      title: '顶部栏标题',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'confirm-button-text',
+      title: '确认按钮文字',
+      defaultValue: '确认',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'cancel-button-text',
+      title: '取消按钮文字',
+      defaultValue: '取消',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'show-toolbar',
+      title: '是否显示顶部栏',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'loading',
+      title: '是否显示加载状态',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'readonly',
+      title: '是否为只读状态，只读状态下无法切换选项',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'filter',
+      title: '选项过滤函数',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'formatter',
+      title: '选项格式化函数',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'option-height',
+      title: '选项高度，支持 px vw vh rem 单位，默认 px',
+      defaultValue: 44,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'visible-option-num',
+      title: '可见的选项个数',
+      defaultValue: 6,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'swipe-duration',
+      title: '快速滑动时惯性滚动的时长，单位 ms',
+      defaultValue: 1000,
+      setters: ['NumberSetter', 'StringSetter']
+    }
+  ],
+  events: [
+    { name: 'update:modelValue' },
+    { name: 'confirm', params: ['data'] },
+    { name: 'cancel', params: ['data'] },
+    { name: 'change', params: ['data'] }
+  ],
+  slots: [
+    'toolbar',
+    'title',
+    'confirm',
+    'cancel',
+    'option',
+    'columns-top',
+    'columns-bottom'
+  ],
+  snippet: {
+    props: {
+      modelValue: []
+    }
+  }
+};
+
+export default DatePicker;

package/src/vant/dialog.ts

@@ -0,0 +1,187 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Dialog: MaterialDescription = {
+  name: 'VantDialog',
+  alias: 'Dialog',
+  label: '弹出框',
+  categoryId: 'feedback',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/dialog',
+  props: [
+    {
+      name: 'show',
+      title: '是否显示弹窗',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'title',
+      title: '标题',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'width',
+      title: '弹窗宽度，默认单位为 px',
+      defaultValue: 320,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'message',
+      title: '文本内容，支持通过 \n 换行',
+      setters: ['StringSetter', 'FunctionSetter']
+    },
+    {
+      name: 'message-align',
+      title: '内容水平对齐方式，可选值为 left right justify',
+      defaultValue: 'center',
+      setters: 'SelectSetter',
+      options: ['left', 'right', 'justify', 'center']
+    },
+    {
+      name: 'theme',
+      title: '样式风格，可选值为 round-button',
+      defaultValue: 'default',
+      setters: 'SelectSetter',
+      options: ['round-button', 'default']
+    },
+    {
+      name: 'show-confirm-button',
+      title: '是否展示确认按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-cancel-button',
+      title: '是否展示取消按钮',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'confirm-button-text',
+      title: '确认按钮文案',
+      defaultValue: '确认',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'confirm-button-color',
+      title: '确认按钮颜色',
+      defaultValue: '#ee0a24',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'confirm-button-disabled',
+      title: '是否禁用确认按钮',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'cancel-button-text',
+      title: '取消按钮文案',
+      defaultValue: '取消',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'cancel-button-color',
+      title: '取消按钮颜色',
+      defaultValue: '#000000',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'cancel-button-disabled',
+      title: '是否禁用取消按钮',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'z-index',
+      title: '将弹窗的 z-index 层级设置为一个固定值',
+      defaultValue: '2000+',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'overlay',
+      title: '是否展示遮罩层',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'overlay-class',
+      title: '自定义遮罩层类名',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'overlay-style',
+      title: '自定义遮罩层样式',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'close-on-popstate',
+      title: '是否在页面回退时自动关闭',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'close-on-click-overlay',
+      title: '是否在点击遮罩层后关闭弹窗',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'lazy-render',
+      title: '是否在显示弹层时才渲染节点',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'lock-scroll',
+      title: '是否锁定背景滚动',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'allow-html',
+      title: '是否允许 message 内容中渲染 HTML',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'before-close',
+      title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'transition',
+      title: '动画类名，等价于 transition 的 name 属性',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'teleport',
+      title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
+      setters: ['StringSetter', 'ExpressionSetter']
+    }
+  ],
+  events: [
+    'update:show',
+    'confirm',
+    'cancel',
+    'open',
+    'close',
+    'opened',
+    'closed'
+  ],
+  slots: ['default', 'title', 'footer'],
+  snippet: {
+    props: {
+      show: true,
+      title: '标题'
+    },
+    children: [
+      {
+        name: 'VantImage',
+        props: {
+          src: 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg'
+        }
+      }
+    ]
+  }
+};
+
+export default Dialog;

package/src/vant/divider.ts

@@ -0,0 +1,42 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Divider: MaterialDescription = {
+  name: 'VantDivider',
+  alias: 'Divider',
+  label: '分割线',
+  categoryId: 'view',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/divider',
+  props: [
+    {
+      name: 'dashed',
+      title: '是否使用虚线',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'hairline',
+      title: '是否使用 0.5px 线',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'content-position',
+      title: '内容位置',
+      defaultValue: 'center',
+      setters: 'SelectSetter',
+      options: ['left', 'center', 'right']
+    },
+    {
+      name: 'vertical',
+      title: '是否使用垂直',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  slots: ['default'],
+  snippet: {
+    children: '文本'
+  }
+};
+
+export default Divider;