@vtj/materials 0.10.1-alpha.6 → 0.10.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/materials",
   "private": false,
-  "version": "0.10.1-alpha.6",
+  "version": "0.10.1",
   "type": "module",
   "devDependencies": {
     "@dcloudio/uni-app": "3.0.0-4040520250104002",
@@ -15,11 +15,11 @@
     "vant": "~4.9.10",
     "vue": "~3.5.5",
     "vue-router": "~4.5.0",
-    "@vtj/charts": "~0.10.1-alpha.6",
-    "@vtj/cli": "~0.10.0",
-    "@vtj/core": "~0.10.1-alpha.6",
-    "@vtj/ui": "~0.10.1-alpha.6",
-    "@vtj/utils": "~0.10.1-alpha.6"
+    "@vtj/cli": "~0.10.1",
+    "@vtj/core": "~0.10.1",
+    "@vtj/charts": "~0.10.1",
+    "@vtj/utils": "~0.10.1",
+    "@vtj/ui": "~0.10.1"
   },
   "files": [
     "dist",

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

@@ -65,7 +65,11 @@ const desc: MaterialDescription = {
   events: ['click'],
   snippet: {
     props: {
-      text: '100'
+      text: '1',
+      style: {
+        width: '20px',
+        height: '20px'
+      }
     }
   }
 };

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

@@ -0,0 +1,76 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription[] = [
+  {
+    name: 'UniBreadcrumb',
+    label: '面包屑',
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'separator',
+        title: '分隔符',
+        defaultValue: '/',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'separatorClass',
+        title: '图标分隔符 class',
+        setters: 'StringSetter'
+      }
+    ],
+    snippet: {
+      props: {
+        separator: '/'
+      },
+      children: [
+        {
+          name: 'UniBreadcrumbItem',
+          props: {
+            to: {
+              type: 'JSExpression',
+              value: 'this.context.item.to'
+            }
+          },
+          children: {
+            type: 'JSExpression',
+            value: 'this.context.item.name'
+          },
+          directives: [
+            {
+              name: 'vFor',
+              value: {
+                type: 'JSExpression',
+                value:
+                  '[{to: "/pages/index/index",name: "首页"},{	to: "",name: "菜单 A",},{to: "",name: "菜单 B"}]'
+              }
+            }
+          ]
+        }
+      ]
+    }
+  },
+  {
+    name: 'UniBreadcrumbItem',
+    label: '面包屑项',
+    parentIncludes: ['UniBreadcrumb'],
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'to',
+        title: '路由跳转页面路径',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'replace',
+        title:
+          '在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录(仅 h5 支持）',
+        setters: 'BooleanSetter'
+      }
+    ],
+    snippet: {
+      children: '菜单项'
+    }
+  }
+];
+
+export default desc;

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

@@ -0,0 +1,63 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniCalendar',
+  label: '日历',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'date',
+      title: '自定义当前时间，默认为今天',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'lunar',
+      title: '显示农历',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'startDate',
+      title: '日期选择范围-开始日期',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'endDate',
+      title: '日期选择范围-结束日期',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'range',
+      title: '范围选择',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'insert',
+      title: '插入模式,可选值',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'clearDate',
+      title: '弹窗模式是否清空上次选择内容',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'selected',
+      title: '打点',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'showMonth',
+      title: '是否显示月份为背景',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['change', 'confirm', 'monthSwitch', 'open'],
+  snippet: {}
+};
+
+export default desc;

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

@@ -0,0 +1,113 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniCard',
+  label: '卡片',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'title',
+      title: '标题文字',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'sub-title',
+      title: '副标题文字',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'extra',
+      title: '标题额外信息',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'thumbnail',
+      title:
+        '标题左侧缩略图,支持网络图片，本地图片，本图片需要传入一个绝对路径',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'cover',
+      title: '封面图,支持网络图片，本地图片，本图片需要传入一个绝对路径',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'is-full',
+      title: '卡片内容是否通栏，为true时将去除padding值',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'is-shadow',
+      title: '卡片内容是否开启阴影',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'shadow',
+      title: '卡片阴影,需符合 css 值',
+      defaultValue: '0px 0px 3px 1px rgba(0, 0, 0, 0.08)',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'margin',
+      title: '卡片外边距',
+      defaultValue: '10px',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'spacing',
+      title: '卡片内边距',
+      defaultValue: '10px',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'padding',
+      title: '卡片内容内边距',
+      defaultValue: '10px',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'border',
+      title: '卡片边框',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'mode',
+      title: '卡片模式(弃用)',
+      defaultValue: 'basic',
+      setters: 'SelectSetter',
+      options: ['basic', 'style', 'title']
+    },
+    {
+      name: 'note',
+      title: '底部信息[弃用]',
+      defaultValue: '',
+      setters: 'StringSetter'
+    }
+  ],
+  events: ['click'],
+  slots: ['cover', 'title', 'actions', 'header', 'footer'],
+  snippet: {
+    props: {
+      'is-full': true,
+      'is-shadow': false,
+      title: '基础卡片',
+      extra: '额外信息'
+    },
+    children: [
+      {
+        name: 'View',
+        children:
+          '卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。'
+      }
+    ]
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,118 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription[] = [
+  {
+    name: 'UniCollapse',
+    label: '折叠面板',
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'modelValue',
+        title:
+          '当前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)',
+        setters: ['StringSetter', 'ArraySetter']
+      },
+      {
+        name: 'accordion',
+        title: '是否开启手风琴效果',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      }
+    ],
+    events: ['change', 'update:modelValue'],
+    snippet: {
+      props: {
+        accordion: true
+      },
+      children: [
+        {
+          name: 'UniCollapseItem',
+          props: { title: '手风琴效果' },
+          children: [{ name: 'Text', children: '折叠内容' }]
+          // directives: [
+          //   {
+          //     name: 'vFor',
+          //     value: {
+          //       type: 'JSExpression',
+          //       value: '4'
+          //     }
+          //   }
+          // ]
+        }
+      ]
+    }
+  },
+  {
+    name: 'UniCollapseItem',
+    label: '折叠面板项',
+    parentIncludes: ['UniCollapse'],
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'title',
+        title: '标题文字',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'thumb',
+        title: '标题左侧缩略图',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'disabled',
+        title: '是否禁用',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'open',
+        title: '是否展开面板',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'show-animation',
+        title: '开启动画',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'border',
+        title: '折叠面板内容分隔线',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'title-border',
+        title: '折叠面板标题分隔线',
+        defaultValue: 'auto',
+        setters: 'SelectSetter',
+        options: ['auto', 'none', 'show']
+      },
+      {
+        name: 'show-arrow',
+        title: '是否显示右侧箭头',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      }
+    ],
+    slots: ['default', 'title'],
+    snippet: {
+      props: { title: '手风琴效果' },
+      children: [{ name: 'Text', children: '折叠内容' }],
+      directives: [
+        {
+          name: 'vFor',
+          value: {
+            type: 'JSExpression',
+            value: '2'
+          }
+        }
+      ]
+    }
+  }
+];
+
+export default desc;

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

