@vtj/materials 0.8.146 → 0.8.147

package/src/vant/loading.ts

@@ -0,0 +1,51 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Loading: MaterialDescription = {
+  name: 'VantLoading',
+  alias: 'Loading',
+  label: '加载',
+  categoryId: 'feedback',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/loading',
+  props: [
+    {
+      name: 'color',
+      title: '颜色',
+      defaultValue: '#c9c9c9',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'type',
+      title: '类型',
+      defaultValue: 'circular',
+      setters: 'SelectSetter',
+      options: ['circular', 'spinner']
+    },
+    {
+      name: 'size',
+      title: '加载图标大小，默认单位为 px',
+      defaultValue: 30,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'text-size',
+      title: '文字大小，默认单位为 px',
+      defaultValue: 14,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'text-color',
+      title: '文字颜色',
+      defaultValue: '#c9c9c9',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'vertical',
+      title: '是否垂直排列图标和文字内容',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  slots: ['default', 'icon']
+};
+
+export default Loading;

package/src/vant/nav-bar.ts

@@ -0,0 +1,95 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const NavBar: MaterialDescription = {
+  name: 'VantNavBar',
+  alias: 'NavBar',
+  label: '导航栏',
+  categoryId: 'nav',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/nav-bar',
+  props: [
+    {
+      name: 'title',
+      title: '标题',
+      defaultValue: '""',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'left-text',
+      title: '左侧文案',
+      defaultValue: '""',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'right-text',
+      title: '右侧文案',
+      defaultValue: '""',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'left-disabled',
+      title: '是否禁用左侧按钮，禁用时透明度降低，且无法点击',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'right-disabled',
+      title: '是否禁用右侧按钮，禁用时透明度降低，且无法点击',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'left-arrow',
+      title: '是否显示左侧箭头',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'border',
+      title: '是否显示下边框',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'fixed',
+      title: '是否固定在顶部',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'placeholder',
+      title: '固定在顶部时，是否在标签位置生成一个等高的占位元素',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'z-index',
+      title: '导航栏 z-index',
+      defaultValue: 1,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'safe-area-inset-top',
+      title: '是否开启顶部安全区适配',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'clickable',
+      title: '是否开启两侧按钮的点击反馈',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [
+    { name: 'click-left', params: ['event'] },
+    { name: 'click-right', params: ['event'] }
+  ],
+  slots: ['title', 'left', 'right'],
+  snippet: {
+    props: {
+      title: ' 标题'
+    }
+  }
+};
+
+export default NavBar;

package/src/vant/notice-bar.ts

@@ -0,0 +1,78 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const NoticeBar: MaterialDescription = {
+  name: 'VantNoticeBar',
+  alias: 'NoticeBar',
+  label: '通知栏',
+  categoryId: 'view',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/notice-bar',
+  props: [
+    {
+      name: 'mode',
+      title: '通知栏模式，可选值为 closeable link',
+      defaultValue: '""',
+      setters: 'SelectSetter',
+      options: ['closeable', 'link', '']
+    },
+    {
+      name: 'text',
+      title: '通知文本内容',
+      defaultValue: '""',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'color',
+      title: '通知文本颜色',
+      defaultValue: '#ed6a0c',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'background',
+      title: '滚动条背景',
+      defaultValue: '#fffbe8',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'left-icon',
+      title: '左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'delay',
+      title: '动画延迟时间 (s)',
+      defaultValue: 1,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'speed',
+      title: '滚动速率 (px/s)',
+      defaultValue: 60,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'scrollable',
+      title: '是否开启滚动播放，内容长度溢出时默认开启',
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'wrapable',
+      title: '是否开启文本换行，只在禁用滚动时生效',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [
+    { name: 'click', params: ['event'] },
+    { name: 'close', params: ['event'] },
+    { name: 'replay' }
+  ],
+  slots: ['default', 'left-icon', 'right-icon'],
+  snippet: {
+    props: {
+      'left-icon': 'volume-o',
+      text: '无论我们能活多久，我们能够享受的只有无法分割的此刻，此外别无其他。'
+    }
+  }
+};
+
+export default NoticeBar;

package/src/vant/notify.ts

@@ -0,0 +1,96 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Notify: MaterialDescription = {
+  name: 'VantNotify',
+  alias: 'Notify',
+  label: '消息提示',
+  categoryId: 'feedback',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/notify',
+  props: [
+    {
+      name: 'show',
+      title: '是否显示通知',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'type',
+      title: '类型',
+      defaultValue: 'danger',
+      setters: 'SelectSetter',
+      options: ['primary', 'success', 'warning', 'danger']
+    },
+    {
+      name: 'message',
+      title: '展示文案，支持通过\n换行',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'z-index',
+      title: '将组件的 z-index 层级设置为一个固定值',
+      defaultValue: '2000+',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'position',
+      title: '弹出位置',
+      defaultValue: 'top',
+      setters: 'SelectSetter',
+      options: ['top', 'bottom']
+    },
+    {
+      name: 'color',
+      title: '字体颜色',
+      defaultValue: '#ffffff',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'background',
+      title: '背景颜色',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'class-name',
+      title: '自定义类名',
+      setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
+    },
+    {
+      name: 'lock-scroll',
+      title: '是否锁定背景滚动',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'teleport',
+      title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
+      setters: ['StringSetter', 'ExpressionSetter']
+    }
+  ],
+  events: [
+    { name: 'click', params: ['event'] },
+    { name: 'close' },
+    { name: 'opened' }
+  ],
+  slots: ['default'],
+  snippet: {
+    props: {
+      show: true,
+      type: 'success'
+    },
+    children: [
+      {
+        name: 'VantIcon',
+        props: {
+          name: 'bell',
+          style: { marginRight: '4px' }
+        }
+      },
+      {
+        name: 'span',
+        children: '通知内容'
+      }
+    ]
+  }
+};
+
+export default Notify;

package/src/vant/number-keyboard.ts

@@ -0,0 +1,122 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const NumberKeyboard: MaterialDescription = {
+  name: 'VantNumberKeyboard',
+  alias: 'NumberKeyboard',
+  label: '数字键盘',
+  categoryId: 'form',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/number-keyboard',
+  props: [
+    {
+      name: 'modelValue',
+      title: '当前输入值',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'show',
+      title: '是否显示键盘',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'title',
+      title: '键盘标题',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'theme',
+      title: '样式风格，可选值为 custom',
+      defaultValue: 'default',
+      setters: 'SelectSetter',
+      options: ['default', 'custom']
+    },
+    {
+      name: 'maxlength',
+      title: '输入值最大长度',
+      defaultValue: 'Infinity',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'transition',
+      title: '是否开启过场动画',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'z-index',
+      title: '键盘 z-index 层级',
+      defaultValue: '100',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'extra-key',
+      title: '底部额外按键的内容',
+      defaultValue: '',
+      setters: ['StringSetter', 'ArraySetter']
+    },
+    {
+      name: 'close-button-text',
+      title: '关闭按钮文字，空则不展示',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'delete-button-text',
+      title: '删除按钮文字，空则展示删除图标',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'close-button-loading',
+      title: '是否将关闭按钮设置为加载中状态，仅在 theme="custom" 时有效',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-delete-key',
+      title: '是否展示删除图标',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'blur-on-close',
+      title: '是否在点击关闭按钮时触发 blur 事件',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'hide-on-click-outside',
+      title: '是否在点击外部时收起键盘',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'teleport',
+      title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
+      setters: ['StringSetter', 'ExpressionSetter']
+    },
+    {
+      name: 'safe-area-inset-bottom',
+      title: '是否开启底部安全区适配',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'random-key-order',
+      title: '是否将通过随机顺序展示按键',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [
+    { name: 'input', params: ['key'] },
+    { name: 'delete', params: ['key'] },
+    { name: 'close', params: ['key'] },
+    { name: 'blur', params: ['key'] },
+    { name: 'show', params: ['key'] },
+    { name: 'hide', params: ['key'] }
+  ],
+  slots: ['delete', 'extra-key', 'title-left'],
+  snippet: {
+    props: { show: true }
+  }
+};
+
+export default NumberKeyboard;

package/src/vant/overlay.ts

@@ -0,0 +1,60 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Overlay: MaterialDescription = {
+  name: 'VantOverlay',
+  alias: 'Overlay',
+  label: '遮罩层',
+  categoryId: 'feedback',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/overlay',
+  props: [
+    {
+      name: 'show',
+      title: '是否展示遮罩层',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'z-index',
+      title: '	z-index 层级',
+      defaultValue: 1,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'duration',
+      title: '动画时长，单位秒，设置为 0 可以禁用动画',
+      defaultValue: 0.3,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'class-name',
+      title: '自定义类名',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'custom-style',
+      title: '自定义样式',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'lock-scroll',
+      title: '是否锁定背景滚动，锁定时蒙层里的内容也将无法滚动',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'lazy-render',
+      title: '是否在显示时才渲染节点',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [{ name: 'click', params: ['event'] }],
+  slots: ['default'],
+  snippet: {
+    props: {
+      show: true
+    }
+  }
+};
+
+export default Overlay;

package/src/vant/pagination.ts

@@ -0,0 +1,87 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Pagination: MaterialDescription = {
+  name: 'VantPagination',
+  alias: 'Pagination',
+  label: '分页',
+  categoryId: 'nav',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/pagination',
+  props: [
+    {
+      name: 'modelValue',
+      title: '当前页码',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'mode',
+      title: '显示模式',
+      defaultValue: 'multi',
+      setters: 'SelectSetter',
+      options: ['simple', 'multi']
+    },
+    {
+      name: 'prev-text',
+      title: '上一页按钮文字',
+      defaultValue: '上一页',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'next-text',
+      title: '下一页按钮文字',
+      defaultValue: '下一页',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'page-count',
+      title: '总页数',
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'total-items',
+      title: '总记录数',
+      defaultValue: 0,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'items-per-page',
+      title: '每页记录数',
+      defaultValue: 10,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'show-page-size',
+      title: '显示的页码个数',
+      defaultValue: 5,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'force-ellipses',
+      title: '是否显示省略号',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-prev-button',
+      title: '是否展示上一页按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-next-button',
+      title: '是否展示下一页按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['update:modelValue', 'change'],
+  slots: ['page', 'prev-text', 'next-text'],
+  snippet: {
+    props: {
+      modelValue: 1,
+      'total-items': 24,
+      'items-per-page': 5
+    }
+  }
+};
+
+export default Pagination;

package/src/vant/password-input.ts

@@ -0,0 +1,58 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const PasswordInput: MaterialDescription = {
+  name: 'VantPasswordInput',
+  alias: 'PasswordInput',
+  label: '密码输入框',
+  categoryId: 'form',
+  doc: 'https://vant-ui.github.io/vant/#/zh-CN/password-input',
+  props: [
+    {
+      name: 'value',
+      title: '密码值',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'info',
+      title: '输入框下方文字提示',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'error-info',
+      title: '输入框下方错误提示',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'length',
+      title: '密码最大长度',
+      defaultValue: 6,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'gutter',
+      title: '输入框格子之间的间距，如 20px 2em，默认单位为px',
+      defaultValue: 0,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'mask',
+      title: '是否隐藏密码内容',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'focused',
+      title: '是否已聚焦，聚焦时会显示光标',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['focus'],
+  snippet: {
+    props: {
+      value: '123456'
+    }
+  }
+};
+
+export default PasswordInput;