Skip to content

三、框架其他组件

1. z-dict:字典组件

组件属性:

属性名说明类型默认值枚举值
label按钮显示名称String--
code字典编码String--
type图标尺寸Enumselectselect/radiobox/checkbox/text
rules表单验证规则Array--
v-model字典值Any--
readonly是否只读Boolean--
default默认值Any--
multiple是否多选Boolean--

2. z-user:用户组件

组件属性:

属性名说明类型默认值枚举值
v-model用户 Uid 值String/Array--
value用户 ID,无线版属性String--
multiple是否多选Boolean--
readonly是否只读Boolean--
placeholder输入提示String请输入关键字搜索用户-

3. z-icon: 跨端图标组件

-- 图标详情:https://b.ebus.vip/zeto/resource.html -- 支持 hover 样式

组件属性:

属性名说明类型默认值枚举值
tooltip气泡提示内容,无线不支持String--
width线条宽度Number1.5-
size图标大小Number16-
color自定义颜色color--
type图标样式Enum-primary |success|warning|error|danger
badge徽标数字Number-number|dot -

4. z-text 文本组件

组件属性:

  • 继承自 el-text 组件,支持 type,size 等属性
属性名说明类型默认值枚举值
v-model文本内容String--
depend依赖表String--
app依赖表String默认当前应用-
emit全局总线事件名称String--
options选项值Array--

5. z-copy:复制组件

组件属性:

属性名说明类型默认值枚举值
value复制的值String--
label显示名称String默认取 value 值-
type按钮类型,参考 el-button/van-button 的 type 属性String--

组件插槽:

  • 支持 default 插槽

6. z-date:日期格式化组件

组件属性:

属性名说明类型默认值枚举值
value时间戳|ObjectIdNumber|String--
plain是否简易模式Booleanfalse-
span时间正负偏移,单位秒Number--

7. z-image 图片上传组件

组件属性:

属性名说明类型默认值枚举值
v-model图片地址String/Array--
mode是否公开图片Stringpublicpublic/private
limit限制上传个数Number6-
readonly是否只读Boolean--
autoPreview自动启用预览Booleantrue-

8. z-avatar 用户头像组件

组件属性:

属性名说明类型默认值枚举值
value用户 IDString--
plain只显示头像Booleantrue-
size图像尺寸String24px-

9. z-qr:二维码组件

组件属性:

属性名说明类型默认值枚举值
value二维码内容String--
width显示宽度String160px-
height显示高度String160px-

10. z-editor: 福文本编辑器

-- 基于 tiptap 封装,需要在lib中引入js文件

组件属性:

属性名说明类型默认值枚举值
v-model编辑器内容String--
width宽度String100%-
height高度String480px-
mode显示样式normal|word|mini|groupnormal-
plugins自定义插件Array参考合同插件-
output输出格式html|json|md内容输出格式-

11. z-address 地域选择器组件

组件属性:

属性名说明类型默认值枚举值
v-model用户 Uid 值String/Array--
multiple是否多选Boolean--
readonly是否只读Boolean--
strictly严格级联Booleantrue-
placeholder输入提示String请输入关键字搜索用户-

12. z-money 金额组件

组件属性:

属性名说明类型默认值枚举值
modelValue金额值,单位分String/Number--

13. z-chart:图表组件

-- 底层基于 echart 封装,https://echarts.apache.org/zh/index.html

组件属性:

属性名说明类型默认值枚举值
data图表数据Object--
optionsechart 配置选项Object--
height图表高度String120px-