@@ -0,0 +1,51 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniCombox',
+  label: '组合框',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'label',
+      title: '标签文字',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'modelValue',
+      title: 'combox的值',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'labelWidth',
+      title: '标签宽度',
+      defaultValue: 'auto',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'placeholder',
+      title: '输入框占位符',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'candidates',
+      title: '候选字段',
+      defaultValue: [],
+      setters: ['ArraySetter', 'StringSetter']
+    },
+    {
+      name: 'emptyTips',
+      title: '无匹配项时的提示语',
+      defaultValue: '无匹配项',
+      setters: 'StringSetter'
+    }
+  ],
+  events: ['input', 'update:modelValue'],
+  snippet: {
+    props: {
+      candidates: ['北京', '南京', '东京', '武汉', '天津', '上海', '海口'],
+      placeholder: '请选择所在城市'
+    }
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,92 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniCountdown',
+  label: '倒计时',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'backgroundColor',
+      title: '背景色',
+      defaultValue: '#FFFFFF',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'color',
+      title: '文字颜色',
+      defaultValue: '#000000',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'splitorColor',
+      title: '分割符号颜色',
+      defaultValue: '#000000',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'day',
+      title: '天数',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'hour',
+      title: '小时',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'minute',
+      title: '分钟',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'second',
+      title: '秒',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'showDay',
+      title: '是否显示天数',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showHour',
+      title: '是否显示小时',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showMinute',
+      title: '是否显示分钟',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showColon',
+      title: '是否以冒号为分隔符',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'start',
+      title: '是否初始化组件后就开始倒计时',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['timeup'],
+  snippet: {
+    props: {
+      day: 1,
+      hour: 1,
+      minute: 2,
+      second: 40
+    }
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,104 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniDataCheckbox',
+  label: '数据选择器',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'modelValue',
+      title: '默认值，multiple=true时为 Array类型，否则为 String或Number类型',
+      setters: ['ArraySetter', 'StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'localdata',
+      title: '本地渲染数据',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'mode',
+      title: '显示模式',
+      defaultValue: 'default',
+      setters: 'SelectSetter',
+      options: ['default', 'list', 'button', 'tag']
+    },
+    {
+      name: 'multiple',
+      title: '是否多选',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'min',
+      title: '最小选择个数 ，multiple为true时生效',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'max',
+      title: '最大选择个数 ，multiple为true时生效',
+      defaultValue: '',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'wrap',
+      title: '是否换行显示',
+      defaultValue: '',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'icon',
+      title: 'list 列表模式下 icon 显示的位置',
+      defaultValue: 'left',
+      setters: 'SelectSetter',
+      options: ['left', 'right']
+    },
+    {
+      name: 'selectedColor',
+      title: '选中颜色',
+      defaultValue: '#007aff',
+      setters: ['ColorSetter', 'StringSetter']
+    },
+    {
+      name: 'selectedTextColor',
+      title: '选中文本颜色，如不填写则自动显示',
+      defaultValue: '#333',
+      setters: ['ColorSetter', 'StringSetter']
+    },
+    {
+      name: 'emptyText',
+      title: '没有数据时显示的文字 ，本地数据无效',
+      defaultValue: '暂无数据',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'map',
+      title: '字段映射，将text/value映射到数据中的其他字段',
+      defaultValue: { text: 'text', value: 'value' },
+      setters: 'ObjectSetter'
+    }
+  ],
+  events: ['change', 'update:modelValue'],
+  snippet: {
+    props: {
+      localdata: [
+        {
+          text: '男',
+          value: 0
+        },
+        {
+          text: '女',
+          value: 1,
+          disable: true
+        },
+        {
+          text: '未知',
+          value: 2
+        }
+      ],
+      modelValue: 0
+    }
+  }
+};
+
+export default desc;