@vtj/materials 0.10.1-alpha.6 → 0.10.1

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

@@ -0,0 +1,51 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniIndexedList',
+  label: '索引列表',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'options',
+      title: '索引列表需要的数据对象',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'showSelect',
+      title: '展示模式',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['click'],
+  snippet: {
+    props: {
+      options: [
+        {
+          letter: 'A',
+          data: [
+            '阿克苏机场',
+            '阿拉山口机场',
+            '阿勒泰机场',
+            '阿里昆莎机场',
+            '安庆天柱山机场',
+            '澳门国际机场'
+          ]
+        },
+        {
+          letter: 'B',
+          data: [
+            '保山机场',
+            '包头机场',
+            '北海福成机场',
+            '北京南苑机场',
+            '北京首都国际机场'
+          ]
+        }
+      ],
+      showSelect: true
+    }
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,60 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniLink',
+  label: '超链接',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'href',
+      title: '链接地址',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'text',
+      title: '显示文字',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'download',
+      title: 'H5平台下载文件名',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'showUnderLine',
+      title: '是否显示下划线',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'copyTips',
+      title: '在小程序端复制链接时的提示语',
+      defaultValue: '已自动复制网址，请在手机浏览器里粘贴该网址',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'color',
+      title: '链接文字颜色',
+      defaultValue: '#999999',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'fontSize',
+      title: '链接文字大小，单位px',
+      defaultValue: '14',
+      setters: 'StringSetter'
+    }
+  ],
+  slots: ['default'],
+  snippet: {
+    props: {
+      href: 'https://uniapp.dcloud.io/',
+      text: 'https://uniapp.dcloud.io/'
+    }
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,259 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription[] = [
+  {
+    name: 'UniList',
+    label: '列表',
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'border',
+        title: '是否显示边框',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      }
+    ],
+    snippet: {
+      children: [
+        {
+          name: 'UniListItem',
+          props: {
+            title: '列表文字'
+          }
+        },
+        {
+          name: 'UniListItem',
+          props: {
+            title: '列表禁用状态',
+            disabled: 'true'
+          }
+        }
+      ]
+    }
+  },
+  {
+    name: 'UniListItem',
+    label: '列表项',
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'title',
+        title: '标题',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'note',
+        title: '描述',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'ellipsis',
+        title: 'title 是否溢出隐藏',
+        defaultValue: 0,
+        setters: 'SelectSetter',
+        options: [
+          { label: '0', value: 0 },
+          { label: '1', value: 1 },
+          { label: '2', value: 2 }
+        ]
+      },
+      {
+        name: 'thumb',
+        title: '左侧缩略图，若thumb有值，则不会显示扩展图标',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'thumbSize',
+        title: '略缩图尺寸',
+        defaultValue: 'medium',
+        setters: 'SelectSetter',
+        options: ['lg', 'medium', 'sm']
+      },
+      {
+        name: 'showBadge',
+        title: '是否显示数字角标',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'badgeText',
+        title: '数字角标内容',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'badgeType',
+        title: '数字角标类型',
+        defaultValue: '',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'rightText',
+        title: '右侧文字内容',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'disabled',
+        title: '是否禁用',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'showArrow',
+        title: '是否显示箭头图标',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'link',
+        title: '新页面跳转方式',
+        defaultValue: 'navigateTo',
+        setters: 'SelectSetter',
+        options: ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab']
+      },
+      {
+        name: 'to',
+        title: '新页面跳转地址',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'clickable',
+        title: '是否开启点击反馈',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'showSwitch',
+        title: '是否显示Switch',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'switchChecked',
+        title: 'Switch是否被选中',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'showExtraIcon',
+        title: '左侧是否显示扩展图标',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'extraIcon',
+        title: '扩展图标参数',
+        defaultValue: '',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'direction',
+        title: '排版方向',
+        defaultValue: 'row',
+        setters: 'SelectSetter',
+        options: ['row', 'column']
+      }
+    ],
+    events: ['click', 'switchChange'],
+    slots: ['header', 'body', 'footer'],
+    snippet: {
+      props: {
+        title: '列表文字'
+      }
+    }
+  },
+  {
+    name: 'UniListChat',
+    label: '列表聊天项',
+    categoryId: 'ext',
+    props: [
+      {
+        name: 'title',
+        title: '标题',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'note',
+        title: '描述',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'clickable',
+        title: '是否开启点击反馈',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'badgeText',
+        title: '数字角标内容，设置为 dot 将显示圆点',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'badgePositon',
+        title: '角标位置',
+        defaultValue: 'right',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'link',
+        title: '是否展示右侧箭头并开启点击反馈，可选值见下表',
+        defaultValue: 'navigateTo',
+        setters: 'SelectSetter',
+        options: ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab']
+      },
+      {
+        name: 'to',
+        title: '跳转页面地址',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'time',
+        title: '右侧时间显示',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'avatarCircle',
+        title: '是否显示圆形头像',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'avatar',
+        title: '头像地址，avatarCircle 不填时生效',
+        defaultValue: '',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'avatarList',
+        title: '头像组，格式为 [{url:""}]',
+        defaultValue: '',
+        setters: 'ArraySetter'
+      }
+    ],
+    events: ['click'],
+    slots: ['default'],
+    snippet: {
+      props: {
+        avatarCircle: true,
+        badgeText: 12,
+        title: 'uni-app',
+        avatar:
+          'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+        note: '您收到一条新的消息',
+        time: '2020-02-02 20:20'
+      }
+    }
+  }
+];
+
+export default desc;

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

@@ -0,0 +1,61 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniLoadMore',
+  label: '加载更多',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'iconSize',
+      title: '指定图标大小',
+      defaultValue: 24,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'status',
+      title: 'loading 的状态',
+      defaultValue: 'more',
+      setters: 'SelectSetter',
+      options: ['more', 'loading', 'noMore']
+    },
+    {
+      name: 'showIcon',
+      title: '是否显示 loading 图标',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showText',
+      title: '是否显示文本',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'iconType',
+      title: '指定图标样式',
+      defaultValue: 'auto',
+      setters: 'SelectSetter',
+      options: ['snow', 'circle', 'auto']
+    },
+    {
+      name: 'color',
+      title: '图标和文字颜色',
+      defaultValue: '#777777',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'contentText',
+      title: '各状态文字说明',
+      defaultValue: {
+        contentdown: '上拉显示更多',
+        contentrefresh: '正在加载...',
+        contentnomore: '没有更多数据了'
+      },
+      setters: 'ObjectSetter'
+    }
+  ],
+  events: ['clickLoadMore'],
+  snippet: {}
+};
+
+export default desc;

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

@@ -0,0 +1,121 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniNavBar',
+  label: '导航栏',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'title',
+      title: '标题文字',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'leftText',
+      title: '左侧按钮文本',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'rightText',
+      title: '右侧按钮文本',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'leftIcon',
+      title: '左侧按钮图标',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'rightIcon',
+      title: '右侧按钮图标',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'color',
+      title: '图标和文字颜色',
+      defaultValue: '#000000',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'backgroundColor',
+      title: '导航栏背景颜色',
+      defaultValue: '#ffffff',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'fixed',
+      title: '是否固定顶部',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'statusBar',
+      title: '是否包含状态栏',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'shadow',
+      title: '导航栏下是否有阴影',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'border',
+      title: '导航栏下是否有边框',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'height',
+      title: '导航栏高度',
+      defaultValue: 44,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'dark',
+      title: '导航栏开启暗黑模式',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'leftWidth',
+      title: '导航栏左侧插槽宽度',
+      defaultValue: 120,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'rightWidth',
+      title: '导航栏右侧插槽宽度',
+      defaultValue: 120,
+      setters: ['NumberSetter', 'StringSetter']
+    },
+    {
+      name: 'stat',
+      title: '是否开启统计标题功能',
+      defaultValue: '60px',
+      setters: ['BooleanSetter', 'StringSetter']
+    }
+  ],
+  events: ['clickLeft', 'clickRight'],
+  slots: ['default', 'left', 'right'],
+  snippet: {
+    props: {
+      dark: true,
+      fixed: true,
+      shadow: true,
+      backgroundColor: '#007AFF',
+      statusBar: true,
+      leftIcon: 'left',
+      leftText: '返回',
+      title: '自定义导航栏'
+    }
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,83 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniNoticeBar',
+  label: '通告栏	',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'speed',
+      title: '文字滚动的速度，默认100px/秒',
+      defaultValue: 100,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'text',
+      title: '显示文字',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'background-color',
+      title: '背景颜色',
+      defaultValue: '#fffbe8',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'color',
+      title: '文字颜色',
+      defaultValue: '#de8c17',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'moreColor',
+      title: '查看更多文字的颜色',
+      defaultValue: '#999999',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'moreText',
+      title: '设置“查看更多”的文本',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'single',
+      title: '是否单行',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'scrollable',
+      title: '是否滚动，为true时，NoticeBar为单行',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showIcon',
+      title: '是否显示左侧喇叭图标',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showClose',
+      title: '是否显示右侧关闭按钮',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showGetMore',
+      title: '是否显示右侧查看更多图标，为true时，NoticeBar为单行',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['click', 'close', 'getmore'],
+  snippet: {
+    props: {
+      text: 'uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。'
+    }
+  }
+};
+
+export default desc;

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

@@ -0,0 +1,49 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'UniNumberBox',
+  label: '数字输入框',
+  categoryId: 'ext',
+  props: [
+    {
+      name: 'modelValue',
+      title: '输入框当前值',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'min',
+      title: '最小值',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'max',
+      title: '最大值',
+      defaultValue: 100,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'step',
+      title: '每次点击改变的间隔大小',
+      defaultValue: 1,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'disabled',
+      title: '是否为禁用状态',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'width',
+      title: '宽度（单位：px）',
+      defaultValue: 40,
+      setters: 'NumberSetter'
+    }
+  ],
+  events: ['change', 'focus', 'blur'],
+  snippet: {}
+};
+
+export default desc;