[
{
"symbol": "u-linear-layout",
"name": "线性布局",
"icon": "linear-layout",
"depDescription": {},
"description": "内部元素按照一定的规则布局",
"labels": [
"Layout"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/screenshots/2.png",
"blocks": "[{\"title\":\"单行排布\",\"description\":\"\",\"code\":\"\\n\\n\\n\\n\"},{\"title\":\"多行排布\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"两端排布\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-linear-layout",
"title": "线性布局",
"description": "内部元素按照一定的规则布局",
"category": "Layout",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/screenshots/2.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-linear-layout.vue/drawings/2.svg",
"blocks": [
{
"title": "单行排布",
"description": "",
"code": "\n\n\n\n"
},
{
"title": "多行排布",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
},
{
"title": "两端排布",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "display",
"title": "展示方式",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内"
},
{
"value": "block",
"title": "块级"
}
],
"default": "block",
"description": "行内展示，或块级换行展示",
"advanced": true
},
{
"name": "type",
"title": "布局模式",
"type": "string",
"options": [
{
"value": "flex",
"title": "flex 布局模式"
}
],
"description": "布局模式",
"advanced": true
},
{
"name": "mode",
"title": "布局模式",
"type": "string",
"display": "capsules",
"bindHide": true,
"description": "",
"tooltipLink": "http://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/01.%E5%B8%83%E5%B1%80/020.%E7%BA%BF%E6%80%A7%E5%B8%83%E5%B1%80.html",
"options": [
{
"value": "inline",
"title": "行内",
"icon": "layout-inline-block",
"tooltip": "内联布局"
},
{
"value": "block",
"title": "块级",
"icon": "layout-block",
"tooltip": "块级布局"
},
{
"value": "flex",
"title": "弹性",
"icon": "layout-flex",
"tooltip": "弹性布局"
}
],
"default": "block",
"toggleclear": [
"justify",
"alignment",
"wrap",
"layout"
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "内联布局：将当前元素修改为内联布局模式，各个内联布局模式的元素将默认排布在同一行中，若空间不足以排布下一个内联布局元素，则该元素将会换行。\n块级布局：将当前元素修改为块级布局模式，各个块级布局模式的元素之前和之后均会换行。\n弹性布局：在弹性布局模式中，子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免溢出父元素。"
},
{
"name": "direction",
"title": "主轴方向",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "horizontal",
"title": "横向排列",
"icon": "flex-horizontal",
"tooltip": "横向"
},
{
"value": "vertical",
"title": "纵向排列",
"icon": "flex-vertical",
"tooltip": "纵向"
}
],
"default": "horizontal",
"toggleclear": [
"justify",
"alignment"
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "横向：内部子元素进行横向排布，建议内部子元素使用行内布局。\n纵向：内部子元素进行纵向排布，建议内部子元素使用块级布局。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)",
"dependency": [
{
"direction": "horizontal"
},
{
"mode": "flex"
}
]
},
{
"value": "space-around",
"title": "平均分布",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布",
"dependency": [
{
"mode": "flex"
}
]
}
],
"default": "start",
"dependency": [
{
"direction": "horizontal"
},
{
"mode": "inline",
"direction": "horizontal"
},
{
"mode": "inline",
"direction": "vertical"
},
{
"mode": "block",
"direction": "horizontal"
},
{
"mode": "block",
"direction": "vertical"
}
],
"toggleupdate": [
{
"value": "space-between",
"updateData": {
"gap": "normal"
}
},
{
"value": "space-around",
"updateData": {
"gap": "normal"
}
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布，其中平均分布仅在弹性布局模式下展示。\n主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度，其中占满容器宽度仅在弹性布局模式下展示。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐"
},
{
"value": "baseline",
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐"
},
{
"value": "stretch",
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度"
}
],
"default": "stretch",
"dependency": [
{
"mode": "flex",
"direction": "horizontal"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。\n主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "vertical-alignment-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "vertical-alignment-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "vertical-alignment-end",
"tooltip": "右对齐"
},
{
"value": "stretch",
"title": "拉伸子元素充满整个父元素空间",
"icon": "vertical-alignment-stretch",
"tooltip": "占满容器宽度"
}
],
"default": "stretch",
"dependency": [
{
"mode": "flex",
"direction": "vertical"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。\n主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "vertical-justify-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "vertical-justify-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "vertical-justify-end",
"tooltip": "底对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "vertical-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "vertical-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"mode": "flex",
"direction": "vertical"
}
],
"toggleupdate": [
{
"value": "space-between",
"updateData": {
"gap": "normal"
}
},
{
"value": "space-around",
"updateData": {
"gap": "normal"
}
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布，其中平均分布仅在弹性布局模式下展示。\n主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度，其中占满容器宽度仅在弹性布局模式下展示。",
"tooltipLink": ""
},
{
"name": "layout",
"title": "子元素展示方式",
"type": "string",
"options": [
{
"value": "none",
"title": "子元素默认布局"
},
{
"value": "inline",
"title": "子元素行内布局"
},
{
"value": "block",
"title": "子元素块级布局"
}
],
"default": "none",
"description": "子元素行内展示或块级换行展示",
"dependency": [
{
"mode": "inline"
},
{
"mode": "block"
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "布局内各个组件的布局方式，支持默认、行内和块级三种布局方式。",
"tooltipLink": ""
},
{
"name": "wrap",
"title": "换行",
"type": "boolean",
"default": true,
"description": "设置弹性布局下子元素总宽度超出父级时子元素是否换行展示",
"dependency": [
{
"mode": "flex"
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持控制弹性布局模式下，子元素总宽度超过父级时是否换行展示，默认开启。",
"tooltipLink": ""
},
{
"name": "loadingIcon",
"title": "加载中图标",
"type": "icon",
"default": "loading",
"description": "加载中状态显示的图标",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "支持从图标库选择图标或上传自定义图标。",
"tooltipLink": ""
},
{
"name": "loadingIconRotate",
"title": "加载中图标旋转",
"type": "boolean",
"default": true,
"description": "设置加载中图标是否旋转，默认开启。",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "支持控制加载中图标是否旋转，默认开启。",
"tooltipLink": ""
},
{
"name": "loadingText",
"title": "加载中文案",
"type": "string",
"default": "",
"description": "加载中状态显示的提示文案",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "支持编辑组件加载中情况显示文案。",
"tooltipLink": ""
},
{
"name": "gap",
"title": "内容间隙",
"type": "string",
"options": [
{
"value": "shrink",
"title": "收缩",
"advanced": true
},
{
"value": "none",
"title": "无"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "内容块间隙大小",
"dependency": [
{
"!justify": [
"space-between",
"space-around"
]
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "布局内各个组件之间的间隔，通常有收缩、无、小、正常、大，默认为正常。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "内容"
}
],
"methods": [
{
"name": "openLoading",
"title": "打开加载中",
"description": "打开加载中"
},
{
"name": "closeLoading",
"title": "关闭加载中",
"description": "关闭加载中"
}
],
"events": [
{
"name": "click",
"title": "点击",
"description": "在元素上按下并释放任意鼠标按钮时触发。"
},
{
"name": "dblclick",
"title": "双击",
"description": "在元素上双击鼠标按钮时触发。"
},
{
"name": "contextmenu",
"title": "右键点击",
"description": "在右键菜单显示前触发。"
},
{
"name": "mousedown",
"title": "鼠标按下",
"description": "在元素上按下任意鼠标按钮时触发。"
},
{
"name": "mouseup",
"title": "鼠标释放",
"description": "在元素上释放任意鼠标按钮时触发。"
},
{
"name": "mouseenter",
"title": "鼠标移入",
"description": "鼠标移入元素时触发。"
},
{
"name": "mouseleave",
"title": "鼠标移出",
"description": "鼠标移出元素时触发。"
},
{
"name": "scroll",
"title": "滚动时",
"description": "滚动时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "滚动事件对象",
"schema": {
"$ref": "#/systemTypes/ScrollEvent"
}
},
{
"name": "$event.scrollHeight",
"type": "any",
"description": "滚动内容高度"
},
{
"name": "$event.scrollWidth",
"type": "any",
"description": "滚动内容宽度"
},
{
"name": "$event.scrollTop",
"type": "any",
"description": "滚动内容距离顶部高度"
},
{
"name": "$event.scrollLeft",
"type": "any",
"description": "滚动内容距离左侧宽度"
},
{
"name": "$event.clientHeight",
"type": "any",
"description": "可视区域高度"
},
{
"name": "$event.clientWidth",
"type": "any",
"description": "可视区域宽度"
}
]
}
],
"children": []
}
},
{
"symbol": "u-absolute-layout",
"name": "自由布局",
"icon": "absolute-layout",
"depDescription": {},
"description": "拖拽内部元素到任意位置",
"labels": [
"Layout"
],
"screenShot": "",
"blocks": "[{\"title\":\"自由布局\",\"description\":\"\",\"code\":\"\\n\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-absolute-layout",
"title": "自由布局",
"description": "拖拽内部元素到任意位置",
"category": "Layout",
"screenShot": "",
"drawings": "",
"blocks": [
{
"title": "自由布局",
"description": "",
"code": "\n\n\n\n"
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "内容"
}
],
"events": [
{
"name": "click",
"title": "点击",
"description": "在元素上按下并释放任意鼠标按钮时触发。"
},
{
"name": "dblclick",
"title": "双击",
"description": "在元素上双击鼠标按钮时触发。"
},
{
"name": "contextmenu",
"title": "右键点击",
"description": "在右键菜单显示前触发。"
},
{
"name": "mousedown",
"title": "鼠标按下",
"description": "在元素上按下任意鼠标按钮时触发。"
},
{
"name": "mouseup",
"title": "鼠标释放",
"description": "在元素上释放任意鼠标按钮时触发。"
},
{
"name": "mouseenter",
"title": "鼠标移入",
"description": "鼠标移入元素时触发。"
},
{
"name": "mouseleave",
"title": "鼠标移出",
"description": "鼠标移出元素时触发。"
}
],
"next": true,
"nested": true,
"children": []
}
},
{
"symbol": "u-grid-layout",
"name": "栅格布局",
"icon": "grid-layout",
"depDescription": {},
"description": "内部元素按照一定的规则布局",
"labels": [
"Layout"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/screenshots/1.png",
"blocks": "[{\"title\":\"3列样式（8:8:8）\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"4列样式（2:4:8:10）\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"2列样式（8:16）\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-grid-layout",
"title": "栅格布局",
"description": "内部元素按照一定的规则布局",
"category": "Layout",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/screenshots/1.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-layout.vue/drawings/2.svg",
"blocks": [
{
"title": "3列样式（8:8:8）",
"description": "",
"code": "\n\n \n \n \n \n \n\n\n"
},
{
"title": "4列样式（2:4:8:10）",
"description": "",
"code": "\n\n \n \n \n \n \n \n\n\n"
},
{
"title": "2列样式（8:16）",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "gap",
"title": "行间隔",
"type": "string",
"options": [
{
"value": "compact",
"title": "紧凑（-1）"
},
{
"value": "none",
"title": "无（0）"
},
{
"value": "small",
"title": "小（8）"
},
{
"value": "normal",
"title": "正常（16）"
},
{
"value": "large",
"title": "大（32）"
}
],
"default": "normal",
"description": "栅格行之间的间隔",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "支持修改栅格行之间的间隔，支持紧凑（-1）、无（0）、小（8）、正常（16）、大（32）共6种间隔模式。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``或``子组件。",
"common-empty-background": true,
"support": [
{
"name": "u-grid-layout-row",
"title": "插入一行",
"snippet": ""
}
]
}
],
"events": [
{
"name": "scroll",
"title": "滚动时",
"description": "滚动时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "滚动事件对象",
"schema": {
"$ref": "#/systemTypes/ScrollEvent"
}
},
{
"name": "$event.scrollHeight",
"type": "any",
"description": "滚动内容高度"
},
{
"name": "$event.scrollWidth",
"type": "any",
"description": "滚动内容宽度"
},
{
"name": "$event.scrollTop",
"type": "any",
"description": "滚动内容距离顶部高度"
},
{
"name": "$event.scrollLeft",
"type": "any",
"description": "滚动内容距离左侧宽度"
},
{
"name": "$event.clientHeight",
"type": "any",
"description": "可视区域高度"
},
{
"name": "$event.clientWidth",
"type": "any",
"description": "可视区域宽度"
}
]
}
],
"children": [
{
"name": "u-grid-layout-row",
"title": "栅格行",
"description": "内部元素行布局",
"attrs": [
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "水平分布-左右留空",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐"
},
{
"value": "baseline",
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐"
},
{
"value": "stretch",
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度"
}
],
"default": "stretch",
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。",
"tooltipLink": ""
},
{
"name": "repeat",
"title": "栅格数",
"type": "number",
"display": "number",
"default": 12,
"description": "默认24，可设置栅格行大小",
"min": 1,
"max": 24,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持设置栅格行大小，默认为24。",
"tooltipLink": ""
},
{
"name": "gap",
"title": "列间隔",
"type": "string",
"options": [
{
"value": "none",
"title": "无（0）"
},
{
"value": "mini",
"title": "迷你（4）"
},
{
"value": "small",
"title": "小（8）"
},
{
"value": "normal",
"title": "正常（16）"
},
{
"value": "large",
"title": "大（24）"
},
{
"value": "huge",
"title": "巨大（32）"
}
],
"default": "normal",
"description": "栅格列之间的间隔",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "栅格列之间的间隔，支持无（0）、迷你（4）、小（8）、正常（16）、巨大（32）共6种间隔模式。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-grid-layout-column",
"title": "插入一列",
"snippet": ""
}
]
}
]
},
{
"name": "u-grid-layout-column",
"title": "栅格列",
"description": "内部元素行内列布局",
"attrs": [
{
"name": "media-huge",
"title": "响应很大屏",
"type": "number",
"description": "响应式布局`<=1440px`的列跨越栅格数",
"advanced": true
},
{
"name": "media-large",
"title": "响应大屏",
"type": "number",
"description": "响应式布局`<=1200px`的列跨越栅格数",
"advanced": true
},
{
"name": "media-medium",
"title": "响应中屏",
"type": "number",
"description": "响应式布局`<=960px`的列跨越栅格数",
"advanced": true
},
{
"name": "media-small",
"title": "响应小屏",
"type": "number",
"description": "响应式布局`<=768px`的列跨越栅格数",
"advanced": true
},
{
"name": "media-mini",
"title": "响应迷你屏",
"type": "number",
"description": "响应式布局`<=480px`的列跨越栅格数",
"advanced": true
},
{
"name": "mode",
"title": "布局模式",
"type": "string",
"display": "capsules",
"bindHide": true,
"description": "",
"tooltipLink": "http://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/01.%E5%B8%83%E5%B1%80/030.%E6%A0%85%E6%A0%BC%E5%B8%83%E5%B1%80.html",
"options": [
{
"value": "inline",
"title": "块级",
"icon": "layout-inline-block",
"tooltip": "内联布局"
},
{
"value": "flex",
"title": "弹性",
"icon": "layout-flex",
"tooltip": "弹性布局"
}
],
"default": "inline",
"toggleclear": [
"justify",
"alignment",
"wrap",
"gap"
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "内联布局：将当前元素修改为内联布局模式，各个内联布局模式的元素将默认排布在同一行中，若空间不足以排布下一个内联布局元素，则该元素将会换行。弹性布局：在弹性布局模式中，子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免溢出父元素。"
},
{
"name": "direction",
"title": "主轴方向",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "horizontal",
"title": "横向排列",
"icon": "flex-horizontal",
"tooltip": "横向"
},
{
"value": "vertical",
"title": "纵向排列",
"icon": "flex-vertical",
"tooltip": "纵向"
}
],
"default": "horizontal",
"toggleclear": [
"justify",
"alignment"
],
"dependency": [
{
"mode": "flex"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "横向：内部子元素进行横向排布，建议内部子元素使用行内布局。纵向：内部子元素进行纵向排布，建议内部子元素使用块级布局。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"mode": "flex",
"direction": "horizontal"
}
],
"toggleupdate": [
{
"value": "space-between",
"updateData": {
"gap": "normal"
}
},
{
"value": "space-around",
"updateData": {
"gap": "normal"
}
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐"
},
{
"value": "baseline",
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐"
},
{
"value": "stretch",
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度"
}
],
"default": "stretch",
"dependency": [
{
"mode": "flex",
"direction": "horizontal"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "vertical-alignment-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "vertical-alignment-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "vertical-alignment-end",
"tooltip": "右对齐"
},
{
"value": "stretch",
"title": "拉伸子元素充满整个父元素空间",
"icon": "vertical-alignment-stretch",
"tooltip": "占满容器宽度"
}
],
"default": "stretch",
"dependency": [
{
"mode": "flex",
"direction": "vertical"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "vertical-justify-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "vertical-justify-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "vertical-justify-end",
"tooltip": "底对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "vertical-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "vertical-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"mode": "flex",
"direction": "vertical"
}
],
"toggleupdate": [
{
"value": "space-between",
"updateData": {
"gap": "normal"
}
},
{
"value": "space-around",
"updateData": {
"gap": "normal"
}
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。 主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。",
"tooltipLink": ""
},
{
"name": "span",
"title": "占据栅格数",
"type": "number",
"display": "number",
"default": 1,
"description": "列占据栅格行的栅格数",
"step": 1,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持设置当前栅格列占据的栅格数，不能超过当前栅格行栅格数。",
"tooltipLink": ""
},
{
"name": "offset",
"title": "偏移栅格数",
"type": "number",
"display": "number",
"description": "列偏移的栅格数",
"default": 0,
"step": 1,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持设置栅格列偏移数，控制当前栅格列与其左侧栅格列的距离，处于当前栅格列右侧的栅格列也会同步偏移。",
"tooltipLink": ""
},
{
"name": "pull",
"title": "左移动栅格数",
"type": "number",
"display": "number",
"description": "列向左移动的栅格数",
"default": 0,
"step": 1,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "向左移动的栅格数，支持栅格互相重合。",
"tooltipLink": ""
},
{
"name": "push",
"title": "右移动栅格数",
"type": "number",
"display": "number",
"description": "列向右移动的栅格数",
"default": 0,
"step": 1,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "向右移动的栅格数，支持栅格互相重合。",
"tooltipLink": ""
},
{
"name": "wrap",
"title": "换行",
"type": "boolean",
"default": true,
"description": "设置弹性布局下子元素总宽度超出父级时子元素是否换行展示",
"dependency": [
{
"mode": "flex"
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持控制弹性布局模式下，子元素总宽度超过父级时是否换行展示，默认开启。",
"tooltipLink": ""
},
{
"name": "gap",
"title": "内容间隙",
"type": "string",
"options": [
{
"value": "shrink",
"title": "收缩",
"advanced": true
},
{
"value": "none",
"title": "无"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "内容块间隙大小",
"dependency": [
{
"mode": "flex",
"!justify": [
"space-between",
"space-around"
]
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "布局内各个组件之间的间隔，通常有收缩、无、小、正常、大，默认为正常。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入需要布局的元素。"
}
],
"events": [
{
"name": "responsive",
"title": "响应窗口变化时",
"description": "响应式布局引发栅格变化时触发",
"advanced": true,
"params": [
{
"name": "$event.span",
"type": "number",
"description": "列跨越的栅格数"
},
{
"name": "$event.oldSpan",
"type": "number",
"description": "旧的列跨越的栅格数"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
}
]
}
]
}
},
{
"symbol": "u-multi-layout",
"name": "分栏布局",
"icon": "multi-layout",
"depDescription": {},
"description": "一定的规则布局",
"labels": [
"Layout"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/5.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/6.png",
"blocks": "[{\"title\":\"两栏-左侧固定\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"三栏-常规\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"三栏-全部\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"通栏-纵向\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"通栏-横向\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"两栏-右侧固定\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"三栏-双左栏\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-multi-layout",
"title": "分栏布局",
"description": "一定的规则布局",
"category": "Layout",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/5.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-multi-layout.vue/screenshots/6.png",
"drawings": "",
"blocks": [
{
"title": "两栏-左侧固定",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "三栏-常规",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "三栏-全部",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "通栏-纵向",
"description": "",
"code": "\n\n \n \n \n \n \n \n\n\n"
},
{
"title": "通栏-横向",
"description": "",
"code": "\n\n \n \n \n \n \n \n\n\n"
},
{
"title": "两栏-右侧固定",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "三栏-双左栏",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "direction",
"title": "主轴方向",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "horizontal",
"title": "横向排列",
"icon": "flex-horizontal",
"tooltip": "横向"
},
{
"value": "vertical",
"title": "纵向排列",
"icon": "flex-vertical",
"tooltip": "纵向"
}
],
"default": "horizontal",
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "横向：内部子元素进行横向排布。纵向：内部子元素进行纵向排布。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"direction": "horizontal"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持左对齐、居中对齐、右对齐、占满容器宽度。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐"
},
{
"value": "baseline",
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐"
},
{
"value": "stretch",
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度"
}
],
"default": "stretch",
"dependency": [
{
"direction": "horizontal"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "vertical-alignment-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "vertical-alignment-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "vertical-alignment-end",
"tooltip": "右对齐"
},
{
"value": "stretch",
"title": "拉伸子元素充满整个父元素空间",
"icon": "vertical-alignment-stretch",
"tooltip": "占满容器宽度"
}
],
"default": "stretch",
"dependency": [
{
"direction": "vertical"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "vertical-justify-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "vertical-justify-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "vertical-justify-end",
"tooltip": "底对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "vertical-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "vertical-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"direction": "vertical"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持左对齐、居中对齐、右对齐、占满容器宽度。",
"tooltipLink": ""
},
{
"name": "gap",
"title": "内容间隙",
"type": "string",
"options": [
{
"value": "shrink",
"title": "收缩"
},
{
"value": "none",
"title": "无"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "none",
"description": "布局中各分栏间的空隙大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "分栏布局中各分栏间的空隙大小，缺省为无，支持收缩、无、小、正常、大共5个级别。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-multi-layout-item",
"title": "布局栏",
"snippet": ""
}
]
}
],
"events": [
{
"name": "scroll",
"title": "滚动时",
"description": "滚动时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "滚动事件对象",
"schema": {
"$ref": "#/systemTypes/ScrollEvent"
}
},
{
"name": "$event.scrollHeight",
"type": "any",
"description": "滚动内容高度"
},
{
"name": "$event.scrollWidth",
"type": "any",
"description": "滚动内容宽度"
},
{
"name": "$event.scrollTop",
"type": "any",
"description": "滚动内容距离顶部高度"
},
{
"name": "$event.scrollLeft",
"type": "any",
"description": "滚动内容距离左侧宽度"
},
{
"name": "$event.clientHeight",
"type": "any",
"description": "可视区域高度"
},
{
"name": "$event.clientWidth",
"type": "any",
"description": "可视区域宽度"
}
]
},
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有事件。",
"params": []
}
],
"children": [
{
"name": "u-multi-layout-item",
"title": "布局栏",
"description": "一定的规则布局",
"attrs": [
{
"name": "fixed",
"title": "固定展示",
"type": "boolean",
"default": false,
"advanced": true,
"description": "开启后滚动时该项固定显示"
},
{
"name": "fixdirec",
"title": "固定位置",
"type": "string",
"advanced": true,
"options": [
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
}
],
"default": "left",
"description": "固定在左侧还是右侧"
},
{
"name": "display",
"title": "展示方式",
"type": "string",
"options": [
{
"value": "block",
"title": "块级"
},
{
"value": "inline",
"title": "行内"
}
],
"default": "block",
"description": "行内展示，或块级换行展示",
"advanced": true
},
{
"name": "mode",
"title": "布局模式",
"type": "string",
"display": "capsules",
"bindHide": true,
"description": "",
"tooltipLink": "http://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/01.%E5%B8%83%E5%B1%80/040.%E5%88%86%E6%A0%8F%E5%B8%83%E5%B1%80.html",
"options": [
{
"value": "inline",
"title": "块级",
"icon": "layout-inline-block",
"tooltip": "内联布局"
},
{
"value": "flex",
"title": "弹性",
"icon": "layout-flex",
"tooltip": "弹性布局"
}
],
"default": "inline",
"toggleclear": [
"justify",
"alignment",
"wrap"
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "内联布局：将当前元素修改为内联布局模式，各个内联布局模式的元素将默认排布在同一行中，若空间不足以排布下一个内联布局元素，则该元素将会换行。- 弹性布局：在弹性布局模式中，子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免溢出父元素。"
},
{
"name": "direction",
"title": "主轴方向",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "horizontal",
"title": "横向排列",
"icon": "flex-horizontal",
"tooltip": "横向"
},
{
"value": "vertical",
"title": "纵向排列",
"icon": "flex-vertical",
"tooltip": "纵向"
}
],
"default": "horizontal",
"description": "可更改布局的排列方向",
"toggleclear": [
"justify",
"alignment"
],
"dependency": [
{
"mode": "flex"
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "横向：内部子元素进行横向排布，建议内部子元素使用行内布局。 纵向：内部子元素进行纵向排布，建议内部子元素使用块级布局。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"mode": "flex",
"direction": "horizontal"
}
],
"toggleupdate": [
{
"value": "space-between",
"updateData": {
"gap": "normal"
}
},
{
"value": "space-around",
"updateData": {
"gap": "normal"
}
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐"
},
{
"value": "baseline",
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐"
},
{
"value": "stretch",
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度"
}
],
"default": "stretch",
"dependency": [
{
"mode": "flex",
"direction": "horizontal"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。 主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "alignment",
"title": "纵轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "左对齐",
"icon": "vertical-alignment-start",
"tooltip": "左对齐"
},
{
"value": "center",
"title": "居中对齐",
"icon": "vertical-alignment-center",
"tooltip": "居中对齐"
},
{
"value": "end",
"title": "右对齐",
"icon": "vertical-alignment-end",
"tooltip": "右对齐"
},
{
"value": "stretch",
"title": "拉伸子元素充满整个父元素空间",
"icon": "vertical-alignment-stretch",
"tooltip": "占满容器宽度"
}
],
"default": "stretch",
"dependency": [
{
"mode": "flex",
"direction": "vertical"
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"tooltipLink": ""
},
{
"name": "justify",
"title": "横轴对齐",
"type": "string",
"display": "capsules",
"bindHide": true,
"options": [
{
"value": "start",
"title": "顶对齐",
"icon": "vertical-justify-start",
"tooltip": "顶对齐"
},
{
"value": "center",
"title": "垂直居中",
"icon": "vertical-justify-center",
"tooltip": "垂直居中"
},
{
"value": "end",
"title": "底对齐",
"icon": "vertical-justify-end",
"tooltip": "底对齐"
},
{
"value": "space-between",
"title": "平均分布(两端不留空)",
"icon": "vertical-justify-space-between",
"tooltip": "平均分布(两端不留空)"
},
{
"value": "space-around",
"title": "平均分布",
"icon": "vertical-justify-space-around",
"tooltip": "平均分布"
}
],
"default": "start",
"dependency": [
{
"mode": "flex",
"direction": "vertical"
}
],
"toggleupdate": [
{
"value": "space-between",
"updateData": {
"gap": "normal"
}
},
{
"value": "space-around",
"updateData": {
"gap": "normal"
}
}
],
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。",
"tooltipLink": ""
},
{
"name": "gap",
"title": "内容间隙",
"type": "string",
"options": [
{
"value": "shrink",
"title": "收缩"
},
{
"value": "none",
"title": "无"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "none",
"description": "内容块间隙大小",
"dependency": [
{
"mode": "flex",
"!justify": [
"space-between",
"space-around"
]
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "布局内各个组件之间的间隔，通常有收缩、无、小、正常、大，默认为无。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "内容"
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有事件。",
"params": []
}
]
}
]
}
},
{
"symbol": "u-crumb",
"name": "面包屑",
"icon": "crumb",
"depDescription": {},
"description": "导航指引",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/screenshots/1.png",
"blocks": "[{\"title\":\"手动面包屑\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n\\n\\n\"},{\"title\":\"自动面包屑\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"图标面包屑\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-crumb",
"title": "面包屑",
"description": "导航指引",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/screenshots/1.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-crumb.vue/drawings/2.svg",
"blocks": [
{
"title": "手动面包屑",
"description": "",
"code": "\n\n \n \n \n\n\n"
},
{
"title": "自动面包屑",
"description": "",
"code": "\n\n\n"
},
{
"title": "图标面包屑",
"description": "",
"code": "\n\n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "auto",
"title": "自动生成",
"type": "boolean",
"default": false,
"description": "是否自动根据子页面配置的面包屑属性自动生成",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持控制面包屑生成方式。",
"tooltipLink": ""
},
{
"name": "separator",
"title": "样式类型",
"type": "string",
"options": [
{
"value": "arrow",
"title": "基础样式"
},
{
"value": "slash",
"title": "分隔符样式"
}
],
"default": "arrow",
"description": "设置面包屑分隔样式类型，基础样式为箭头，分隔符样式为斜杠",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持控制面包屑样式，包含基础样式和分隔符样式。",
"tooltipLink": ""
},
{
"name": "icon",
"title": "显示面包屑图标",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持控制面包屑选项图标显隐，开启后显示面包屑选项图标。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-crumb-item",
"title": "面包屑选项",
"snippet": ""
}
]
}
],
"children": [
{
"name": "u-crumb-item",
"title": "面包屑选项",
"description": "面包屑选项",
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "文本内容",
"advanced": true
},
{
"name": "replace",
"title": "替换",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。",
"advanced": true
},
{
"name": "append",
"title": "追加路径",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`append`属性相同。如果为`true`，则在当前路径后追加`to`的路径。",
"advanced": true
},
{
"name": "icon",
"title": "图标",
"type": "icon",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持从图标库选择或上传自定义图标。",
"tooltipLink": ""
},
{
"name": "type",
"title": "类型",
"type": "string",
"options": [
{
"value": "link",
"title": "链接"
},
{
"value": "text",
"title": "显示为默认颜色文本，不可点"
}
],
"default": "link",
"description": "",
"hidden": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、下载链接。",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "设置链接路径。",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接打开后的展示方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "可选新窗口、当前窗口、父级窗口或顶级窗口，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。",
"tooltipLink": ""
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有``元素的事件。",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象"
}
],
"advanced": true
},
{
"name": "click",
"title": "点击",
"description": "点击链接时触发，与原生 click 事件不同的是，它只会在非禁用状态下触发。",
"params": [
{
"name": "$event",
"type": "MouseEvent",
"description": "鼠标事件对象",
"schema": {
"$ref": "#/systemTypes/MouseEvent"
}
},
{
"name": "senderVM",
"type": "UCrumb",
"description": "发送事件实例"
}
]
},
{
"name": "before-navigate",
"title": "导航前",
"advanced": true,
"description": "使用 router 相关属性切换路由前触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止切换流程"
},
{
"name": "senderVM",
"type": "UCrumb",
"description": "发送事件实例"
}
]
},
{
"name": "navigate",
"title": "导航",
"advanced": true,
"description": "使用router相关属性切换路由时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "senderVM",
"type": "UCrumb",
"description": "发送事件实例"
}
]
}
]
}
]
}
},
{
"symbol": "u-sidebar",
"name": "侧边栏",
"icon": "sidebar",
"depDescription": {},
"description": "通常用于页面左侧的导航栏。",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/3.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n\\n\\n\"},{\"title\":\"折叠功能\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"分组\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"手风琴模式\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-sidebar",
"title": "侧边栏",
"description": "通常用于页面左侧的导航栏。",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-sidebar.vue/screenshots/3.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n \n \n \n\n\n"
},
{
"title": "折叠功能",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "分组",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "手风琴模式",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "has-data-source",
"title": "数据源配置",
"type": "boolean",
"sync": false,
"model": false,
"bindHide": true,
"default": false,
"group": "数据属性",
"brifeDoc": "",
"tooltipLink": "",
"toggleclear": [
"data-source",
"data-schema",
"text-field",
"to-field",
"icon-field",
"value-field",
"parent-field",
"link-type-field",
"target-field"
]
},
{
"name": "data-source",
"title": "数据源",
"type": "Array- | Function | object | DataSource",
"description": "展示数据的输入源，可设置为集合类型变量（List）或输出参数为集合类型的逻辑。",
"designer-value": "[{}, {}, {}]",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "支持动态绑定集合类型变量（List\\）或输出参数为集合类型的逻辑",
"tooltipLink": "",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "该属性为只读状态，当数据源动态绑定集合List后，会自动识别T的类型并进行展示",
"tooltipLink": "",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "text-field",
"title": "文本字段",
"type": "string",
"default": "text",
"description": "集合的元素类型中，用于显示文本的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"default": "value",
"description": "集合的元素类型中，用于标识选中值的属性",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
],
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识选中值的属性，支持自定义变更",
"tooltipLink": ""
},
{
"name": "icon-field",
"title": "图标属性字段",
"type": "string",
"default": "icon",
"description": "集合的元素类型中，用于图标的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "to-field",
"title": "跳转链接字段",
"type": "string",
"default": "to",
"description": "集合的元素类型中，用于跳转链接的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "parent-field",
"title": "父级值字段",
"type": "string",
"default": "",
"description": "集合的元素类型中，用于标识父节点的属性",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
],
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识父级字段的属性，支持自定义变更",
"tooltipLink": ""
},
{
"name": "router",
"title": "使用路由",
"type": "boolean",
"default": true,
"description": "是否根据 vue-router 来控制选择哪一项",
"toggleclear": [
"value"
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "设置是否根据vue-router来控制选择哪一项，默认关闭。开启后当前所在的侧边栏项底部会有标识，",
"tooltipLink": ""
},
{
"name": "value",
"title": "选中值",
"type": "any",
"sync": true,
"model": true,
"description": "当前选中的值",
"dependency": [
{
"router": false
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前选择的值，值仅在不适用路由下支持编辑",
"tooltipLink": ""
},
{
"name": "collapsible",
"title": "菜单项可折叠",
"type": "boolean",
"default": false,
"description": "设置菜单项是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "设置分组是否可折叠。",
"tooltipLink": ""
},
{
"name": "accordion",
"title": "手风琴模式",
"type": "boolean",
"default": false,
"description": "设置是否每次只展开一个",
"group": "交互属性",
"brifeDoc": "",
"docDescription": " 开启后每次仅会展开一个分组。",
"tooltipLink": "",
"dependency": [
{
"collapsible": true
}
]
},
{
"name": "expand-trigger",
"title": "展开触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "整行点击均可触发"
},
{
"value": "click-expander",
"title": "仅点击小箭头时触发"
}
],
"default": "click",
"description": "展开/折叠操作的触发方式",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持整行点击均可触发和仅点击小箭头时触发两种方式",
"tooltipLink": "",
"dependency": [
{
"collapsible": true
}
]
},
{
"name": "enable-collapse",
"title": "侧边栏可折叠",
"type": "boolean",
"default": false,
"description": "设置侧边栏是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"tooltipLink": ""
},
{
"name": "collapseMode",
"title": "默认状态",
"type": "string",
"options": [
{
"value": "fold",
"title": "收起"
},
{
"value": "expand",
"title": "展开"
}
],
"default": "expand",
"group": "交互属性",
"tooltipLink": "",
"description": "侧边栏是否折叠",
"dependency": [
{
"enable-collapse": true
}
]
},
{
"name": "expand-icon",
"title": "展开图标",
"type": "icon",
"default": "expand",
"description": "侧边栏展开图标",
"group": "交互属性",
"dependency": [
{
"enable-collapse": true
}
]
},
{
"name": "fold-icon",
"title": "折叠图标",
"type": "icon",
"default": "fold",
"description": "侧边栏折叠图标",
"group": "交互属性",
"dependency": [
{
"enable-collapse": true
}
]
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``、``或``子组件。",
"support": [
{
"name": "u-sidebar-group",
"title": "侧边栏分组",
"snippet": ""
},
{
"name": "u-sidebar-item",
"title": "侧边栏项",
"snippet": ""
},
{
"name": "u-sidebar-divider",
"title": "分隔线",
"snippet": ""
}
]
}
],
"methods": [
{
"name": "toggleAll",
"description": "展开/折叠所有分组",
"params": [
{
"name": "expanded",
"type": "boolean",
"description": "展开/折叠",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
}
]
}
],
"events": [
{
"name": "select",
"title": "选择后",
"description": "选择某一项后触发。",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "USidebarItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "USidebarItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "USidebar",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-sidebar-item",
"title": "侧边栏项",
"description": "侧边栏项",
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "文本内容",
"advanced": true
},
{
"name": "item",
"title": "相关对象",
"type": "object",
"description": "相关对象。当选择此项时，抛出的事件会传递该对象，便于开发",
"advanced": true
},
{
"name": "to",
"title": "路由链接",
"type": "string, Location",
"description": "需要 vue-router，与``的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。",
"advanced": true
},
{
"name": "replace",
"title": "替换",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。",
"advanced": true
},
{
"name": "exact",
"title": "精确匹配",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`exact`属性相同。是否与路由完全一致时才高亮显示。",
"advanced": true
},
{
"name": "value",
"title": "值",
"type": "any",
"description": "用于标识此项的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "用于标识此项的值",
"tooltipLink": ""
},
{
"name": "icon",
"title": "图标",
"type": "icon",
"default": "",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持从图标库选择图标或上传自定义图标",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、普通链接、下载链接",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接的详细地址",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持新窗口、当前窗口、父级窗口、顶级窗口四种方式，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有``元素的事件。",
"params": []
},
{
"name": "navigate",
"title": "切换路由后",
"advanced": true,
"description": "使用 router 相关属性切换路由后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "senderVM",
"type": "UNavbarItemMulti",
"description": "发送事件实例"
}
]
}
]
},
{
"name": "u-sidebar-group",
"title": "侧边栏分组",
"description": "侧边栏分组",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "显示的标题",
"advanced": true
},
{
"name": "collapsible",
"title": "可折叠",
"type": "boolean",
"default": false,
"description": "设置是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "设置分组是否可折叠",
"tooltipLink": ""
},
{
"name": "expanded",
"title": "展开状态",
"type": "boolean",
"sync": true,
"default": false,
"description": "展开状态分为“True(展开)/False(折叠)”，默认为“展开”",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "设置分组的展开折叠状态。在某些场景下需要预置分组的展开或者折叠状态",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用展开/折叠",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止展开/折叠操作",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``或``子组件。",
"support": [
{
"name": "u-sidebar-group",
"title": "侧边栏分组",
"snippet": ""
},
{
"name": "u-sidebar-item",
"title": "侧边栏项",
"snippet": ""
},
{
"name": "u-sidebar-divider",
"title": "分隔线",
"snippet": ""
}
]
},
{
"name": "title",
"description": "自定义标题文本。"
},
{
"name": "extra",
"description": "在右侧可以附加内容。"
}
]
},
{
"name": "u-sidebar-divider",
"title": "侧边栏分隔线",
"description": "侧边栏分隔线"
}
]
}
},
{
"symbol": "u-navbar-multi",
"name": "导航栏",
"icon": "navbar-multi",
"depDescription": {},
"description": "通常用于页面顶部的导航菜单，放置 Logo、导航链接、用户信息等。",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-navbar-multi.vue/screenshots/0.png",
"blocks": "[{\"title\":\"导航栏\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n 导航项1\\n 导航项2\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n 安全退出\\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-navbar-multi",
"title": "导航栏",
"description": "通常用于页面顶部的导航菜单，放置 Logo、导航链接、用户信息等。",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-navbar-multi.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "导航栏",
"description": "",
"code": "\n\n \n \n \n \n \n \n 导航项1\n 导航项2\n \n \n \n \n \n \n \n \n \n \n \n \n 安全退出\n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "has-data-source",
"title": "数据源配置",
"type": "boolean",
"sync": false,
"model": false,
"bindHide": true,
"default": false,
"group": "数据属性",
"brifeDoc": "",
"tooltipLink": "",
"toggleclear": [
"data-source",
"data-schema",
"text-field",
"to-field",
"icon-field",
"value-field",
"parent-field",
"link-type-field",
"target-field"
]
},
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"description": "展示数据的输入源，可设置为集合类型变量（List）或输出参数为集合类型的逻辑。",
"designer-value": "[{}, {}, {}]",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "支持动态绑定集合类型变量（List\\）或输出参数为集合类型的逻辑",
"tooltipLink": "",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "该属性为只读状态，当数据源动态绑定集合List后，会自动识别T的类型并进行展示",
"tooltipLink": "",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "text-field",
"title": "文本字段",
"type": "string",
"default": "text",
"description": "集合的元素类型中，用于显示文本的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"default": "value",
"description": "集合的元素类型中，用于标识选中值的属性",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
],
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识选中值的属性，支持自定义变更",
"tooltipLink": ""
},
{
"name": "icon-field",
"title": "图标属性字段",
"type": "string",
"default": "icon",
"description": "集合的元素类型中，用于图标的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "to-field",
"title": "跳转链接字段",
"type": "string",
"default": "to",
"description": "集合的元素类型中，用于跳转链接的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "parent-field",
"title": "父级值字段",
"type": "string",
"default": "",
"description": "集合的元素类型中，用于标识父节点的属性",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
],
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识父级字段的属性，支持自定义变更",
"tooltipLink": ""
},
{
"name": "router",
"title": "使用路由",
"type": "boolean",
"default": true,
"description": "是否根据 vue-router 来控制选择项",
"group": "数据属性",
"toggleclear": [
"value"
],
"brifeDoc": "",
"docDescription": "设置是否根据vue-router来控制选择哪一项，默认开启。开启后当前所在的导航栏项底部会有标识",
"tooltipLink": ""
},
{
"name": "value",
"title": "选中值",
"type": "any",
"sync": true,
"model": true,
"description": "当前选中的值",
"dependency": [
{
"router": false
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前选择的值",
"tooltipLink": ""
},
{
"name": "field",
"title": "字段",
"type": "string",
"default": "text",
"description": "显示文本字段",
"hidden": true,
"group": "数据属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-navbar-group-multi",
"title": "导航栏分组",
"snippet": ""
},
{
"name": "u-navbar-item-multi",
"title": "导航栏项",
"snippet": ""
},
{
"name": "u-navbar-divider-multi",
"title": "分隔线",
"snippet": ""
}
]
}
],
"events": [
{
"name": "select",
"title": "选择后",
"description": "选择某一项后触发。",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "uNavbarItemMulti",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "uNavbarItemMulti",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UNavbarMulti",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-navbar-item-multi",
"title": "导航栏项",
"description": "导航栏的子项目",
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "文本内容",
"advanced": true
},
{
"name": "item",
"title": "相关对象",
"type": "object",
"description": "相关对象。当选择此项时，抛出的事件会传递该对象，便于开发",
"advanced": true
},
{
"name": "to",
"title": "路由链接",
"type": "string, Location",
"description": "需要 vue-router，与``的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。",
"advanced": true
},
{
"name": "replace",
"title": "替换地址",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。",
"advanced": true
},
{
"name": "exact",
"title": "精确匹配",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`exact`属性相同。是否与路由完全一致时才高亮显示。",
"advanced": true
},
{
"name": "value",
"title": "值",
"type": "any",
"description": "用于标识此项的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前选择的值",
"tooltipLink": ""
},
{
"name": "icon",
"title": "图标",
"type": "icon",
"default": "",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持从图标库选择图标或上传自定义图标",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、下载链接",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接地址配置",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持新窗口、当前窗口、父级窗口、顶级窗口四种方式，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有``元素的事件。",
"params": []
},
{
"name": "navigate",
"title": "切换路由后",
"advanced": true,
"description": "使用 router 相关属性切换路由后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "senderVM",
"type": "UNavbarItemMulti",
"description": "发送事件实例"
}
]
}
]
},
{
"name": "u-navbar-divider-multi",
"title": "导航栏分割线",
"description": "导航栏的分割线"
},
{
"name": "u-navbar-dropdown-multi",
"title": "导航栏下拉菜单",
"description": "导航栏下拉菜单",
"attrs": [
{
"name": "placement",
"title": "弹出方向",
"type": "string",
"options": [
{
"value": "top",
"title": "上"
},
{
"value": "bottom",
"title": "下"
},
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
},
{
"value": "top-start",
"title": "上左"
},
{
"value": "top-end",
"title": "上右"
},
{
"value": "bottom-start",
"title": "下左"
},
{
"value": "bottom-end",
"title": "下右"
},
{
"value": "left-start",
"title": "左上"
},
{
"value": "left-end",
"title": "左下"
},
{
"value": "right-start",
"title": "右上"
},
{
"value": "right-end",
"title": "右下"
}
],
"default": "bottom",
"description": "弹出层的弹出方向",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "trigger",
"title": "触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "点击"
},
{
"value": "hover",
"title": "悬浮"
},
{
"value": "right-click",
"title": "右击"
},
{
"value": "double-click",
"title": "双击"
},
{
"value": "manual",
"title": "手动"
}
],
"default": "hover",
"description": "",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
}
]
},
{
"name": "u-navbar-menu-multi",
"title": "导航菜单",
"description": "导航菜单"
},
{
"name": "u-navbar-menu-group-multi",
"title": "导航菜单分组",
"description": "导航菜单分组"
},
{
"name": "u-navbar-menu-item-multi",
"title": "导航菜单项",
"description": "导航菜单项"
},
{
"name": "u-navbar-menu-divider-multi",
"title": "导航菜单分割线",
"description": "导航菜单分割线"
},
{
"name": "u-navbar-select-multi",
"title": "导航选择",
"description": "导航选择"
},
{
"name": "u-navbar-select-group-multi",
"title": "导航选择分组",
"description": "导航选择分组"
},
{
"name": "u-navbar-select-item-multi",
"title": "导航选择项",
"description": "导航选择项"
},
{
"name": "u-navbar-select-divider-multi",
"title": "导航选择分割线",
"description": "导航选择分割线"
},
{
"name": "u-navbar-group-multi",
"title": "导航栏分组",
"description": "导航栏分组",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "显示的标题",
"advanced": true
},
{
"name": "collapsible",
"title": "可折叠",
"type": "boolean",
"default": false,
"description": "设置是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "设置分组是否可折叠",
"tooltipLink": ""
},
{
"name": "trigger",
"title": "触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "点击"
},
{
"value": "hover",
"title": "悬浮"
},
{
"value": "right-click",
"title": "右击"
},
{
"value": "double-click",
"title": "双击"
}
],
"default": "click",
"description": "",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "expanded",
"title": "展开状态",
"type": "boolean",
"sync": true,
"default": false,
"description": "展开状态分为“True(展开)/False(折叠)”，默认为“展开”",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "设置分组的展开折叠状态。在某些场景下需要预置分组的展开或者折叠状态",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用展开/折叠",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止展开/折叠操作",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-navbar-group-multi",
"title": "导航栏分组",
"snippet": ""
},
{
"name": "u-navbar-item-multi",
"title": "导航栏项",
"snippet": ""
}
]
}
]
}
]
}
},
{
"symbol": "u-navbar",
"name": "导航栏",
"icon": "navbar",
"depDescription": {},
"description": "通常用于页面顶部的导航菜单，放置 Logo、导航链接、用户信息等。",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-navbar.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-navbar.vue/screenshots/1.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"下面展示了导航条的一些基本特性，如配置链接、添加分隔线、禁用选项等。\\n\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"选择控制\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-navbar",
"title": "导航栏",
"description": "通常用于页面顶部的导航菜单，放置 Logo、导航链接、用户信息等。",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-navbar.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-navbar.vue/screenshots/1.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "下面展示了导航条的一些基本特性，如配置链接、添加分隔线、禁用选项等。\n",
"code": "\n\n \n \n \n \n\n\n"
},
{
"title": "选择控制",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "router",
"title": "使用路由",
"type": "boolean",
"default": true,
"description": "是否根据 vue-router 来控制选择项"
},
{
"name": "value",
"title": "值",
"type": "any",
"sync": true,
"model": true,
"description": "当前选择的值"
},
{
"name": "field",
"title": "字段",
"type": "string",
"default": "text",
"description": "显示文本字段",
"hidden": true
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "是否只读"
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "是否禁用"
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "链接区域",
"title": "链接区域",
"support": [
{
"name": "u-navbar-item",
"title": "导航项",
"snippet": "导航项"
},
{
"name": "u-navbar-divider",
"title": "分隔线",
"snippet": ""
}
]
},
{
"concept": "Slot",
"name": "left",
"title": "左部区域",
"description": "左部区域，一般放置 logo 等"
},
{
"concept": "Slot",
"name": "right",
"title": "右部区域",
"description": "右部区域，一般放置用户个人信息等"
}
],
"events": [
{
"name": "click",
"title": "点击",
"advanced": true,
"description": "点击此项时触发，与原生 click 事件不同的是，它只会在非只读和禁用的情况下触发。",
"params": [
{
"name": "$event",
"type": "MouseEvent",
"description": "鼠标事件对象",
"schema": {
"$ref": "#/systemTypes/MouseEvent"
}
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "before-select",
"advanced": true,
"title": "输入前",
"description": "选择某一项前触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "NavbarItem",
"description": "选择项子组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "input",
"advanced": true,
"title": "输入时",
"description": "选择某一项时触发",
"params": [
{
"name": "$event",
"type": "any",
"description": "选择项的值",
"schema": {
"$ref": "#/basicTypes/String"
}
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "select",
"title": "选择后",
"description": "选择某一项时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UNavbarItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UNavbarItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "选择值改变时触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UNavbarItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UNavbarItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UNavbar",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-navbar-item",
"title": "导航栏项",
"description": "导航栏的子项目",
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "文本内容"
},
{
"name": "value",
"title": "值",
"type": "any",
"description": "此项的值"
},
{
"name": "icon",
"title": "图标",
"type": "icon",
"default": "",
"description": "图标"
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "禁用此项"
},
{
"name": "item",
"title": "相关对象",
"type": "object",
"description": "相关对象。当选择此项时，抛出的事件会传递该对象，便于开发",
"advanced": true
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "链接类型",
"compType": "linkTypeSelect",
"bindHide": true
},
{
"name": "hrefAndTo",
"title": "链接",
"type": "string",
"description": "链接地址",
"compType": "linkHrefInput"
},
{
"name": "target",
"title": "打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转方式"
},
{
"name": "to",
"title": "路由链接",
"type": "string, Location",
"description": "需要 vue-router，与``的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。",
"advanced": true
},
{
"name": "replace",
"title": "替换地址",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。",
"advanced": true
},
{
"name": "exact",
"title": "精确匹配",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`exact`属性相同。是否与路由完全一致时才高亮显示。",
"advanced": true
}
],
"events": [
{
"name": "before-select",
"title": "选择前",
"description": "选择此项前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "此项的值"
},
{
"name": "$event.item",
"type": "object",
"description": "此项的相关对象"
},
{
"name": "$event.itemVM",
"type": "UNavbarItem",
"description": "此组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "before-navigate",
"title": "导航前",
"advanced": true,
"description": "使用 router 相关属性切换路由前触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.exact",
"type": "boolean",
"description": "`exact`属性的值"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止切换流程"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "navigate",
"title": "导航",
"advanced": true,
"description": "使用router相关属性切换路由时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.exact",
"type": "boolean",
"description": "`exact`属性的值"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
}
]
},
{
"name": "u-navbar-divider",
"title": "导航栏分割线",
"description": "导航栏的分割线"
},
{
"name": "u-navbar-dropdown",
"title": "导航栏下拉菜单",
"description": "导航栏下拉菜单",
"attrs": [
{
"name": "trigger",
"title": "触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "点击"
},
{
"value": "hover",
"title": "悬浮"
},
{
"value": "right-click",
"title": "右击"
},
{
"value": "double-click",
"title": "双击"
},
{
"value": "manual",
"title": "手动"
}
],
"default": "hover",
"description": "触发方式"
},
{
"name": "placement",
"title": "弹出位置",
"type": "string",
"options": [
{
"value": "top",
"title": "上"
},
{
"value": "bottom",
"title": "下"
},
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
},
{
"value": "top-start",
"title": "上左"
},
{
"value": "top-end",
"title": "上右"
},
{
"value": "bottom-start",
"title": "下左"
},
{
"value": "bottom-end",
"title": "下右"
},
{
"value": "left-start",
"title": "左上"
},
{
"value": "left-end",
"title": "左下"
},
{
"value": "right-start",
"title": "右上"
},
{
"value": "right-end",
"title": "右下"
}
],
"default": "bottom",
"description": "弹出方位"
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "是否禁用"
}
]
},
{
"name": "u-navbar-menu",
"title": "导航菜单",
"description": "导航菜单"
},
{
"name": "u-navbar-menu-group",
"title": "导航菜单分组",
"description": "导航菜单分组"
},
{
"name": "u-navbar-menu-item",
"title": "导航菜单项",
"description": "导航菜单项"
},
{
"name": "u-navbar-menu-divider",
"title": "导航菜单分割线",
"description": "导航菜单分割线"
},
{
"name": "u-navbar-select",
"title": "导航选择",
"description": "导航选择"
},
{
"name": "u-navbar-select-group",
"title": "导航选择分组",
"description": "导航选择分组"
},
{
"name": "u-navbar-select-item",
"title": "导航选择项",
"description": "导航选择项"
},
{
"name": "u-navbar-select-divider",
"title": "导航选择分割线",
"description": "导航选择分割线"
}
]
}
},
{
"symbol": "u-dropdown",
"name": "下拉菜单",
"icon": "dropdown-new",
"depDescription": {},
"description": "下拉菜单",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-dropdown.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基础按钮样式\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"主要按钮样式\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"更多按钮样式\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"列表含图标样式\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-dropdown",
"title": "下拉菜单",
"description": "下拉菜单",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-dropdown.vue/screenshots/0.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-dropdown.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-dropdown.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-dropdown.vue/drawings/2.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-dropdown.vue/drawings/3.svg",
"blocks": [
{
"title": "基础按钮样式",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
},
{
"title": "主要按钮样式",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
},
{
"title": "更多按钮样式",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
},
{
"title": "列表含图标样式",
"description": "",
"code": "\n\n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "has-data-source",
"title": "数据源配置",
"type": "boolean",
"sync": false,
"model": false,
"bindHide": true,
"default": false,
"group": "数据属性",
"brifeDoc": "",
"tooltipLink": "",
"toggleclear": [
"data-source",
"data-schema",
"text-field",
"to-field",
"icon-field",
"value-field",
"parent-field",
"link-type-field",
"target-field"
]
},
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"description": "展示数据的输入源，可设置为集合类型变量（List）或输出参数为集合类型的逻辑。",
"designer-value": "[{}, {}, {}]",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "支持动态绑定集合类型变量（List\\）或输出参数为集合类型的逻辑",
"tooltipLink": "",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "该属性为只读状态，当数据源动态绑定集合List后，会自动识别T的类型并进行展示",
"tooltipLink": "",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "text-field",
"title": "文本字段",
"type": "string",
"default": "text",
"description": "集合的元素类型中，用于显示文本的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"default": "value",
"description": "集合的元素类型中，用于标识选中值的属性",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
],
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识选中值的属性，支持自定义变更",
"tooltipLink": ""
},
{
"name": "icon-field",
"title": "图标属性字段",
"type": "string",
"default": "icon",
"description": "集合的元素类型中，用于图标的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "to-field",
"title": "跳转链接字段",
"type": "string",
"default": "to",
"description": "集合的元素类型中，用于跳转链接的属性名称",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
]
},
{
"name": "parent-field",
"title": "父级值字段",
"type": "string",
"default": "",
"description": "集合的元素类型中，用于标识父节点的属性",
"group": "数据属性",
"dependency": [
{
"has-data-source": true
}
],
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识父级字段的属性，支持自定义变更",
"tooltipLink": ""
},
{
"name": "trigger",
"title": "触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "点击"
},
{
"value": "hover",
"title": "悬浮"
},
{
"value": "right-click",
"title": "右击"
},
{
"value": "double-click",
"title": "双击"
},
{
"value": "manual",
"title": "手动"
}
],
"default": "click",
"description": "触发方式",
"group": "交互属性"
},
{
"name": "type",
"title": "样式类型",
"type": "string",
"options": [
{
"value": "text",
"title": "基础按钮样式"
},
{
"value": "primary",
"title": "主要按钮样式"
},
{
"value": "primary_secondary",
"title": "次要按钮样式"
},
{
"value": "normal",
"title": "普通按钮样式"
},
{
"value": "more",
"title": "更多按钮样式"
}
],
"default": "text",
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "支持基础按钮样式、主要按钮样式、次要按钮样式、普通按钮样式共4种样式",
"tooltipLink": ""
},
{
"name": "placement",
"title": "弹出方向",
"type": "string",
"options": [
{
"value": "top",
"title": "上"
},
{
"value": "bottom",
"title": "下"
},
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
},
{
"value": "top-start",
"title": "上左"
},
{
"value": "top-end",
"title": "上右"
},
{
"value": "bottom-start",
"title": "下左"
},
{
"value": "bottom-end",
"title": "下右"
},
{
"value": "left-start",
"title": "左上"
},
{
"value": "left-end",
"title": "左下"
},
{
"value": "right-start",
"title": "右上"
},
{
"value": "right-end",
"title": "右下"
}
],
"default": "bottom",
"description": "弹出层的弹出方向",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置下拉菜单的弹出位置，支持上、下、左、右、上左、上右、下左、下右、左上、左下、右上、右下共12个方向",
"tooltipLink": ""
},
{
"name": "append-to",
"title": "弹出层位置依据",
"type": "string",
"default": "reference",
"description": "设置弹出层依据哪个元素定位位置，可选值：`'body'`表示添加到 document.body，`'reference'`表示添加到参考元素中。",
"options": [
{
"value": "reference",
"title": "引用元素下"
},
{
"value": "body",
"title": "全局body"
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置弹出层在html里的位置，支持引用元素下、全局body设置。当把下拉菜单放入某个组件，而组件overflow是hidden的时候，需要设置为全局body",
"tooltipLink": ""
},
{
"name": "router",
"title": "使用路由",
"type": "boolean",
"default": true,
"description": "是否使用 vue-router",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "设置使用vue-router。",
"tooltipLink": ""
},
{
"name": "value",
"title": "选中值",
"type": "any",
"sync": true,
"model": true,
"description": "当前选中的值",
"dependency": [
{
"router": false
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前选择的值，值仅在不适用路由下支持编辑",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
},
{
"name": "opened",
"title": "显示状态",
"type": "boolean",
"default": false,
"description": "",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "开启时进入页面即展示下拉菜单，默认关闭",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-dropdown-group",
"title": "下拉菜单分组",
"snippet": ""
},
{
"name": "u-dropdown-item",
"title": "菜单项",
"snippet": ""
}
]
}
],
"children": [
{
"name": "u-dropdown-item",
"title": "下拉菜单项",
"description": "下拉菜单项",
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "显示文本内容",
"advanced": true
},
{
"name": "to",
"title": "路由链接",
"type": "string, Location",
"description": "需要 vue-router，与``的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。",
"advanced": true
},
{
"name": "icon",
"title": "图标",
"type": "icon",
"default": "",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "菜单项前增加自定义图标显示",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、下载链接",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接地址配置",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持新窗口、当前窗口、父级窗口、顶级窗口四种方式，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"events": [
{
"name": "click",
"title": "点击",
"description": "点击此项时触发，与原生 click 事件不同的是，它只会在非只读和禁用的情况下触发。",
"params": []
}
]
},
{
"name": "u-dropdown-group",
"title": "下拉菜单分组",
"description": "侧边栏分组",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "显示的标题",
"advanced": true
},
{
"name": "collapsible",
"title": "可折叠",
"type": "boolean",
"default": true,
"description": "设置是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "设置分组是否可折叠",
"tooltipLink": ""
},
{
"name": "trigger",
"title": "触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "点击"
},
{
"value": "hover",
"title": "悬浮"
},
{
"value": "right-click",
"title": "右击"
},
{
"value": "double-click",
"title": "双击"
},
{
"value": "none",
"title": "与父级同步",
"disabled": true
}
],
"default": "none",
"description": "触发方式",
"group": "交互属性"
},
{
"name": "expanded",
"title": "展开状态",
"type": "boolean",
"sync": true,
"default": false,
"description": "展开状态分为“True(展开)/False(折叠)”，默认为“展开”",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "设置分组的展开折叠状态。在某些场景下需要预置分组的展开或者折叠状态",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用展开/折叠",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止展开/折叠操作",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-dropdown-group",
"title": "下拉菜单分组",
"snippet": ""
},
{
"name": "u-dropdown-item",
"title": "菜单项",
"snippet": ""
}
]
}
]
}
]
}
},
{
"symbol": "u-toc",
"name": "目录",
"icon": "toc",
"depDescription": {},
"description": "用于展示文档的目录",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-toc.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-toc.vue/screenshots/1.png",
"blocks": "[{\"title\":\"\",\"description\":\"\",\"code\":\"\\n\\n \\n 目录节点1\\n 目录节点1.1\\n \\n 目录节点2\\n 目录节点3\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-toc",
"title": "目录",
"description": "用于展示文档的目录",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-toc.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-toc.vue/screenshots/1.png",
"drawings": "",
"blocks": [
{
"title": "",
"description": "",
"code": "\n\n \n 目录节点1\n 目录节点1.1\n \n 目录节点2\n 目录节点3\n\n\n"
}
],
"attrs": [
{
"name": "value",
"title": "选中值",
"type": "any",
"sync": true,
"model": true,
"description": "当前选中的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前选择的值",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-toc-item",
"title": "子节点",
"snippet": "目录节点"
}
]
}
],
"events": [
{
"name": "before-select",
"title": "选择前",
"description": "选择某一项前触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UTocItem",
"description": "选择项子组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "UToc",
"description": "发送事件实例"
}
]
},
{
"name": "select",
"title": "选择后",
"description": "选择某一项时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UTocItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UTocItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UToc",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-toc-item",
"title": "目录节点",
"attrs": [
{
"name": "label",
"title": "文本",
"type": "string",
"hidden": true,
"description": "集合的元素类型中，用于显示文本的属性名称",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "value",
"title": "值",
"type": "any",
"description": "集合的元素类型中，用于标识选中值的属性",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "集合的元素类型中，用于标识选中值的属性",
"tooltipLink": ""
},
{
"name": "item",
"title": "相关对象",
"type": "object",
"description": "相关对象。当选择此项时，抛出的事件会传递该对象，便于开发",
"hidden": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、普通链接、下载链接",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接的详细地址",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent",
"advanced": true
},
{
"title": "顶级窗口",
"value": "_top",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-toc-item",
"title": "子节点",
"snippet": "目录节点"
}
]
}
],
"events": [
{
"name": "click",
"title": "点击",
"description": "点击此项时触发，与原生 click 事件不同的是，它只会在非只读和禁用的情况下触发。",
"params": [
{
"name": "$event",
"type": "MouseEvent",
"description": "鼠标事件对象",
"schema": {
"$ref": "#/systemTypes/MouseEvent"
}
},
{
"name": "senderVM",
"type": "UTocItem",
"description": "发送事件实例"
}
]
}
]
}
]
}
},
{
"symbol": "u-anchor",
"name": "锚点",
"icon": "anchor",
"depDescription": {},
"description": "锚点",
"labels": [
"Navigation"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-anchor.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-anchor",
"title": "锚点",
"description": "锚点",
"category": "Navigation",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-anchor.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n\n"
}
],
"attrs": [
{
"name": "label",
"title": "标识",
"type": "string",
"description": "锚点的唯一标识，用于跳转链接，如“/page#linkname”",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "锚点的唯一标识，用于跳转链接，标识为空时，默认将组件名作为标识",
"tooltipLink": ""
}
],
"children": []
}
},
{
"symbol": "u-router-view",
"name": "子页面容器",
"icon": "router-view",
"depDescription": {},
"description": "用于嵌入子页面的容器。",
"labels": [
"Container"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-router-view.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-router-view",
"title": "子页面容器",
"description": "用于嵌入子页面的容器。",
"category": "Container",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-router-view.vue/screenshots/0.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-router-view.vue/drawings/0.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "disableKeepAlive",
"title": "进入已打开页面时刷新",
"type": "boolean",
"default": true,
"description": "重新进入已打开页面时，会刷新页面"
}
],
"children": []
}
},
{
"symbol": "u-iframe",
"name": "Iframe",
"icon": "iframe",
"depDescription": {},
"description": "用于嵌入其他网页的容器。",
"labels": [
"Container"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-iframe.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-iframe",
"title": "Iframe",
"description": "用于嵌入其他网页的容器。",
"category": "Container",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-iframe.vue/screenshots/0.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-iframe.vue/drawings/0.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "src",
"title": "网页地址",
"type": "string",
"description": "需要嵌入的网页地址",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "需要嵌入的网页地址",
"tooltipLink": ""
}
],
"slots": false,
"events": [
{
"name": "load",
"title": "加载完成",
"description": "网页加载完成时触发。",
"params": []
}
],
"children": []
}
},
{
"symbol": "u-panel",
"name": "面板",
"icon": "panel",
"depDescription": {},
"description": "用于快速布局",
"labels": [
"Container"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-panel.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-panel.vue/screenshots/1.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n任务总览任务内容\\n\\n\"},{\"title\":\"面板分组\",\"description\":\"\",\"code\":\"\\n\\n 任务总览\\n 概览内容\\n 事务内容\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-panel",
"title": "面板",
"description": "用于快速布局",
"category": "Container",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-panel.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-panel.vue/screenshots/1.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-panel.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-panel.vue/drawings/1.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n任务总览任务内容\n\n"
},
{
"title": "面板分组",
"description": "",
"code": "\n\n 任务总览\n 概览内容\n 事务内容\n\n\n"
}
],
"attrs": [
{
"name": "content",
"title": "内容",
"type": "string",
"default": "",
"description": "面板内容",
"advanced": true
},
{
"name": "title",
"title": "标题",
"type": "string",
"description": "面板项的标题",
"advanced": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "面板组的标题",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/03.%E5%AE%B9%E5%99%A8/030.%E9%9D%A2%E6%9D%BF.html"
},
{
"name": "bordered",
"title": "显示边框",
"type": "boolean",
"default": true,
"description": "设置是否显示边框",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "支持配置面板边框的显示和隐藏，默认显示",
"tooltipLink": ""
},
{
"name": "shadow",
"title": "阴影",
"type": "string",
"options": [
{
"value": "always",
"title": "一直显示"
},
{
"value": "hover",
"title": "hover时显示"
},
{
"value": "never",
"title": "不显示"
}
],
"default": "always",
"description": "阴影显示方式",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "支持配置面板阴影状态，默认为一直显示。- 一直显示：常态显示面板阴影。\n- hover时显示：鼠标悬停在面板区域时显示面板阴影。\n- 不显示：不显示面板阴影",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-panel-group",
"advanced": true,
"title": "面板组",
"snippet": "面板项"
}
]
}
],
"children": [
{
"name": "u-panel-group",
"title": "面板组",
"description": "面板组",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "面板项的标题",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "面板组的标题",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入默认的元素"
}
]
}
]
}
},
{
"symbol": "u-collapse",
"name": "折叠面板",
"icon": "collapse",
"depDescription": {},
"description": "可以折叠/展开的内容区域。",
"labels": [
"Container"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/4.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n Content1\\n Content2\\n Content3\\n\\n\\n\"},{\"title\":\"额外插槽\",\"description\":\"对于一些操作项，可以使用 `extra` 插槽添加在详情列表组的右上角。\\n\",\"code\":\"\\n\\n 设置Content1\\n Content2\\n Content3\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-collapse",
"title": "折叠面板",
"description": "可以折叠/展开的内容区域。",
"category": "Container",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/screenshots/4.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-collapse.vue/drawings/1.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n Content1\n Content2\n Content3\n\n\n"
},
{
"title": "额外插槽",
"description": "对于一些操作项，可以使用 `extra` 插槽添加在详情列表组的右上角。\n",
"code": "\n\n 设置Content1\n Content2\n Content3\n\n\n"
}
],
"attrs": [
{
"name": "appear",
"title": "显示效果",
"type": "string",
"options": [
{
"value": "default",
"title": "默认模式"
},
{
"value": "simple",
"title": "简洁模式"
}
],
"default": "default",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持默认模式和简洁模式，默认模式面板有边框，简洁模式面板无左右边框",
"tooltipLink": ""
},
{
"name": "fill",
"title": "填充位置",
"type": "string",
"options": [
{
"value": "head",
"title": "头部填充"
},
{
"value": "content",
"title": "内容填充"
},
{
"value": "none",
"title": "无填充"
}
],
"default": "head",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "可选背景色填充位置，支持头部填充、内容填充和无填充",
"tooltipLink": ""
},
{
"name": "accordion",
"title": "手风琴模式",
"type": "boolean",
"default": false,
"description": "设置是否每次只展开一个",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "控制手风琴模式的开关，默认关闭。\n- 开启：展开一个面板项时，其他面板项全部折叠。\n- 关闭：可同时展开多个面板项。",
"tooltipLink": ""
},
{
"name": "expand-trigger",
"title": "展开触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "整行点击均可触发"
},
{
"value": "click-expander",
"title": "仅点击小箭头时触发"
}
],
"default": "click",
"description": "展开/折叠操作的触发方式",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "可选择点击整行均可触发或仅点击小箭头时触发",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用展开/折叠",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止展开/折叠操作",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "开启后当前面板所有项均无法展开或折叠，默认关闭",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"support": [
{
"name": "u-collapse-item",
"title": "多选项",
"snippet": "内容"
}
]
}
],
"events": [
{
"name": "expand",
"description": "展开此面板时触发",
"title": "展开时",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
},
{
"name": "$event.itemVM",
"type": "UCollapseItem",
"description": "面板组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止展开/折叠流程"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "collapse",
"description": "折叠某面板时触发",
"title": "折叠时",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
},
{
"name": "$event.itemVM",
"type": "UCollapseItem",
"description": "面板组件"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-collapse-item",
"title": "折叠面板项",
"description": "折叠面板项",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "显示的标题",
"advanced": true
},
{
"name": "expanded",
"title": "展开状态",
"type": "boolean",
"sync": true,
"default": false,
"description": "展开状态分为“True(展开)/False(折叠)”，默认为“展开”",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "控制折叠面板项的默认状态，若开启当前面板项默认展开，若关闭当前面板项默认关闭",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用展开/折叠",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止展开/折叠操作",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入文本或 HTML。"
},
{
"concept": "Slot",
"name": "title",
"description": "自定义标题文本。"
},
{
"concept": "Slot",
"name": "extra",
"description": "在右侧可以附加内容。"
}
],
"events": [
{
"name": "expand",
"description": "展开此面板时触发",
"title": "展开时",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
},
{
"name": "$event.itemVM",
"type": "UCollapseItem",
"description": "面板组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止展开/折叠流程"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "collapse",
"description": "折叠某面板时触发",
"title": "折叠时",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
},
{
"name": "$event.itemVM",
"type": "UCollapseItem",
"description": "面板组件"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
}
]
}
]
}
},
{
"symbol": "u-card",
"name": "卡片",
"icon": "card",
"depDescription": {},
"description": "用于快速布局",
"labels": [
"Container"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-card.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-card.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-card.vue/screenshots/2.png",
"blocks": "[{\"title\":\"基本样式\",\"description\":\"\",\"code\":\"\\n卡片内容\\n\\n\"},{\"title\":\"带分割线样式\",\"description\":\"\",\"code\":\"\\n卡片内容\\n\\n\"},{\"title\":\"带图片样式\",\"description\":\"\",\"code\":\"\\n\\n \\n卡片内容\\n\\n\"}]",
"jsonSchema": {
"name": "u-card",
"title": "卡片",
"description": "用于快速布局",
"category": "Container",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-card.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-card.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-card.vue/screenshots/2.png",
"drawings": "",
"blocks": [
{
"title": "基本样式",
"description": "",
"code": "\n卡片内容\n\n"
},
{
"title": "带分割线样式",
"description": "",
"code": "\n卡片内容\n\n"
},
{
"title": "带图片样式",
"description": "",
"code": "\n\n \n卡片内容\n\n"
}
],
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "",
"advanced": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/03.%E5%AE%B9%E5%99%A8/050.%E5%8D%A1%E7%89%87.html"
},
{
"name": "width",
"title": "宽度",
"type": "string",
"description": "设置卡片宽度，可设置为像素或百分比",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "卡片宽度，支持设置像素或是百分比",
"tooltipLink": ""
},
{
"name": "shadow",
"title": "阴影",
"type": "string",
"description": "卡片阴影显示时机",
"default": "always",
"options": [
{
"value": "always",
"title": "一直显示"
},
{
"value": "hover",
"title": "hover时显示"
},
{
"value": "never",
"title": "不显示"
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "支持配置卡片阴影状态，默认为一直显示。\n- 一直显示：常态显示卡片阴影。\n- hover时显示：鼠标悬停在卡片区域时显示卡片阴影。\n- 不显示：不显示卡片阴影",
"tooltipLink": ""
},
{
"name": "border",
"title": "显示边框",
"type": "boolean",
"default": true,
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "控制卡片边框的显隐，默认开启",
"tooltipLink": ""
},
{
"name": "split",
"title": "分割线",
"type": "boolean",
"default": false,
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "控制卡片标题和内容间分割线的显隐，默认关闭",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入默认的元素"
},
{
"concept": "Slot",
"name": "cover",
"description": "插入图片"
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有事件。",
"params": []
}
],
"children": [
{
"name": "u-card-group",
"title": "卡片组",
"description": "卡片组",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入默认的元素"
},
{
"concept": "Slot",
"name": "cover",
"description": "插入图片"
}
]
}
]
}
},
{
"symbol": "u-text",
"name": "文本",
"icon": "text",
"depDescription": {},
"description": "用于展示文字或表达式",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/5.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/6.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/7.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/8.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/9.png",
"blocks": "[{\"title\":\"普通文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"小号文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"大号文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"主要文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"辅助文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"成功文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"警告文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"错误文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"禁用文本\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"文本过长省略\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-text",
"title": "文本",
"description": "用于展示文字或表达式",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/5.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/6.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/7.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/8.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/screenshots/9.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/2.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/3.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/4.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/5.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/6.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/7.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/8.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-text.vue/drawings/9.svg",
"blocks": [
{
"title": "普通文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "小号文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "大号文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "主要文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "辅助文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "成功文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "警告文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "错误文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "禁用文本",
"description": "",
"code": "\n\n\n"
},
{
"title": "文本过长省略",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "显示文本内容",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示的文本内容",
"tooltipLink": ""
},
{
"name": "color",
"title": "主题颜色",
"type": "string",
"options": [
{
"value": "default",
"title": "默认"
},
{
"value": "primary",
"title": "主要色"
},
{
"value": "secondary",
"title": "辅助色"
},
{
"value": "success",
"title": "成功色"
},
{
"value": "warning",
"title": "警告色"
},
{
"value": "error",
"title": "错误色"
},
{
"value": "disabled",
"title": "禁用色"
}
],
"default": "default",
"description": "设置主题颜色样式",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持定义文本的颜色，支持默认、主要色、辅助色、成功色、警告色、错误色、禁用色",
"tooltipLink": ""
},
{
"name": "display",
"title": "展示方式",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内"
},
{
"value": "block",
"title": "块级"
}
],
"default": "inline",
"description": "行内展示，或块级换行展示",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "文本展示方式，支持行内展示或块级换行展示",
"tooltipLink": ""
},
{
"name": "overflow",
"title": "隐藏过长文本",
"type": "string",
"options": [
{
"value": "normal",
"title": "默认不处理"
},
{
"value": "ellipsis",
"title": "多余的文本省略"
},
{
"value": "break",
"title": "强制换行且英文自动添加换行符"
},
{
"value": "nowrap",
"title": "始终不换行"
}
],
"default": "normal",
"description": "文本过长时省略显示",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "文本过长的处理方式，支持默认不处理、多余的文本省略、强制换行且英文自动添加换行符、始终不换行共四种隐藏处理方式，缺省情况为默认不处理",
"tooltipLink": ""
},
{
"name": "size",
"title": "尺寸",
"type": "string",
"options": [
{
"value": "default",
"title": "默认"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
},
{
"value": "huge",
"title": "巨大"
}
],
"default": "default",
"description": "设置文本大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "文本框尺寸，支持小、正常、大、巨大",
"tooltipLink": ""
}
],
"events": [
{
"name": "click",
"title": "点击",
"description": "在元素上按下并释放任意鼠标按钮时触发。"
},
{
"name": "dblclick",
"title": "双击",
"description": "在元素上双击鼠标按钮时触发。"
},
{
"name": "contextmenu",
"title": "右键点击",
"description": "在右键菜单显示前触发。"
},
{
"name": "mousedown",
"title": "鼠标按下",
"description": "在元素上按下任意鼠标按钮时触发。"
},
{
"name": "mouseup",
"title": "鼠标释放",
"description": "在元素上释放任意鼠标按钮时触发。"
},
{
"name": "mouseenter",
"title": "鼠标移入",
"description": "鼠标移入元素时触发。"
},
{
"name": "mouseleave",
"title": "鼠标移出",
"description": "鼠标移出元素时触发。"
}
],
"children": []
}
},
{
"symbol": "u-link",
"name": "链接",
"icon": "link",
"depDescription": {},
"description": "文字超链接",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/4.png",
"blocks": "[{\"title\":\"普通链接\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"成功链接\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"警告链接\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"危险链接\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"禁用链接\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-link",
"title": "链接",
"description": "文字超链接",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/screenshots/4.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/drawings/2.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/drawings/3.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-link.vue/drawings/4.svg",
"blocks": [
{
"title": "普通链接",
"description": "",
"code": "\n\n\n"
},
{
"title": "成功链接",
"description": "",
"code": "\n\n\n"
},
{
"title": "警告链接",
"description": "",
"code": "\n\n\n"
},
{
"title": "危险链接",
"description": "",
"code": "\n\n\n"
},
{
"title": "禁用链接",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "to",
"title": "路由链接",
"type": "string, Location",
"description": "需要 vue-router，与``的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。",
"advanced": true
},
{
"name": "replace",
"title": "替换",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。",
"advanced": true
},
{
"name": "append",
"title": "追加路径",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`append`属性相同。如果为`true`，则在当前路径后追加`to`的路径。",
"advanced": true
},
{
"name": "decoration",
"title": "下划线",
"type": "boolean",
"default": true,
"description": "是否显示下划线",
"advanced": true
},
{
"name": "text",
"title": "文本",
"type": "string",
"description": "显示文本内容",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示的文本内容",
"tooltipLink": ""
},
{
"name": "color",
"title": "主题颜色",
"type": "string",
"options": [
{
"value": "default",
"title": "默认"
},
{
"value": "light",
"title": "浅色"
},
{
"value": "success",
"title": "成功色"
},
{
"value": "warning",
"title": "警告色"
},
{
"value": "danger",
"title": "危险色"
}
],
"default": "default",
"description": "设置主题颜色样式",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置文本的颜色，支持默认、浅色、成功色、警告色、危险色",
"tooltipLink": ""
},
{
"name": "display",
"title": "展示方式",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内展示"
},
{
"value": "block",
"title": "块级展示，宽度会充满父元素"
}
],
"default": "inline",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "行内展示、块级展示（占据整行）",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、普通链接、下载链接",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接的详细地址",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口",
"tooltipLink": ""
},
{
"name": "hoverType",
"title": "鼠标悬停效果",
"type": "string",
"options": [
{
"value": "underline",
"title": "下划线"
},
{
"value": "color",
"title": "颜色变化"
}
],
"default": "underline",
"description": "鼠标悬停时的样式变化方式",
"toggleclear": [
"decoration"
],
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持鼠标悬停时样式变化，支持颜色变化和下划线两种方式",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有``元素的事件。",
"params": []
},
{
"name": "before-navigate",
"title": "切换路由前",
"description": "使用 router 相关属性切换路由前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止切换流程"
},
{
"name": "senderVM",
"type": "ULink",
"description": "发送事件实例"
}
]
},
{
"name": "navigate",
"title": "切换路由后",
"description": "使用 router 相关属性切换路由后触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "senderVM",
"type": "ULink",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-button",
"name": "按钮",
"icon": "button",
"depDescription": {},
"description": "用于触发一个即时操作。",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/3.png",
"blocks": "[{\"title\":\"主要按钮\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"次要按钮\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"普通按钮\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"图标按钮\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-button",
"title": "按钮",
"description": "用于触发一个即时操作。",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/screenshots/3.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/drawings/2.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-button.vue/drawings/3.svg",
"blocks": [
{
"title": "主要按钮",
"description": "",
"code": "\n\n\n"
},
{
"title": "次要按钮",
"description": "",
"code": "\n\n\n"
},
{
"title": "普通按钮",
"description": "",
"code": "\n\n\n"
},
{
"title": "图标按钮",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "to",
"title": "路由链接",
"type": "string, Location",
"description": "需要 vue-router，与``的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。",
"advanced": true
},
{
"name": "replace",
"title": "替换",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。",
"advanced": true
},
{
"name": "append",
"title": "追加路径",
"type": "boolean",
"default": false,
"description": "需要 vue-router，与``的`append`属性相同。如果为`true`，则在当前路径后追加`to`的路径。",
"advanced": true
},
{
"name": "text",
"title": "文本",
"type": "string",
"description": "显示文本内容",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示的文本内容",
"tooltipLink": ""
},
{
"name": "color",
"title": "样式类型",
"type": "string",
"options": [
{
"value": "primary",
"title": "主要按钮"
},
{
"value": "primary_secondary",
"title": "次要按钮"
},
{
"value": "default",
"title": "普通按钮"
},
{
"value": "danger",
"title": "危险操作按钮"
},
{
"value": "danger_secondary",
"title": "次要危险操作按钮"
}
],
"default": "default",
"description": "设置主题颜色和按钮样式类型",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "- 支持定义按钮样式，包括主要按钮、次要按钮、普通按钮、危险操作按钮和次要危险操作按钮。",
"tooltipLink": ""
},
{
"name": "display",
"title": "展示方式",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内展示"
},
{
"value": "block",
"title": "块级展示，宽度会充满父元素"
}
],
"default": "inline",
"description": "行内展示，或块级换行展示",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "控制展示方式，支持行内展示、块级展示（宽度会充满父元素）两种方式。",
"tooltipLink": ""
},
{
"name": "icon",
"title": "图标",
"type": "icon",
"default": "",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持从图标库选择图标或上传自定义图标。",
"tooltipLink": ""
},
{
"name": "icon-position",
"title": "图标位置",
"type": "string",
"options": [
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
}
],
"default": "left",
"description": "设置图标居左或居右显示"
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、普通链接、下载链接。",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接的详细地址。",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。",
"tooltipLink": ""
},
{
"name": "loading",
"title": "加载中触发条件",
"type": "boolean",
"default": false,
"description": "设置加载中状态的触发条件",
"advanced": true,
"group": "状态属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "dashed",
"title": "显示虚线边框",
"type": "boolean",
"default": false,
"description": "设置是否显示虚线边框",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "启用后，按钮边框变为虚线，默认关闭。",
"tooltipLink": ""
},
{
"name": "size",
"title": "尺寸",
"type": "string",
"options": [
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "medium",
"title": "中型"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "small",
"title": "小"
},
{
"value": "mini",
"title": "迷你"
}
],
"default": "normal",
"description": "设置按钮大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "按钮尺寸，支持设置巨大、大、中型、正常、小、迷你。",
"tooltipLink": ""
},
{
"name": "shape",
"title": "形状",
"type": "string",
"options": [
{
"value": "default",
"title": "默认"
},
{
"value": "square",
"title": "方形"
},
{
"value": "round",
"title": "圆角"
},
{
"value": "circle",
"title": "圆形"
}
],
"default": "default",
"description": "设置按钮形状",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "支持定义按钮形状，包括默认、方形、圆角、圆形四种。",
"tooltipLink": ""
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有``元素的事件。",
"params": []
},
{
"name": "before-navigate",
"title": "切换路由前",
"advanced": true,
"description": "使用 router 相关属性切换路由前触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止切换流程"
},
{
"name": "senderVM",
"type": "UButton",
"description": "发送事件实例"
}
]
},
{
"name": "navigate",
"title": "切换路由后",
"advanced": true,
"description": "使用 router 相关属性切换路由后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/NavigateEvent"
}
},
{
"name": "$event.to",
"type": "string, Location",
"description": "`to`属性的值"
},
{
"name": "$event.replace",
"type": "boolean",
"description": "`replace`属性的值"
},
{
"name": "$event.append",
"type": "boolean",
"description": "`append`属性的值"
},
{
"name": "senderVM",
"type": "UButton",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "i-ico",
"name": "图标",
"icon": "icon",
"depDescription": {},
"description": "图标",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/i-ico.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/i-ico.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/i-ico.vue/screenshots/2.png",
"blocks": "[{\"title\":\"组合图标-上下\",\"description\":\"\",\"code\":\"\\n\\n 图标\\n\\n\\n\"},{\"title\":\"组合图标-左右\",\"description\":\"\",\"code\":\"\\n\\n 图标\\n\\n\\n\"},{\"title\":\"仅图标\",\"description\":\"\",\"code\":\"\\n\\n 图标\\n\\n\"}]",
"jsonSchema": {
"name": "i-ico",
"title": "图标",
"description": "图标",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/i-ico.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/i-ico.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/i-ico.vue/screenshots/2.png",
"drawings": "",
"blocks": [
{
"title": "组合图标-上下",
"description": "",
"code": "\n\n 图标\n\n\n"
},
{
"title": "组合图标-左右",
"description": "",
"code": "\n\n 图标\n\n\n"
},
{
"title": "仅图标",
"description": "",
"code": "\n\n 图标\n\n"
}
],
"attrs": [
{
"name": "name",
"title": "图标",
"type": "icon",
"default": "",
"description": "",
"clearable": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持从图标库选择图标或上传自定义图标。",
"tooltipLink": ""
},
{
"name": "icotype",
"title": "图标布局",
"type": "string",
"options": [
{
"value": "only",
"title": "仅图标"
},
{
"value": "top",
"title": "组合图标-上下"
},
{
"value": "left",
"title": "组合图标-左右"
}
],
"default": "top",
"description": "图标和文本的布局方式",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持选择图标的展示方式，包括仅图标、组合图标-上下、组合图标-左右三种方式。",
"tooltipLink": ""
},
{
"name": "linkType",
"title": "链接类型",
"type": "string",
"options": [
{
"value": "destination",
"title": "页面跳转"
},
{
"value": "download",
"title": "下载链接"
}
],
"default": "destination",
"description": "",
"compType": "linkTypeSelect",
"bindHide": true,
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持页面跳转、普通链接、下载链接。",
"tooltipLink": ""
},
{
"name": "hrefAndTo",
"title": "链接地址",
"type": "string",
"description": "",
"compType": "linkHrefInput",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "链接的详细地址。",
"tooltipLink": ""
},
{
"name": "target",
"title": "链接打开方式",
"type": "string",
"options": [
{
"value": "_blank",
"title": "新窗口"
},
{
"value": "_self",
"title": "当前窗口"
},
{
"value": "_parent",
"title": "父级窗口",
"advanced": true
},
{
"value": "_top",
"title": "顶级窗口",
"advanced": true
}
],
"default": "_self",
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。",
"tooltipLink": ""
}
],
"slots": false,
"events": [
{
"name": "click",
"title": "点击后",
"description": "点击此项时触发",
"params": []
},
{
"name": "dblclick",
"title": "双击",
"description": "双击此项时触发",
"params": []
},
{
"name": "rightclick",
"title": "右键点击",
"description": "右键点击此项时触发",
"params": []
},
{
"name": "over",
"title": "鼠标移入",
"description": "鼠标移入此项时触发",
"params": []
},
{
"name": "out",
"title": "鼠标移出",
"description": "鼠标移出此项时触发",
"params": []
},
{
"name": "down",
"title": "鼠标按下",
"description": "鼠标按下此项时触发",
"params": []
}
],
"children": []
}
},
{
"symbol": "u-gallery",
"name": "画廊",
"icon": "gallery",
"depDescription": {},
"description": "画廊",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-gallery.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-gallery",
"title": "画廊",
"description": "画廊",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-gallery.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n \n\n\n"
}
],
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object",
"default": "[{\"url\": \"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_1.png\"},{\"url\": \"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_2.png\"},{\"url\": \"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_3.png\"},{\"url\": \"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_4.png\"},{\"url\": \"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_5.png\"}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "组件所展示数据的输入源，可以是逻辑、变量。格式可参见示例",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "集合类型每一元素的数据类型",
"group": "数据属性",
"compType": "dataTypeSelect"
},
{
"name": "pattern",
"title": "画廊模式",
"type": "string",
"options": [
{
"value": "small",
"title": "缩略图模式"
},
{
"value": "big",
"title": "大图模式"
}
],
"default": "big",
"description": "图片的显示模式，支持大图模式和缩略图模式。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "图片的显示模式，支持大图模式和缩略图模式",
"tooltipLink": ""
},
{
"name": "num",
"title": "显示图片数",
"type": "number",
"default": 5,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "同时展示的图片数量",
"tooltipLink": ""
},
{
"name": "arrow",
"title": "显示左右箭头",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "图片支持通过鼠标按住拖动或点击左右箭头的方式调整位置，关闭该选项后不显示左右箭头",
"tooltipLink": ""
}
],
"slots": false,
"methods": [
{
"name": "reload",
"description": "重新加载数据",
"params": []
}
],
"events": [
{
"name": "before-load",
"title": "加载前",
"description": "加载前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/EventTarget"
}
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止加载流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "load",
"title": "加载后",
"description": "加载后触发",
"params": [
{
"name": "$event",
"type": "null",
"description": "无"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-label",
"name": "标签",
"icon": "label",
"depDescription": {},
"description": "用于展示状态、标签、分类等",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/5.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/6.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/7.png",
"blocks": "[{\"title\":\"主要标签\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-label",
"title": "标签",
"description": "用于展示状态、标签、分类等",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/5.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/6.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/screenshots/7.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/2.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/3.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/4.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/5.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/6.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-label.vue/drawings/7.svg",
"blocks": [
{
"title": "主要标签",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "text",
"title": "文本",
"type": "string",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "标签显示的文本内容",
"tooltipLink": ""
},
{
"name": "type",
"title": "样式类型",
"type": "string",
"options": [
{
"value": "filled",
"title": "主要标签"
},
{
"value": "line",
"title": "普通标签"
}
],
"default": "filled",
"description": "设置标签样式，主要标签有背景，次要标签没有背景",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持选择标签样式，包括主要标签和普通标签",
"tooltipLink": ""
},
{
"name": "color",
"title": "主题颜色",
"type": "string",
"options": [
{
"value": "default",
"title": "默认"
},
{
"value": "primary",
"title": "主题色"
},
{
"value": "success",
"title": "成功色"
},
{
"value": "warning",
"title": "警告色"
},
{
"value": "error",
"title": "错误色"
}
],
"default": "default",
"description": "设置主题颜色样式",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持定义标签颜色，包括默认、主题色、成功色、警告色和错误色",
"tooltipLink": ""
},
{
"name": "display",
"title": "展示方式",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内"
},
{
"value": "block",
"title": "块级"
}
],
"default": "inline",
"description": "行内展示，或块级换行展示",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "文本展示方式，支持行内展示或块级换行展示",
"tooltipLink": ""
},
{
"name": "removable",
"title": "可关闭",
"type": "boolean",
"default": false,
"description": "设置标签是否可点击删除图标进行关闭",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "支持控制删除图标的显隐，开启时显示删除图标",
"tooltipLink": ""
},
{
"name": "size",
"title": "尺寸",
"type": "string",
"options": [
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
},
{
"value": "huge",
"title": "巨大"
}
],
"default": "normal",
"description": "设置标签大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "标签尺寸，支持小、正常、大、巨大",
"tooltipLink": ""
}
],
"events": [
{
"name": "$listeners",
"kind": "trigger",
"description": "监听所有``元素的事件。",
"params": [
{
"name": "$event",
"type": "trigger",
"description": "自定义事件对象"
}
]
},
{
"name": "before-remove",
"description": "删除前触发",
"title": "删除前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/EventTarget"
}
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止删除流程"
},
{
"name": "senderVM",
"type": "ULabel",
"description": "发送事件实例"
}
]
},
{
"name": "remove",
"description": "删除时触发",
"title": "删除时触发",
"params": [
{
"name": "$event",
"type": "null",
"description": "无参数"
},
{
"name": "senderVM",
"type": "ULabel",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-badge",
"name": "徽章",
"icon": "badge",
"depDescription": {},
"description": "用于显示消息条数和提醒用户处理的角标。",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-badge.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-badge.vue/screenshots/1.png",
"blocks": "[{\"title\":\"数字徽章\",\"description\":\"\",\"code\":\"\\n消息\\n\\n\"},{\"title\":\"小圆点\",\"description\":\"\",\"code\":\"\\n消息\\n\\n\"}]",
"jsonSchema": {
"name": "u-badge",
"title": "徽章",
"description": "用于显示消息条数和提醒用户处理的角标。",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-badge.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-badge.vue/screenshots/1.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-badge.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-badge.vue/drawings/1.svg",
"blocks": [
{
"title": "数字徽章",
"description": "",
"code": "\n消息\n\n"
},
{
"title": "小圆点",
"description": "",
"code": "\n消息\n\n"
}
],
"attrs": [
{
"name": "dot",
"title": "显示小圆点",
"type": "boolean",
"default": false,
"description": "是否显示为小圆点",
"advanced": true
},
{
"name": "value",
"title": "值",
"type": "number | string",
"description": "用于标识的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前提醒消息的条数。",
"tooltipLink": ""
},
{
"name": "max",
"title": "最大值",
"type": "number",
"description": "最大值，超过最大值会显示为“最大值+”的形式，当最大值是数字类型时生效",
"default": 99,
"group": "数据属性",
"brifeDoc": "",
"docDescription": "提醒消息的最大值，超过最大值将不再显示准确的数字，用最大值+代替，如99+。",
"tooltipLink": ""
},
{
"name": "corner",
"title": "角标在右上角",
"type": "boolean",
"default": false,
"description": "开启时提醒角标位置显示在右上角，关闭时提醒角标显示在组件右侧。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启时提醒角标位置显示在右上角，关闭时提醒角标显示在组件右侧。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入需要附加徽章的元素。"
}
],
"children": []
}
},
{
"symbol": "u-carousel",
"name": "幻灯片",
"icon": "carousel",
"depDescription": {},
"description": "动态播放内部内容",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-carousel.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-carousel",
"title": "幻灯片",
"description": "动态播放内部内容",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-carousel.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n \n\n\n"
}
],
"attrs": [
{
"name": "loop",
"title": "循环播放",
"type": "boolean",
"default": true,
"description": "是否循环播放",
"advanced": true
},
{
"name": "direction",
"title": "播放方向",
"type": "string",
"default": "right",
"description": "幻灯片播放方向",
"advanced": true
},
{
"name": "animation",
"title": "过度动画",
"type": "string",
"description": "幻灯片过渡动画",
"advanced": true
},
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function",
"description": "展示数据的输入源，可设置为集合类型变量（List）或输出参数为集合类型的逻辑。",
"designer-value": "[{}]",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "IDE 根据配置的数据源动态计算返回内容的数据结构，用于动态配置项 current.item 的类型说明。",
"tooltipLink": ""
},
{
"name": "value",
"title": "值",
"type": "any",
"sync": true,
"description": "播放位置",
"advanced": true,
"group": "数据属性"
},
{
"name": "autoplay",
"title": "轮播",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否循环播放所有图片",
"tooltipLink": ""
},
{
"name": "interval",
"title": "切换间隔时间",
"type": "number",
"default": 4000,
"description": "单位：毫秒，幻灯片切换时间，如果设置值小于动画时长，会在动画完成后切换",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "单位：毫秒，幻灯片切换时间，如果设置值小于动画时长，会在动画完成后切换",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"empty-background": "add-sub-large",
"support": [
{
"name": "u-carousel-item",
"title": "幻灯片子项",
"snippet": ""
}
]
},
{
"concept": "Slot",
"name": "item",
"description": "自定义选项的结构和样式",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"methods": [
{
"name": "reload",
"description": "清除缓存，重新加载",
"params": []
}
],
"events": [
{
"name": "before-select",
"title": "选择前",
"description": "选择某一页前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选中项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.itemVM",
"type": "UCarouselItem",
"description": "选中项实例"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "UCarousel",
"description": "发送事件实例"
}
]
},
{
"name": "select",
"title": "选择后",
"description": "选择某一页时触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选中项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.itemVM",
"type": "UCarouselItem",
"description": "选中项实例"
},
{
"name": "senderVM",
"type": "UCarousel",
"description": "发送事件实例"
}
]
},
{
"name": "before-load",
"title": "加载前",
"description": "加载前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/EventTarget"
}
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止加载流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "load",
"title": "加载后",
"description": "加载后触发",
"params": [
{
"name": "$event",
"type": "null",
"description": "无"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-carousel-item",
"title": "幻灯片选项",
"description": "幻灯片选项",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "该项的标题",
"advanced": true
},
{
"name": "value",
"title": "值",
"type": "any",
"description": "该项的值",
"advanced": true
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入文本或 HTML。",
"empty-background": "image"
},
{
"concept": "Slot",
"name": "title",
"description": "自定义标题文本。",
"advanced": true
}
]
}
]
}
},
{
"symbol": "u-info-list",
"name": "详情列表",
"icon": "info-list",
"depDescription": {},
"description": "详情列表",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/screenshots/2.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\"},{\"title\":\"额外插槽\",\"description\":\"对于一些操作项，可以使用`extra`插槽添加在详情列表组的右上角。\\n\",\"code\":\"\\n\\n \\n \\n \\n 设置\\n \\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-info-list",
"title": "详情列表",
"description": "详情列表",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/screenshots/2.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-info-list.vue/drawings/1.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n"
},
{
"title": "额外插槽",
"description": "对于一些操作项，可以使用`extra`插槽添加在详情列表组的右上角。\n",
"code": "\n\n \n \n \n 设置\n \n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "repeat",
"title": "列数",
"type": "number",
"default": 3,
"description": "整个详情列表的划分列数",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "- 设置列表信息展示的划分列数",
"tooltipLink": ""
},
{
"name": "show-head",
"title": "显示表格头部",
"type": "boolean",
"default": true,
"description": "是否显示表格头部",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启时会显示表格头部",
"tooltipLink": ""
},
{
"name": "label-size",
"title": "列表项标题宽度",
"type": "string",
"options": [
{
"value": "auto",
"title": "自适应"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "auto",
"description": "设置详情列表所有列表项的标题宽度。",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "列表中所有列表项的标签大小",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "插入``或``子组件。",
"common-empty-background": true,
"support": [
{
"name": "u-info-list-group",
"title": "详情列表组",
"snippet": ""
},
{
"name": "u-info-list-item",
"title": "详情列表项",
"snippet": ""
}
]
}
],
"children": [
{
"name": "u-info-list-item",
"title": "详情列表项",
"description": "详情列表项",
"attrs": [
{
"name": "label",
"title": "标签名",
"type": "string",
"description": "",
"advanced": true
},
{
"name": "span",
"title": "占据数",
"type": "number",
"description": "列跨越的格数",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "当前列表项占的列数，为空默认取列表组的列数值，优先取列表项的值",
"tooltipLink": ""
},
{
"name": "ellipsis",
"title": "文本过长省略",
"type": "boolean",
"default": false,
"description": "文字过长是否省略显示。默认文字超出时会换行。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启时该项文本过长会省略显示，默认不开启为换行显示",
"tooltipLink": ""
},
{
"name": "label-size",
"title": "列表项标题宽度",
"type": "string",
"options": [
{
"value": "auto",
"title": "自适应"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "auto",
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "当前列表项的标签大小，优先取列表项的值",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "插入文本或HTML。"
},
{
"concept": "Slot",
"name": "label",
"title": "自定义标签内容",
"description": "用于自定义 label 内容。"
}
]
},
{
"name": "u-info-list-group",
"title": "详情列表组",
"description": "详情列表组",
"attrs": [
{
"name": "title",
"title": "标签",
"type": "string",
"description": "",
"advanced": true
},
{
"name": "repeat",
"title": "列数",
"type": "number",
"description": "当前组范围内的划分列数",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "当前组信息展示划分的列数，为空默认取详情列表的值，若和列表列数不一致，优先取列表组的值。",
"tooltipLink": ""
},
{
"name": "label-size",
"title": "列表项标题宽度",
"type": "string",
"options": [
{
"value": "auto",
"title": "自适应"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "auto",
"description": "设置详情列表组所有列表项的标题宽度。",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "当前组列表项的标签大小，若和列表列数不一致，优先取列表组的值。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "插入``子组件",
"support": [
{
"name": "u-info-list-item",
"title": "详情列表项",
"snippet": ""
}
]
},
{
"concept": "Slot",
"name": "title",
"title": "自定义标题",
"description": "自定义标题。"
},
{
"concept": "Slot",
"name": "extra",
"title": "自定义额外操作项",
"description": "自定义额外操作项。"
}
]
}
]
}
},
{
"symbol": "u-image",
"name": "图片展示",
"icon": "image",
"depDescription": {},
"description": "可以用来展示一张图片，支持设置图片地址。",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/4.png",
"blocks": "[{\"title\":\"适应\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"适应（图片小于父元素时以原尺寸展示）\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"原尺寸\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"拉伸\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"填充\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-image",
"title": "图片展示",
"description": "可以用来展示一张图片，支持设置图片地址。",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-image.vue/screenshots/4.png",
"drawings": "",
"blocks": [
{
"title": "适应",
"description": "",
"code": "\n\n\n"
},
{
"title": "适应（图片小于父元素时以原尺寸展示）",
"description": "",
"code": "\n\n\n"
},
{
"title": "原尺寸",
"description": "",
"code": "\n\n\n"
},
{
"title": "拉伸",
"description": "",
"code": "\n\n\n"
},
{
"title": "填充",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "convertSrcFn",
"title": "图片地址转换器",
"type": "Function",
"default": "(src) => { try { const tempSrc = JSON.parse(src); const tempItem = tempSrc[0]; return tempItem.url; } catch (e) { return src;}}",
"description": "将传入的src转换为符合要求的字符串",
"advanced": true
},
{
"name": "src",
"title": "地址",
"type": "image",
"default": "",
"description": "",
"compType": "linkInput",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "图片链接，可以是来自网络的链接，也可以上传本地图片。",
"tooltipLink": ""
},
{
"name": "fit",
"title": "填充方式",
"type": "string",
"options": [
{
"value": "contain",
"title": "适应"
},
{
"value": "scale-down",
"title": "适应（图片小于父元素时以原尺寸展示）"
},
{
"value": "none",
"title": "原尺寸"
},
{
"value": "fill",
"title": "拉伸"
},
{
"value": "cover",
"title": "填充"
}
],
"default": "contain",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置图片的显示方式，适应、适应（图片小于父元素时以原尺寸展示、原尺寸、拉伸、填充）",
"tooltipLink": ""
},
{
"name": "circle",
"title": "圆形遮罩",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否使用圆形进行图片展示。",
"tooltipLink": ""
},
{
"name": "horizontalCenter",
"title": "水平对齐方式",
"type": "string",
"options": [
{
"value": "left",
"name": "左对齐"
},
{
"value": "center",
"name": "居中对齐"
},
{
"value": "right",
"name": "右对齐"
}
],
"default": "center",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "左对齐、右对齐、居中对齐",
"tooltipLink": ""
},
{
"name": "verticalCenter",
"title": "垂直对齐方式",
"type": "string",
"options": [
{
"value": "top",
"name": "顶部对齐"
},
{
"value": "center",
"name": "居中对齐"
},
{
"value": "bottom",
"name": "底部对齐"
}
],
"default": "center",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "顶部对齐、居中对齐、底部对齐",
"tooltipLink": ""
},
{
"name": "preview",
"title": "点击放大",
"type": "boolean",
"default": false,
"description": "是否支持点击放大全屏展示",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "是否支持点击放大全屏展示",
"tooltipLink": ""
},
{
"name": "loading-type",
"title": "加载样式",
"type": "string",
"default": "loading",
"options": [
{
"value": "loading",
"title": "Loading"
},
{
"value": "none",
"title": "不显示加载状态"
},
{
"value": "placeholder",
"title": "自定义默认图"
}
]
},
{
"name": "placeholder-src",
"title": "默认图地址",
"type": "string",
"default": "https://static-vusion.nos-eastchina1.126.net/h5-template/lietu.png",
"required": true,
"dependency": [
{
"loading-type": "placeholder"
}
]
}
],
"slots": false,
"events": [
{
"name": "load",
"title": "加载完成",
"description": "网页加载完成时触发",
"params": []
},
{
"name": "click",
"title": "点击",
"description": "在元素上按下并释放任意鼠标按钮时触发。"
},
{
"name": "dblclick",
"title": "双击",
"description": "在元素上双击鼠标按钮时触发。"
},
{
"name": "contextmenu",
"title": "右键点击",
"description": "在右键菜单显示前触发。"
},
{
"name": "mousedown",
"title": "鼠标按下",
"description": "在元素上按下任意鼠标按钮时触发。"
},
{
"name": "mouseup",
"title": "鼠标释放",
"description": "在元素上释放任意鼠标按钮时触发。"
},
{
"name": "mouseenter",
"title": "鼠标移入",
"description": "鼠标移入元素时触发。"
},
{
"name": "mouseleave",
"title": "鼠标移出",
"description": "鼠标移出元素时触发。"
}
],
"children": []
}
},
{
"symbol": "u-alert",
"name": "公告",
"icon": "alert",
"depDescription": {},
"description": "公告。",
"labels": [
"Display"
],
"screenShot": "",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-alert",
"title": "公告",
"description": "公告。",
"category": "Display",
"screenShot": "",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-alert.vue/drawings/0.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"default": "",
"description": "公告标题",
"advanced": true
},
{
"name": "desc",
"title": "辅助文本",
"type": "string",
"default": "",
"description": "公告辅助文本",
"advanced": true
},
{
"name": "horizontal",
"title": "对其方式",
"type": "string",
"default": "left",
"options": [
{
"value": "left",
"title": "左对齐"
},
{
"value": "center",
"title": "居中对齐"
}
],
"description": "选择对齐方式",
"advanced": true
},
{
"name": "type",
"title": "公告类型",
"type": "string",
"options": [
{
"value": "info",
"title": "信息"
},
{
"value": "success",
"title": "成功"
},
{
"value": "warning",
"title": "警告"
},
{
"value": "error",
"title": "错误"
}
],
"default": "info",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "信息、成功、警告、错误",
"tooltipLink": ""
},
{
"name": "showIcon",
"title": "显示图标",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否展开图标",
"tooltipLink": ""
},
{
"name": "closeable",
"title": "手动关闭",
"type": "boolean",
"default": false,
"description": "是否可手动关闭公告",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "是否显示关闭按钮",
"tooltipLink": ""
},
{
"name": "bordered",
"title": "显示边框",
"type": "boolean",
"default": true,
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "是否显示边框",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "辅助文本"
},
{
"concept": "Slot",
"name": "title",
"description": "标题"
}
],
"events": [
{
"name": "close",
"title": "关闭时",
"description": "关闭时触发",
"params": [
{
"name": "senderVM",
"type": "UAlter",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-count-down",
"name": "计时器",
"icon": "countdown",
"depDescription": {},
"description": "用于计时",
"labels": [
"Display"
],
"screenShot": "",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-count-down",
"title": "计时器",
"description": "用于计时",
"category": "Display",
"screenShot": "",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "timer",
"title": "定时时长（秒）",
"type": "number",
"default": 60,
"description": "设置定时时间",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "计时器的总时长，单位为秒。支持手动输入或是动态绑定。",
"tooltipLink": ""
},
{
"name": "reverse",
"title": "计时方式",
"type": "string",
"options": [
{
"value": "positive",
"title": "正计时"
},
{
"value": "negative",
"title": "倒计时"
}
],
"default": "positive",
"description": "设置计时器计时方式",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "可选择正计时和倒计时",
"tooltipLink": ""
},
{
"name": "autostart",
"title": "自动计时",
"type": "boolean",
"default": true,
"description": "设置是否自动开始计时",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "默认自动开始计时，支持动态绑定布尔类型（Boolean）的变量",
"tooltipLink": ""
}
],
"methods": [
{
"name": "start",
"description": "开始计时器",
"params": []
},
{
"name": "pause",
"description": "暂停计时器",
"params": []
},
{
"name": "continue",
"description": "继续计时器",
"params": []
},
{
"name": "stop",
"description": "停止计时器",
"params": []
}
],
"events": [
{
"name": "start",
"title": "计时器开始",
"description": "计时器开始时触发"
},
{
"name": "pause",
"title": "计时器暂停",
"description": "计时器暂停时触发"
},
{
"name": "continue",
"title": "计时器继续",
"description": "计时器继续时触发"
},
{
"name": "stop",
"title": "计时器结束",
"description": "计时器结束时触发"
}
],
"children": []
}
},
{
"symbol": "u-divider",
"name": "分隔线",
"icon": "divider",
"depDescription": {},
"description": "用于将内容分隔为多个区域",
"labels": [
"Display"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-divider.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-divider.vue/screenshots/1.png",
"blocks": "[{\"title\":\"实线\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"虚线\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-divider",
"title": "分隔线",
"description": "用于将内容分隔为多个区域",
"category": "Display",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-divider.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-divider.vue/screenshots/1.png",
"drawings": "",
"blocks": [
{
"title": "实线",
"description": "",
"code": "\n\n\n"
},
{
"title": "虚线",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "title",
"title": "文本",
"type": "string",
"description": "文本",
"advanced": true
},
{
"name": "dashed",
"title": "线条类型",
"type": "string",
"options": [
{
"value": "b",
"title": "虚线"
},
{
"value": "a",
"title": "实线"
}
],
"default": "a",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "实线、虚线",
"tooltipLink": ""
},
{
"name": "content-position",
"title": "内容位置",
"type": "string",
"options": [
{
"value": "center",
"title": "居中"
},
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
}
],
"default": "center",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "居中、左、右",
"tooltipLink": ""
},
{
"name": "direction",
"title": "方向",
"type": "string",
"options": [
{
"value": "horizontal",
"title": "横向"
},
{
"value": "column",
"title": "竖向"
}
],
"default": "horizontal",
"group": "主要属性",
"description": "",
"brifeDoc": "",
"docDescription": "横向、竖向",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "显示的文本",
"advanced": true
}
],
"events": [],
"children": []
}
},
{
"symbol": "u-timeline",
"name": "时间线",
"icon": "timeline",
"depDescription": {},
"labels": [
"Display"
],
"screenShot": "",
"blocks": "[{\"title\":\"普通用法\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-timeline",
"title": "时间线",
"category": "Display",
"screenShot": "",
"drawings": "",
"blocks": [
{
"title": "普通用法",
"description": "",
"code": "\n\n \n \n \n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "时间线的数据源。",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "时间线数据类型。该属性为展示属性，由数据源推倒得到，无需填写。",
"tooltipLink": ""
},
{
"name": "mode",
"title": "排布方式",
"type": "string",
"options": [
{
"value": "default",
"title": "默认"
},
{
"value": "label",
"title": "时间线居中"
}
],
"default": "default",
"group": "主要属性",
"description": "时间线节点与内容的排布方式",
"brifeDoc": "",
"docDescription": "默认、时间线居中",
"tooltipLink": ""
},
{
"name": "pending",
"title": "待定节点",
"type": "boolean",
"default": false,
"description": "待定节点连接线为虚线展示，用于表示即将发生或者正在进行的节点",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "待定节点连接线为虚线展示，用于表示即将发生或者正在进行的节点",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入 `` 子组件",
"support": [
{
"name": "u-timeline-item",
"title": "时间线子选项",
"snippet": ""
}
]
},
{
"concept": "Slot",
"name": "item",
"description": "自定义选项的结构和样式",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"children": [
{
"name": "u-timeline-item",
"title": "时间线项",
"attrs": [
{
"name": "label",
"title": "标签",
"type": "string",
"description": "指定展示在另一侧的 `label`，只在 `label` 模式下生效",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "指定展示在另一侧的 `label`，只在 `label` 模式下生效。",
"tooltipLink": ""
},
{
"name": "position",
"title": "位置",
"type": "string",
"options": [
{
"value": "left",
"title": "左"
},
{
"value": "right",
"title": "右"
}
],
"default": "right",
"description": "指定交替展示时的位置，只在 `alternate` 或 `label` 模式下生效",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "指定交替展示时的位置，只在 `alternate` 或 `label` 模式下生效。",
"tooltipLink": ""
},
{
"name": "color",
"title": "节点颜色",
"type": "string",
"default": "blue",
"description": "指定圆圈颜色 `primary`, `success`, `warning`, `error`，或自定义的色值",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "指定圆圈颜色 `primary`, `success`, `warning`, `error`，或自定义的色值。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入文本或 HTML"
},
{
"concept": "Slot",
"name": "dot",
"description": "自定义图标"
},
{
"concept": "Slot",
"name": "label",
"description": "自定义 `label` ，只在 `label` 模式下生效"
}
]
}
]
}
},
{
"symbol": "u-table-view",
"name": "数据表格",
"icon": "table-view",
"depDescription": {},
"description": "用于展示大量结构化数据。支持排序、过滤（筛选）、分页、自定义操作等复杂功能。",
"labels": [
"Table"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-table-view.vue/screenshots/0.png",
"blocks": "[{\"title\":\"普通数据表格\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-table-view",
"title": "数据表格",
"description": "用于展示大量结构化数据。支持排序、过滤（筛选）、分页、自定义操作等复杂功能。",
"category": "Table",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-table-view.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "普通数据表格",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"designer-value": "[{}, {}, {}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "表格展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10}",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "表格每一行的数据类型。该属性为展示属性，由数据源推导得到，无需填写",
"tooltipLink": ""
},
{
"name": "extra-params",
"title": "数据源参数",
"type": "object",
"description": "数据源除了DataSourceParams外还需要的参数",
"group": "数据属性",
"advanced": true,
"brifeDoc": "",
"docDescription": "当数据源绑定的是逻辑，逻辑的第一个输入参数无法满足要求时，可绑定该字段值，传入更多的参数值。数据类型为对象{key:value}格式。",
"tooltipLink": ""
},
{
"name": "pageable",
"title": "前端分页",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"hidden": true,
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "remote-paging",
"title": "后端分页",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"dependency": [
{
"pageable": true
}
],
"hidden": true,
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "pagination",
"title": "分页",
"type": "boolean",
"description": "设置是否分页展示数据",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "是否展示分页组件，数据源调用接口是否加入分页参数。默认开启",
"tooltipLink": ""
},
{
"name": "page-size",
"title": "默认每页条数",
"type": "number",
"default": 20,
"description": "",
"group": "数据属性",
"dependency": [
{
"pagination": true
}
],
"brifeDoc": "",
"docDescription": "每页的数据条数。默认20条。在\"分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-sizer",
"title": "显示每页条数",
"type": "boolean",
"default": true,
"description": "显示每页条数切换器",
"group": "数据属性",
"dependency": [
{
"pagination": true
}
],
"brifeDoc": "",
"docDescription": "分页组件处是否展示数据条数的选择列表。默认开启。在\"分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "page-size-options",
"title": "每页条数选项",
"type": "Array",
"default": [
10,
20,
50
],
"description": "每页条数切换器的选项",
"group": "数据属性",
"dependency": [
{
"pagination": true,
"show-sizer": true
}
],
"brifeDoc": "",
"docDescription": "分页组件处是否展示每页显示数据条数的选择列表，需设置数组，如[10,20,30,40,50]。在\"分页\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "page-number",
"title": "当前页数",
"type": "number",
"default": 1,
"description": "当前默认展示在第几页",
"group": "数据属性",
"schema": {
"$ref": "#/basicTypes/Integer"
},
"dependency": [
{
"pagination": true
}
],
"brifeDoc": "",
"docDescription": "当前加载的表格页。默认1。在\"分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-total",
"title": "显示总条数",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"dependency": [
{
"pagination": true
}
],
"brifeDoc": "",
"docDescription": "分页组件处是否显示表格总数。默认关闭。在\"分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-jumper",
"title": "显示跳转输入",
"type": "boolean",
"default": false,
"description": "显示页面跳转输入框",
"group": "数据属性",
"dependency": [
{
"pagination": true
}
],
"brifeDoc": "",
"docDescription": "分页组件处是否展示跳转到某一页的输入框。默认关闭。在\"分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "sorting",
"title": "初始化排序规则",
"type": "{ field: string, order: string, compare: Function }",
"default": "{ field: undefined, order: 'desc' }",
"description": "设置数据初始化时的排序字段和顺序规则",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "支持选择数据表格数据源中的某一条数据，配置默认排序规则，支持升序和降序",
"tooltipLink": ""
},
{
"name": "remote-sorting",
"title": "排序",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"hidden": true,
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "default-order",
"title": "排序初始顺序",
"type": "string",
"options": [
{
"value": "asc",
"title": "升序"
},
{
"value": "desc",
"title": "倒序"
}
],
"default": "asc",
"description": "",
"group": "数据属性",
"dependency": [
{
"remote-sorting": true
}
],
"hidden": true,
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "filtering",
"title": "筛选参数",
"type": "object",
"sync": true,
"description": "",
"advanced": true,
"group": "数据属性"
},
{
"name": "remote-filtering",
"title": "后端筛选",
"type": "boolean",
"default": false,
"description": "是否使用后端筛选",
"advanced": true,
"group": "数据属性"
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"description": "在单选、多选操作、渲染树形数据中，指定数据唯一值的字段",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "在表格开启了单选、多选操作、渲染树形数据中，指定数据唯一值的字段",
"tooltipLink": ""
},
{
"name": "value",
"title": "单选值",
"type": "any",
"sync": true,
"model": true,
"description": "用于标识单选选项的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当表格设置了单选列，或开启了可选行，选中某一行时的值。该取值由值字段名决定。一般会是id等能唯一标识每一行数据的值",
"tooltipLink": ""
},
{
"name": "values",
"title": "多选值",
"type": "Array",
"sync": true,
"description": "用于标识多选选项的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当表格设置了多选列，选择多个值后获得了值列表数组。该取值由值字段名决定",
"tooltipLink": ""
},
{
"name": "tree-display",
"title": "树形模式",
"type": "boolean",
"default": false,
"description": "以树形数据展示表格",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "表格是否以树型方式展示。默认关闭",
"tooltipLink": ""
},
{
"name": "parent-field",
"title": "父级值字段",
"type": "string",
"description": "当数据源为平铺数据时自动生成树形数据的节点字段名，重要：值字段名需要一起配置",
"group": "数据属性",
"dependency": [
{
"tree-display": true
}
],
"brifeDoc": "",
"docDescription": "标识父节点字段名，用于标识表格行取哪个数据作为父级的判断，需同步配置“值字段名”。在\"树行模式\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "children-field",
"title": "子级值字段",
"type": "string",
"default": "children",
"description": "树形数据子节点字段名，默认为children",
"group": "数据属性",
"dependency": [
{
"tree-display": true
}
],
"brifeDoc": "",
"docDescription": "标识子节点字段名，用于表格显示时取哪个数据展示子树。在\"树行模式\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "has-children-field",
"title": "包含子级值字段",
"type": "string",
"default": "hasChildren",
"description": "该字段指定行数据是否包含子节点数据，默认为hasChildren",
"group": "数据属性",
"dependency": [
{
"tree-display": true
}
],
"brifeDoc": "",
"docDescription": "表示当前行是否需要展示子节点的\"展开/收起\"图标。在\"树形模式\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "tree-check-type",
"title": "关联选中类型",
"description": "父子树节点是否关联选中",
"type": "string",
"options": [
{
"value": "up+down",
"title": "父子双向关联选中"
},
{
"value": "down",
"title": "单项父关联子"
},
{
"value": "up",
"title": "单项子关联父"
},
{
"value": "none",
"title": "父子不关联"
}
],
"default": "up+down",
"group": "数据属性",
"dependency": [
{
"tree-display": true
}
],
"brifeDoc": "",
"docDescription": "当选中父节点时，子节点是否相应选中等。在\"树形模式\"属性开启并且表格存在\"多选列\"时有效",
"tooltipLink": ""
},
{
"name": "title",
"title": "表格标题",
"type": "string",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "表格上方的标题信息。默认为空",
"tooltipLink": ""
},
{
"name": "show-head",
"title": "显示表格头部",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否显示表格头。默认开启",
"tooltipLink": ""
},
{
"name": "stick-head",
"title": "表格头部吸顶",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "当页面滚动到顶时，表格头是否固定在头部，不随页面滚动。默认关闭",
"tooltipLink": ""
},
{
"name": "stick-head-offset",
"title": "表格头部吸顶偏移量",
"type": "number",
"default": 0,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "与\"表格头部吸顶\"选项配合使用，表示表格头吸顶时与顶部的距离",
"tooltipLink": ""
},
{
"name": "hover",
"title": "悬浮高亮行",
"type": "boolean",
"default": false,
"description": "表格行在悬浮时是否高亮显示",
"group": "交互属性",
"hidden": true,
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "selectable",
"title": "可选行",
"type": "boolean",
"default": false,
"description": "设置是否可以单选行",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "表格行是否可点击选中，该取值由值字段名决定，一般会是id等能唯一标识每一行数据的值。默认关闭。",
"tooltipLink": ""
},
{
"name": "cancelable",
"title": "可取消",
"type": "boolean",
"default": false,
"description": "设置是否可以取消选择",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "与\"可选行\"属性对应，表示选中的行再点击时是否可以取消选中。默认关闭。",
"tooltipLink": ""
},
{
"name": "draggable",
"title": "表格内可拖拽",
"type": "boolean",
"default": false,
"description": "设置是否可以拖拽行排序",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "表格行是否可拖拽放置。默认关闭",
"tooltipLink": ""
},
{
"name": "acrossTableDrag",
"title": "表格间可拖拽",
"type": "boolean",
"default": false,
"description": "设置多个表格间是否可以拖拽放置",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "表格间是否可拖拽放置。默认关闭",
"tooltipLink": ""
},
{
"name": "can-dragable-handler",
"title": "可拖拽节点",
"type": "Function",
"description": "设置表格行是否可拖拽起来。绑定逻辑",
"bindOpen": true,
"group": "交互属性",
"dependency": [
{
"draggable": true
},
{
"acrossTableDrag": true
}
],
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "can-dropin-handler",
"title": "可放置节点",
"type": "Function",
"description": "设置表格行是否可拖拽放入。绑定逻辑",
"bindOpen": true,
"group": "交互属性",
"dependency": [
{
"draggable": true
},
{
"acrossTableDrag": true
}
],
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "accordion",
"title": "手风琴模式",
"type": "boolean",
"default": false,
"description": "设置是否每次只展开一个",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "表示点击展开行时，其它已经展开的行是否收起。在表格存在\"展开列\"时有效",
"tooltipLink": ""
},
{
"name": "resizable",
"title": "可调整列宽",
"type": "boolean",
"default": false,
"description": "设置是否可以调整列宽",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "表格列之间是否出现调整样式，可以手动调整列宽",
"tooltipLink": ""
},
{
"name": "resize-remaining",
"title": "调整列宽效果",
"type": "string",
"options": [
{
"value": "sequence",
"title": "保持总宽不变，优先后一列弥补宽度"
},
{
"value": "average",
"title": "保持总宽不变，后面所有列平均弥补宽度"
},
{
"value": "none",
"title": "不做任何处理，表格宽度变化"
}
],
"default": "average",
"description": "设置调整列宽时如何处理剩余大小",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "表示调整列宽时其他列宽的处理方式。在\"可调整列宽\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "configurable",
"title": "配置展示列",
"type": "boolean",
"default": false,
"description": "设置是否可以配置展示列",
"group": "交互属性",
"tooltipLink": "",
"docDescription": ""
},
{
"name": "virtual",
"title": "虚拟滚动",
"type": "boolean",
"default": false,
"description": "虚拟滚动表示不展示所有的数据，只展示默认条数的数据，当滚动时再展示剩余的数据。当表格数据量大时，可设置为虚拟滚动，提高性能。默认关闭。",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "item-height",
"title": "每行高度",
"type": "number",
"description": "与虚拟滚动配合使用，表示每一行的高度。请确保行里的数据不要换行",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": "",
"dependency": [
{
"virtual": true
}
]
},
{
"name": "virtual-count",
"title": "展示条数",
"type": "number",
"default": 60,
"description": "与虚拟滚动配合使用，表示每屏展示的最大条数",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": "",
"dependency": [
{
"virtual": true
}
]
},
{
"name": "initial-load",
"title": "初始即加载",
"type": "boolean",
"default": true,
"description": "设置初始时是否立即加载",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "- 是否在表格出现时立即加载数据，默认开启。",
"tooltipLink": ""
},
{
"name": "designer-mode",
"title": "加载状态设置",
"type": "string",
"options": [
{
"value": "success",
"title": "加载完成-有数据"
},
{
"value": "empty",
"title": "加载完成-暂无数据"
},
{
"value": "loading",
"title": "加载中"
},
{
"value": "error",
"title": "加载失败"
}
],
"default": "success",
"description": "设置不同加载状态的展示内容",
"bindHide": true,
"group": "状态属性",
"brifeDoc": "",
"docDescription": "可通过切换该选项，设置不同状态时该组件的展示形式，支持配置",
"tooltipLink": ""
},
{
"name": "loading-text",
"title": "加载中文案",
"type": "string",
"default": "正在加载中...",
"description": "加载中状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "loading"
}
],
"brifeDoc": "",
"docDescription": "当加载表格数据过程中的提示文字。默认“正在加载中...”。",
"tooltipLink": ""
},
{
"name": "loading",
"title": "加载中触发条件",
"type": "boolean",
"description": "加载中状态的触发条件，未设置则默认为系统定义条件",
"bindOpen": true,
"group": "状态属性",
"dependency": [
{
"designer-mode": "loading"
}
],
"brifeDoc": "",
"docDescription": "支持自定义状态的触发条件，未设置则默认为系统定义条件。",
"tooltipLink": ""
},
{
"name": "error-text",
"title": "加载失败文案",
"type": "string",
"default": "加载失败，请重试",
"description": "加载失败状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "error"
}
],
"brifeDoc": "",
"docDescription": "加载失败的提示文字。默认\"加载失败，请重试\"。",
"tooltipLink": ""
},
{
"name": "error",
"title": "加载失败触发条件",
"type": "boolean",
"description": "加载失败状态的触发条件，未设置则默认为系统定义条件",
"bindOpen": true,
"group": "状态属性",
"dependency": [
{
"designer-mode": "error"
}
],
"brifeDoc": "",
"docDescription": "支持自定义状态的触发条件，未设置则默认为系统定义条件。",
"tooltipLink": ""
},
{
"name": "empty-text",
"title": "暂无数据文案",
"type": "string",
"default": "暂无数据",
"description": "暂无数据状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "empty"
}
],
"brifeDoc": "",
"docDescription": "当表格为空时的提示文字。默认\"暂无数据\"。",
"tooltipLink": ""
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
},
{
"name": "title-alignment",
"title": "标题对齐方式",
"type": "string",
"options": [
{
"value": "left",
"title": "左对齐"
},
{
"value": "center",
"title": "居中对齐"
},
{
"value": "right",
"title": "右对齐"
}
],
"default": "center",
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "表格上方的标题信息的对齐方式。默认\"居中对齐\"。",
"tooltipLink": ""
},
{
"name": "boldHeader",
"title": "表头加粗",
"type": "boolean",
"default": true,
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "表格每一列的表头文字是否加粗。默认开启",
"tooltipLink": ""
},
{
"name": "border",
"title": "显示边框",
"advanced": true,
"type": "boolean",
"default": false,
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "表格是否展示边框。默认关闭",
"tooltipLink": ""
},
{
"name": "line",
"title": "分隔线条",
"type": "boolean",
"default": false,
"description": "单元格之间是否显示分隔线条",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "表格每列之间是否展示分隔线条。默认关闭",
"tooltipLink": ""
},
{
"name": "striped",
"title": "斑马条纹",
"type": "boolean",
"default": false,
"description": "表格行是否按斑马线条纹显示",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "表格行是否按斑马线条纹显示。默认关闭",
"tooltipLink": ""
},
{
"name": "default-column-width",
"title": "默认列宽度",
"type": "string | number",
"description": "表格的默认列宽度，可设置为数字或百分比",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "表格每列的默认宽度。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "在表格中插入``子组件",
"empty-background": "drag-entity-here",
"support": [
{
"name": "u-table-view-column",
"title": "表格列",
"snippet": " "
},
{
"name": "u-table-view-column-dynamic",
"title": "表格动态列",
"snippet": ""
},
{
"name": "u-table-view-column-group",
"title": "表格列分组",
"snippet": " "
}
],
"supportGenericComponents": [
"u-table-view-column",
"u-table-view-column-dynamic",
"u-table-view-column-group"
]
},
{
"concept": "Slot",
"name": "loading",
"title": "加载中内容",
"description": "自定义加载中内容"
},
{
"concept": "Slot",
"name": "error",
"title": "加载错误内容",
"description": "自定义加载错误内容"
},
{
"concept": "Slot",
"name": "empty",
"title": "暂无数据内容",
"description": "自定义暂无数据内容"
},
{
"concept": "Slot",
"name": "dragGhost",
"title": "拖拽缩略图",
"description": "自定义拖拽缩略图",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"methods": [
{
"name": "reload",
"description": "清除缓存，重新加载",
"params": []
},
{
"name": "getFields",
"description": "获取所有表格列的 field",
"params": []
},
{
"name": "exportExcel",
"description": "导出 excel 文件",
"params": [
{
"name": "page",
"type": "number",
"description": "当前页码",
"default": 1,
"designerDefault": {
"label": "原子项",
"level": "expressionNode",
"type": "NumericLiteral",
"value": 1,
"valueType": "int"
}
},
{
"name": "size",
"type": "number",
"description": "每页条数",
"default": 2000,
"designerDefault": {
"label": "原子项",
"level": "expressionNode",
"type": "NumericLiteral",
"value": 2000,
"valueType": "int"
}
},
{
"name": "filename",
"type": "string",
"description": "导出文件名",
"required": false,
"default": "tableView.params.filename"
},
{
"name": "sort",
"type": "string",
"description": "排序字段",
"required": false,
"default": "tableView.params.sort"
},
{
"name": "order",
"type": "string",
"options": [
{
"value": "asc",
"title": "升序"
},
{
"value": "desc",
"title": "降序"
}
],
"description": "排序顺序，'asc' 或 'desc'",
"required": false,
"default": "tableView.params.order"
},
{
"name": "excludeColumns",
"type": "Array",
"description": "排除字段",
"required": false,
"default": []
},
{
"name": "includeStyles",
"type": "boolean",
"description": "是否带样式",
"required": false,
"default": false
}
]
},
{
"name": "resetEdit",
"description": "重制编辑列的编辑状态为非编辑态",
"params": [
{
"name": "item",
"type": "object",
"description": "行数据",
"required": false
}
]
}
],
"events": [
{
"name": "before-load",
"title": "加载前",
"description": "加载前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/EventTarget"
}
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止加载流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "load",
"title": "加载后",
"description": "加载后触发",
"params": [
{
"name": "$event",
"type": "null",
"description": "无"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "before-page",
"title": "切换分页前",
"description": "切换分页前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/PaginationEvent"
}
},
{
"name": "$event.size",
"type": "number",
"description": "分页大小"
},
{
"name": "$event.oldSize",
"type": "number",
"description": "旧的分页大小"
},
{
"name": "$event.number",
"type": "number",
"description": "当前页数"
},
{
"name": "$event.oldNumber",
"type": "number",
"description": "旧的页数"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止切换分页流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "page",
"title": "切换分页后",
"description": "切换分页或改变分页大小时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/PaginationEvent"
}
},
{
"name": "$event.size",
"type": "number",
"description": "分页大小"
},
{
"name": "$event.oldSize",
"type": "number",
"description": "分页大小"
},
{
"name": "$event.number",
"type": "number",
"description": "当前页数"
},
{
"name": "$event.oldNumber",
"type": "number",
"description": "旧的页数"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "before-sort",
"title": "排序前",
"description": "排序前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/SortEvent"
}
},
{
"name": "$event.field",
"type": "string",
"description": "排序字段"
},
{
"name": "$event.order",
"type": "string",
"description": "排序顺序"
},
{
"name": "$event.compare",
"type": "Function",
"description": "排序比较函数"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止排序流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "sort",
"title": "排序后",
"description": "排序后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/SortEvent"
}
},
{
"name": "$event.field",
"type": "string",
"description": "排序顺序"
},
{
"name": "$event.order",
"type": "string",
"description": "排序字段"
},
{
"name": "$event.compare",
"type": "Function",
"description": "排序比较函数"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "before-filter",
"title": "筛选前",
"description": "筛选前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "筛选参数对象"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止筛选流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "filter",
"title": "筛选后",
"description": "筛选后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "筛选参数对象"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "click-row",
"title": "点击行",
"description": "点击某一行时触发",
"schema": {
"$ref": "#/systemTypes/Current"
},
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/OperatorItemEvent"
}
},
{
"name": "$event.item",
"type": "object",
"description": "点击行相关对象"
},
{
"name": "$event.index",
"type": "number",
"description": "点击行索引"
}
]
},
{
"name": "dblclick-row",
"title": "双击行",
"description": "双击某一行时触发",
"schema": {
"$ref": "#/systemTypes/Current"
},
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/OperatorItemEvent"
}
},
{
"name": "$event.item",
"type": "object",
"description": "双击行相关对象"
},
{
"name": "$event.index",
"type": "number",
"description": "双击行索引"
}
]
},
{
"name": "before-select",
"title": "选择前",
"description": "选择某一项前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择行的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择行相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择行相关对象"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "input",
"description": "选择某一项后触发",
"title": "选择触发",
"params": [
{
"name": "$event",
"type": "any",
"description": "选择行的值"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "select",
"title": "选择后",
"description": "选择某一项后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择行相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择行相关对象"
},
{
"name": "$event.selectedItem",
"type": "object",
"description": "最终选择行的对象。在`cancelable`的情况下，与`$event.item`不同。"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "check",
"title": "多选后",
"description": "多选模式中，选中节点后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CheckedEvent"
}
},
{
"name": "$event.checked",
"type": "boolean",
"description": "选中状态"
},
{
"name": "$event.values",
"type": "Array",
"description": "选择后的值"
},
{
"name": "$event.oldValues",
"type": "Array",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择行相关对象"
},
{
"name": "$event.items",
"type": "object",
"description": "所有选择行相关对象"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "单选或多选值改变后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择行的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择行相关对象"
},
{
"name": "$event.items",
"type": "object",
"description": "所有选择行相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择行相关对象"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "resize",
"title": "调整列宽后",
"description": "调整列宽后触发",
"params": [
{
"name": "$event.columnVM",
"type": "UTableColumnVM",
"description": "调整的列实例"
},
{
"name": "$event.index",
"type": "number",
"description": "列索引"
},
{
"name": "width",
"type": "number",
"description": "调整后的宽度"
},
{
"name": "oldWidth",
"type": "number",
"description": "调整前的宽度"
}
]
},
{
"name": "before-toggle-expanded",
"title": "展开行前",
"description": "点击展开按钮前触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ExpandEvent"
}
},
{
"name": "$event.item",
"type": "object",
"description": "选择行相关对象"
},
{
"name": "$event.expanded",
"type": "boolean",
"description": "展开状态值"
},
{
"name": "$event.oldExpanded",
"type": "boolean",
"description": "展开前状态值"
}
]
},
{
"name": "toggle-expanded",
"title": "展开行后",
"description": "点击展开按钮后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ExpandEvent"
}
},
{
"name": "$event.item",
"type": "object",
"description": "选择行相关对象"
},
{
"name": "$event.expanded",
"type": "boolean",
"description": "展开状态值"
}
]
},
{
"name": "dragstart",
"title": "拖拽开始时",
"description": "拖拽行时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "被拖拽行相关对象",
"schema": {
"$ref": "#/systemTypes/DragAndDropEvent"
}
},
{
"name": "$event.source",
"type": "object",
"description": "被拖拽行相关对象"
}
]
},
{
"name": "dragover",
"title": "拖拽经过时",
"description": "拖拽经过每一行时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "拖拽经过的行相关对象",
"schema": {
"$ref": "#/systemTypes/DragAndDropEvent"
}
},
{
"name": "$event.target",
"type": "object",
"description": "拖拽经过的行相关对象"
}
]
},
{
"name": "drop",
"title": "拖拽放置时",
"description": "拖拽结束时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "拖拽放置的相关对象",
"schema": {
"$ref": "#/systemTypes/DragAndDropEvent"
}
},
{
"name": "$event.source",
"type": "object",
"description": "被拖拽行相关对象"
},
{
"name": "$event.target",
"type": "object",
"description": "拖拽放置行相关对象"
},
{
"name": "$event.position",
"type": "number",
"description": "拖拽放置的位置"
},
{
"name": "$event.finalSource",
"type": "object",
"description": "被拖拽行相关对象"
},
{
"name": "$event.updateData",
"type": "object",
"description": "需要更新的数据"
}
]
}
],
"children": [
{
"name": "u-table-view-column",
"title": "表格列",
"description": "表格列",
"attrs": [
{
"name": "formatter",
"title": "格式器",
"type": "string | object | Function | Formatter",
"default": "placeholder",
"description": "格式器",
"advanced": true
},
{
"name": "filters",
"title": "筛选项",
"type": "Array<{ text: string, value: any }>",
"description": "筛选项的参数",
"advanced": true
},
{
"name": "field",
"title": "值字段",
"type": "string",
"description": "data 项中的字段",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "数据项中对应的字段名，如createdTime",
"tooltipLink": ""
},
{
"name": "sortable",
"title": "排序",
"type": "boolean",
"default": false,
"description": "设置该列是否可以排序",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "开启后该列可排序，可设置默认顺序，升序或倒序",
"tooltipLink": ""
},
{
"name": "default-order",
"title": "排序初始顺序",
"type": "string",
"options": [
{
"value": "asc",
"title": "升序"
},
{
"value": "desc",
"title": "倒序"
}
],
"default": "asc",
"description": "该列首次点击时的排序顺序",
"dependency": [
{
"sortable": true
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "该列首次点击时的排序顺序。与表格属性中的\"默认排序顺序\"相同",
"tooltipLink": ""
},
{
"name": "type",
"title": "列类型",
"type": "string",
"options": [
{
"value": "normal",
"title": "普通列"
},
{
"value": "index",
"title": "序号列"
},
{
"value": "radio",
"title": "单选列"
},
{
"value": "checkbox",
"title": "多选列"
},
{
"value": "expander",
"title": "展开列"
},
{
"value": "tree",
"title": "树形列"
},
{
"value": "editable",
"title": "编辑列",
"dependency": [
{
"!field": null
}
],
"dependencyDisplay": "disabled",
"tooltip": "与列字段关联，列字段不能为空"
},
{
"value": "dragHandler",
"title": "拖拽标识列"
}
],
"default": "normal",
"description": "支持序号列、单/多选、树形列和编辑列切换，序号列支持按照数字排序。选择编辑列需要先设置列字段。",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "可设置序号列、单选列、多选列、展开列或树型列",
"tooltipLink": ""
},
{
"name": "auto-index",
"title": "换页继续编号",
"type": "boolean",
"default": false,
"description": "换页后，继续上一页的列序号进行编号",
"dependency": [
{
"type": "index"
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "支持换页后，继续上一页的列序号进行编号",
"tooltipLink": ""
},
{
"name": "start-index",
"title": "起始序号",
"type": "number",
"default": 1,
"description": "序号列的起始序号",
"dependency": [
{
"type": "index",
"!auto-index": true
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当列类型为\"序号列\"时有效。默认值为1",
"tooltipLink": ""
},
{
"name": "dblclickHandler",
"title": "双击处理函数",
"type": "Function",
"description": "用于可编辑表格，双击表格列时的处理函数",
"advanced": true,
"group": "数据属性",
"brifeDoc": "",
"docDescription": "用于可编辑表格，双击表格列时的处理函数。在表格是\"可编辑\"的表格时有效",
"tooltipLink": ""
},
{
"name": "title",
"title": "表格标题",
"type": "string",
"description": "",
"advanced": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "表格上方的标题信息。默认为空",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "fixed",
"title": "固定列",
"type": "boolean",
"default": false,
"description": "该列是否固定。左侧固定列需要从第一列到当前固定列之间的列都是固定列。右侧固定列需要最后一列到当前固定列之间的列都是固定列。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "ellipsis",
"title": "文本过长省略",
"type": "boolean",
"default": false,
"description": "文字过长是否省略显示。默认文字超出时会换行。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启后，该列文本过长会省略显示，否则换行显示，默认关闭",
"tooltipLink": ""
},
{
"name": "hidden",
"title": "隐藏列",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启后，当表格横向滚动条滚动时，该列会固定不会跟随滚动条滚动",
"tooltipLink": ""
},
{
"name": "expander-position",
"title": "展开列图标位置",
"type": "string",
"options": [
{
"value": "left",
"title": "左侧"
},
{
"value": "right",
"title": "右侧"
}
],
"default": "left",
"description": "展开列图标的位置",
"dependency": [
{
"type": "expander"
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "展开列图标的位置。默认\"左侧\"。",
"tooltipLink": ""
},
{
"name": "width",
"title": "列宽度",
"type": "string | number",
"description": "设置列宽度，可设置为数字或百分比",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "指定列宽，可以是数字或百分比，如100，或10%。",
"tooltipLink": ""
},
{
"name": "colSpan",
"title": "合并列数",
"type": "number",
"group": "样式属性",
"min": 1,
"precision": 0
},
{
"name": "autoRowSpan",
"title": "自动合并相同数据",
"type": "boolean",
"default": false,
"group": "样式属性"
}
],
"slots": [
{
"concept": "Slot",
"name": "cell",
"plus-empty": true,
"description": "对单元格的数据展示进行自定义",
"props": [
{
"name": "item",
"title": "当前项",
"type": "object",
"description": "循环中的当前项"
},
{
"name": "value",
"title": "字段值",
"type": "any",
"description": "item 中 field 字段对应的值"
},
{
"name": "columnVM",
"title": "列实例",
"type": "string",
"description": "该列组件实例"
},
{
"name": "rowIndex",
"title": "行索引",
"type": "number",
"description": "行的索引"
},
{
"name": "columnIndex",
"title": "列索引",
"type": "number",
"description": "列的索引"
}
],
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
},
{
"concept": "Slot",
"name": "editcell",
"plus-empty": true,
"plus-empty-tag": "editcell-plus-empty",
"description": "对单元格的编辑数据展示进行自定义",
"props": [
{
"name": "item",
"title": "当前项",
"type": "object",
"description": "循环中的当前项"
},
{
"name": "value",
"title": "字段值",
"type": "any",
"description": "item 中 field 字段对应的值"
},
{
"name": "columnVM",
"title": "列实例",
"type": "string",
"description": "该列组件实例"
},
{
"name": "rowIndex",
"title": "行索引",
"type": "number",
"description": "行的索引"
},
{
"name": "columnIndex",
"title": "列索引",
"type": "number",
"description": "列的索引"
}
],
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
},
{
"concept": "Slot",
"name": "title",
"title": "标题",
"accept-type": [
"text",
"inline"
],
"description": "对标题进行自定义",
"props": [
{
"name": "columnVM",
"title": "列实例",
"type": "string",
"description": "该列组件实例"
},
{
"name": "columnIndex",
"title": "列索引",
"type": "number",
"description": "列的索引"
}
]
},
{
"concept": "Slot",
"name": "expand-content",
"plus-empty": true,
"plus-empty-tag": "expand-content-plus-empty",
"title": "展开列内容",
"accept-type": "all",
"description": "展开列的内容",
"props": [
{
"name": "item",
"title": "当前",
"type": "object",
"description": "循环中的当前项"
},
{
"name": "value",
"title": "字段值",
"type": "any",
"description": "item 中 field 字段对应的值"
},
{
"name": "columnVM",
"title": "列实例",
"type": "string",
"description": "展开列组件实例"
},
{
"name": "rowIndex",
"title": "行索引",
"type": "number",
"description": "行的索引"
},
{
"name": "columnIndex",
"title": "展开列索引",
"type": "number",
"description": "展开列的索引"
}
],
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
},
{
"concept": "Slot",
"name": "expander",
"plus-empty": true,
"description": "展开列图标",
"props": [
{
"name": "item",
"title": "当前项",
"type": "object",
"description": "循环中的当前项"
},
{
"name": "value",
"title": "字段值",
"type": "any",
"description": "item 中 field 字段对应的值"
},
{
"name": "columnVM",
"title": "列实例",
"type": "string",
"description": "该列组件实例"
},
{
"name": "rowIndex",
"title": "行索引",
"type": "number",
"description": "行的索引"
},
{
"name": "columnIndex",
"title": "列索引",
"type": "number",
"description": "列的索引"
}
],
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
]
},
{
"name": "u-table-view-column-config",
"title": "表格配置列",
"attrs": [
{
"name": "text-field",
"title": "文本字段",
"type": "string",
"description": "配置列的下拉弹窗里，指定数据展示的字段",
"advanced": true
},
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"designer-value": "[{}, {}, {}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "表格展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10}",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"compType": "dataTypeSelect",
"group": "数据属性",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"brifeDoc": "",
"docDescription": "表格每一行的数据类型。该属性为展示属性，由数据源推导得到，无需填写",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"description": "在单选、多选操作、渲染树形数据中，指定数据唯一值的字段",
"display": "property-select",
"default": "value",
"dependency": [
{
"!data-source": null
}
],
"dependencyDisplay": "disabled",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "在表格开启了单选、多选操作、渲染树形数据中，指定数据唯一值的字段",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "value",
"title": "值",
"type": "any",
"sync": true,
"model": true,
"group": "数据属性",
"description": "",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "show-footer",
"title": "确定/取消按钮",
"type": "boolean",
"default": true,
"description": "控制弹出层的确定/取消按钮是否展示",
"group": "主要属性"
}
],
"slots": [
{
"concept": "Slot",
"name": "title",
"title": "配置列展示title",
"accept-type": "all"
},
{
"concept": "Slot",
"name": "item",
"description": "自定义选项的结构和样式",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"events": [
{
"name": "select",
"title": "选择后",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "USelectItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "USelectItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "USelect",
"description": "发送事件实例"
}
]
}
]
},
{
"name": "u-table-view-column-dynamic",
"title": "表格动态列",
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"designer-value": "[{}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "表格展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10}",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"compType": "dataTypeSelect",
"group": "数据属性",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"brifeDoc": "",
"docDescription": "表格每一行的数据类型。该属性为展示属性，由数据源推导得到，无需填写",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"description": "在单选、多选操作、渲染树形数据中，指定数据唯一值的字段",
"display": "property-select",
"default": "value",
"dependency": [
{
"!data-source": null
}
],
"dependencyDisplay": "disabled",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "在表格开启了单选、多选操作、渲染树形数据中，指定数据唯一值的字段",
"tooltipLink": "https://help.lcap.163yun.com/99.%E5%8F%82%E8%80%83/40.%E9%A1%B5%E9%9D%A2IDE/30.%E9%A1%B5%E9%9D%A2%E7%BB%84%E4%BB%B6/05.PC%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/05.%E8%A1%A8%E6%A0%BC/100.%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC.html"
},
{
"name": "sortable",
"title": "排序",
"type": "boolean",
"default": false,
"description": "设置该列是否可以排序",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "开启后该列可排序，可设置默认顺序，升序或倒序",
"tooltipLink": ""
},
{
"name": "default-order",
"title": "排序初始顺序",
"type": "string",
"options": [
{
"value": "asc",
"title": "升序"
},
{
"value": "desc",
"title": "倒序"
}
],
"default": "asc",
"description": "该列首次点击时的排序顺序",
"dependency": [
{
"sortable": true
}
],
"group": "数据属性",
"brifeDoc": "",
"docDescription": "该列首次点击时的排序顺序。与表格属性中的\"默认排序顺序\"相同",
"tooltipLink": ""
},
{
"name": "fixed",
"title": "固定列",
"type": "boolean",
"default": false,
"description": "该列是否固定。左侧固定列需要从第一列到当前固定列之间的列都是固定列。右侧固定列需要最后一列到当前固定列之间的列都是固定列。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "ellipsis",
"title": "文本过长省略",
"type": "boolean",
"default": false,
"description": "文字过长是否省略显示。默认文字超出时会换行。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启后，该列文本过长会省略显示，否则换行显示，默认关闭",
"tooltipLink": ""
},
{
"name": "hidden",
"title": "隐藏列",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "开启后，当表格横向滚动条滚动时，该列会固定不会跟随滚动条滚动",
"tooltipLink": ""
},
{
"name": "width",
"title": "列宽度",
"type": "string | number",
"description": "设置列宽度，可设置为数字或百分比",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "指定列宽，可以是数字或百分比，如100，或10%。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "title",
"title": "配置列展示title",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
},
{
"concept": "Slot",
"name": "cell",
"plus-empty": true,
"description": "自定义选项的结构和样式",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "CurrentDynamic",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
},
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T1"
}
]
}
}
}
]
},
{
"name": "u-table-view-column-group",
"title": "表格列分组",
"attrs": [
{
"name": "title",
"title": "表格标题",
"type": "string",
"description": "",
"advanced": true,
"group": "主要属性"
},
{
"name": "fixed",
"title": "固定列",
"type": "boolean",
"default": false,
"description": "该分组列是否固定。该分组列固定后，分组下的所有列都会固定",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "在表格中插入``子组件",
"empty-background": "drag-entity-here",
"support": [
{
"name": "u-table-view-column",
"title": "表格列",
"snippet": ""
},
{
"name": "u-table-view-column-dynamic",
"title": "表格动态列",
"snippet": ""
}
],
"supportGenericComponents": [
"u-table-view-column"
]
},
{
"concept": "Slot",
"name": "title",
"title": "标题",
"accept-type": [
"text",
"inline"
],
"description": "对标题进行自定义",
"props": [
{
"name": "columnVM",
"title": "列实例",
"type": "string",
"description": "该列组件实例"
},
{
"name": "columnIndex",
"title": "列索引",
"type": "number",
"description": "列的索引"
}
]
}
]
},
{
"name": "u-table-view-expander",
"title": "展开列图标",
"attrs": [
{
"name": "expand-icon",
"title": "展开时图标",
"type": "icon",
"description": "展开时图标",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "collapse-icon",
"title": "关闭时图标",
"type": "icon",
"description": "关闭时图标",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
}
]
}
]
}
},
{
"symbol": "u-list-view",
"name": "数据列表",
"icon": "list-view",
"depDescription": {},
"description": "用于列举大量数据的列表框，支持单选、多选、过滤（搜索）、分页等功能。",
"labels": [
"Table"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/5.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-list-view",
"title": "数据列表",
"description": "用于列举大量数据的列表框，支持单选、多选、过滤（搜索）、分页等功能。",
"category": "Table",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-view.vue/screenshots/5.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"designer-value": "[{}, {}, {}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "列表展示的数据。数据源可以绑定变量或者逻辑。变量或逻辑的返回值可以是数组，也可以是对象。对象格式为{list:[], total:10}",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "列表每一行的数据类型。该属性为展示属性，由数据源推倒得到，无需填写。",
"tooltipLink": ""
},
{
"name": "pageable",
"title": "分页",
"type": "boolean",
"default": false,
"description": "设置是否分页展示数据",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "是否展示分页组件，数据源调用接口是否加入分页参数。默认开启",
"tooltipLink": ""
},
{
"name": "page-size",
"title": "默认每页条数",
"type": "number",
"default": 50,
"description": "",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "每页的数据条数。默认50条。在\"可分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "page-number",
"title": "当前页数",
"type": "number",
"default": 1,
"description": "当前默认展示在第几页",
"group": "数据属性",
"schema": {
"$ref": "#/basicTypes/Integer"
},
"brifeDoc": "",
"docDescription": "当前加载的列表页。默认1。在\"可分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "page-size-options",
"title": "每页条数选项",
"type": "Array",
"default": [
10,
20,
50
],
"description": "每页条数切换器的选项",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "每页显示数据条数的选择列表，需设置数组，如[10,20,30,40,50]。在\"可分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-total",
"title": "显示总条数",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "分页组件处是否显示列表总数。默认关闭。在\"可分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-sizer",
"title": "显示每页条数",
"type": "boolean",
"default": false,
"description": "显示每页条数切换器",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "是否展示数据条数的选择列表。默认开启。在\"可分页\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-jumper",
"title": "显示跳转输入",
"type": "boolean",
"default": false,
"description": "显示页面跳转输入框",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "分页组件处是否展示跳转到某一页的输入框。默认关闭。在\"可分页\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "filterable",
"title": "筛选",
"type": "boolean",
"default": false,
"description": "设置是否可以筛选，开启将会显示搜索框。",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "是否展示可筛选的输入框。默认关闭。",
"tooltipLink": ""
},
{
"name": "remote-paging",
"title": "后端分页",
"type": "boolean",
"default": false,
"description": "是否使用后端分页。",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "表示数据列表的分页由接口处理。分页参数传入后端接口，由后端接口返回相应的数据。默认开始。关闭后，如果\"可分页\"属性开启，分页将由列表组件处理，不会发送后端接口。",
"tooltipLink": ""
},
{
"name": "remote-filtering",
"title": "后端筛选",
"type": "boolean",
"default": false,
"description": "是否使用后端过滤",
"advanced": true,
"group": "数据属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "match-method",
"title": "匹配方法",
"type": "string, Function",
"default": "includes",
"description": "筛选时的匹配方法",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "筛选时的匹配方法。可写值\"=\"、\"==\"、\"eq\"、\"!=\"、\"neq\"、\"<\"，\"lt\"，\"<=\"，\"lte\"，\">\"，\"gt\"，\">=\"，\"gte\"，\"includes\"，\"startsWith\"，\"endsWith\"。也可传入处理函数。当\"可筛选\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "case-sensitive",
"title": "大小写敏感",
"type": "boolean",
"default": false,
"description": "设置是否区分大小写",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "表示筛选时是否大小写敏感。当\"可筛选\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "placeholder",
"title": "搜索框占位符",
"type": "string",
"default": "请输入",
"description": "搜搜框为空时显示的占位符文本",
"group": "数据属性",
"dependency": [
{
"filterable": true
}
],
"brifeDoc": "",
"docDescription": "搜索框为空时提示文本，默认\"请输入\"。当\"可筛选\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "value",
"title": "选中值",
"type": "any",
"sync": true,
"model": true,
"description": "显示的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "在列表开启可多选时，指定数据唯一值的字段。",
"tooltipLink": ""
},
{
"name": "text-field",
"title": "文本字段",
"type": "string",
"default": "text",
"description": "当开启可多选时，显示的选项文本字段名",
"group": "数据属性",
"display": "property-select",
"brifeDoc": "",
"docDescription": "当开启可多选时，显示的选项文本字段名。",
"tooltipLink": ""
},
{
"name": "value-field",
"title": "值字段",
"type": "string",
"default": "value",
"description": "当开启可多选时，选项值的字段",
"group": "数据属性",
"display": "property-select",
"brifeDoc": "",
"docDescription": "当开启可多选时，选项值的字段名。当\"可多选\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "cancelable",
"title": "可取消",
"type": "boolean",
"default": false,
"description": "与\"可多选\"属性对应，表示选中的行再点击时是否可以取消选中。默认关闭。",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "与\"可多选\"属性对应，表示选中的行再点击时是否可以取消选中。默认关闭。",
"tooltipLink": ""
},
{
"name": "multiple",
"title": "可多选",
"type": "boolean",
"default": false,
"description": "设置是否可以多选行",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "列表的行是否可选中。默认关闭。",
"tooltipLink": ""
},
{
"name": "clearable",
"title": "可清除筛选",
"type": "boolean",
"default": false,
"description": "可点击搜索框中的清除按钮一键清除内容",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "搜索框是否有清除按钮，默认关闭。当\"可筛选\"属性开启时有效。",
"tooltipLink": ""
},
{
"name": "show-head",
"title": "显示头部",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否显示列表头。默认关闭。",
"tooltipLink": ""
},
{
"name": "title",
"title": "列表标题",
"type": "string",
"default": "列表",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "列表头部的标题信息。当\"显示头部\"属性开启时有效",
"tooltipLink": ""
},
{
"name": "show-foot",
"title": "显示底部",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示列表底部，包括分页组件。默认开启。",
"tooltipLink": ""
},
{
"name": "initial-load",
"type": "boolean",
"title": "初始即加载",
"default": true,
"description": "设置初始时是否立即加载",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "是否在列表出现时立即加载数据，默认开启。",
"tooltipLink": ""
},
{
"name": "designer-mode",
"title": "加载状态设置",
"type": "string",
"options": [
{
"value": "success",
"title": "加载完成-有数据"
},
{
"value": "empty",
"title": "加载完成-暂无数据"
},
{
"value": "loading",
"title": "加载中"
},
{
"value": "error",
"title": "加载失败"
}
],
"default": "success",
"description": "设置不同加载状态的展示内容",
"bindHide": true,
"group": "状态属性",
"tooltipLink": "",
"docDescription": ""
},
{
"name": "loading-text",
"title": "加载中文案",
"type": "string",
"default": "加载中...",
"description": "加载中状态显示的文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "loading"
}
],
"brifeDoc": "",
"docDescription": "当数据正在加载时展示的文字，默认为\"加载中...\"。",
"tooltipLink": ""
},
{
"name": "loading",
"title": "自定义加载中触发条件",
"type": "boolean",
"description": "支持自定义状态的触发条件，未设置则默认为系统定义条件",
"bindOpen": true,
"group": "状态属性",
"dependency": [
{
"designer-mode": "loading"
}
]
},
{
"name": "error-text",
"title": "加载失败文案",
"type": "string",
"default": "加载失败，请重试",
"description": "加载失败状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "error"
}
],
"brifeDoc": "",
"docDescription": "加载失败的提示文字。默认\"加载失败，请重试\"",
"tooltipLink": ""
},
{
"name": "error",
"title": "加载失败触发条件",
"type": "boolean",
"description": "加载失败状态的触发条件，未设置则默认为系统定义条件",
"bindOpen": true,
"group": "状态属性",
"dependency": [
{
"designer-mode": "error"
}
],
"brifeDoc": "",
"docDescription": "控制表格加载失败的展示时机。默认关闭。",
"tooltipLink": ""
},
{
"name": "empty-text",
"title": "暂无数据文案",
"type": "string",
"default": "暂无数据",
"description": "暂无数据状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "empty"
}
],
"brifeDoc": "",
"docDescription": "当列表为空时的提示文字。默认\"暂无数据\"",
"tooltipLink": ""
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入。",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。",
"tooltipLink": ""
},
{
"name": "border",
"title": "显示边框",
"type": "boolean",
"default": true,
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "列表是否展示边框。默认关闭。",
"tooltipLink": ""
},
{
"name": "width",
"title": "宽度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "auto",
"title": "自适应"
}
],
"default": "auto",
"description": "设置数据列表宽度大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "数据列表宽度。默认自适应。",
"tooltipLink": ""
},
{
"name": "height",
"title": "高度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "auto",
"title": "自适应"
}
],
"default": "normal",
"description": "设置数据列表高度大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "数据列表高度。默认正常。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "插入文本或 HTML",
"empty-background": "drag-entity-here",
"advanced": true
},
{
"concept": "Slot",
"name": "item",
"description": "自定义选项的结构和样式",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"methods": [
{
"name": "reload",
"description": "清除缓存，重新加载",
"params": []
}
],
"events": [
{
"name": "before-select",
"title": "选择前",
"description": "选择某一项前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UListViewItem",
"description": "选择项子组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "input",
"title": "选择时",
"description": "选择某一项时触发",
"params": [
{
"name": "$event",
"type": "any",
"description": "选择项的值",
"schema": {
"$ref": "#/basicTypes/String"
}
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "select",
"title": "选择后",
"description": "选择某一项时触发。单选模式中：",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UListViewItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UListViewItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "选择值改变时触发。",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeItemEvent"
}
},
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UListViewItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UListViewItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "before-load",
"title": "加载前",
"description": "加载前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/EventTarget"
}
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止加载流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "load",
"title": "加载后",
"description": "加载时触发",
"params": [
{
"name": "$event",
"type": "",
"description": "空"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-grid-view",
"name": "数据网格",
"icon": "grid-view",
"depDescription": {},
"description": "用于列举大量数据的列表框，支持单选、多选、过滤（搜索）、分页等功能。",
"labels": [
"Table"
],
"screenShot": "",
"blocks": "[{\"title\":\"普通数据网格\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-grid-view",
"title": "数据网格",
"description": "用于列举大量数据的列表框，支持单选、多选、过滤（搜索）、分页等功能。",
"category": "Table",
"screenShot": "",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-grid-view.vue/drawings/0.svg",
"blocks": [
{
"title": "普通数据网格",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "value",
"title": "值",
"type": "any",
"sync": true,
"model": true,
"default": null,
"description": "当前选择的值",
"advanced": true
},
{
"name": "cancelable",
"title": "可取消",
"type": "boolean",
"default": false,
"description": "",
"advanced": true
},
{
"name": "multiple",
"title": "可多选",
"type": "boolean",
"default": false,
"description": "",
"advanced": true
},
{
"name": "clearable",
"title": "筛选清除按钮",
"type": "boolean",
"default": false,
"description": "搜索框是否有清除按钮",
"advanced": true
},
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object | DataSource",
"designer-value": "[{}, {}, {}, {}, {}, {}, {}, {}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "组件的数据源，配置内容为数据集对象或者返回数据集的逻辑。",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "IDE 根据配置的数据源动态计算返回内容的数据结构，用于动态配置项 current.item 的类型说明。",
"tooltipLink": ""
},
{
"name": "text-field",
"title": "文本字段名",
"type": "string",
"default": "text",
"group": "数据属性",
"description": "选项文本的字段名",
"display": "property-select"
},
{
"name": "value-field",
"title": "值字段名",
"type": "string",
"default": "value",
"group": "数据属性",
"description": "选项值的字段名",
"display": "property-select"
},
{
"name": "pageable",
"title": "分页",
"type": "boolean",
"default": false,
"description": "设置是否分页展示数据",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "可分页：是否需要数据分页展示，默认关闭。\n- 开启：展示分页内容，调用数据源逻辑时会将分页信息作为入参传入。\n- 关闭：不展示分页内容。",
"tooltipLink": ""
},
{
"name": "page-size",
"title": "默认每页条数",
"type": "number",
"default": 50,
"description": "",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "每页的数据条数，默认 50。",
"tooltipLink": ""
},
{
"name": "page-number",
"title": "当前页数",
"type": "number",
"default": 1,
"description": "当前默认展示在第几页",
"group": "数据属性",
"schema": {
"$ref": "#/basicTypes/Integer"
},
"brifeDoc": "",
"docDescription": "可设置加载出的网格处于第几页的位置。",
"tooltipLink": ""
},
{
"name": "page-size-options",
"title": "每页条数选项",
"type": "Array",
"default": [
10,
20,
50
],
"description": "每页条数切换器的选项",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "每页显示数据条数的选择列表，需设置数组，如 [10,20,50]。",
"tooltipLink": ""
},
{
"name": "show-total",
"title": "显示总条数",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "开启时显示列表所有行数，默认关闭。\n- 开启：展示分页内容，调用数据源时会将数据源作为入参传入。\n- 关闭：不展示分页内容。",
"tooltipLink": ""
},
{
"name": "show-sizer",
"title": "显示每页条数",
"type": "boolean",
"default": false,
"description": "显示每页条数切换器",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "开启时显示分页大小选项，可选择每页显示条数，默认关闭。",
"tooltipLink": ""
},
{
"name": "show-jumper",
"title": "显示跳转输入",
"type": "boolean",
"default": false,
"description": "显示页面跳转输入框",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "开启时可直接输入要跳转的页数，默认关闭",
"tooltipLink": ""
},
{
"name": "remote-paging",
"title": "后端分页",
"type": "boolean",
"default": false,
"description": "",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "数据网格内容展示，完全由数据源返回值控制，比如总条目数、数据展示条数等。默认开启。",
"tooltipLink": ""
},
{
"name": "remote-filtering",
"title": "后端筛选",
"type": "boolean",
"default": false,
"description": "",
"advanced": true,
"group": "数据属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "match-method",
"title": "匹配方法",
"type": "string, Function",
"default": "includes",
"description": "过滤时的匹配方法",
"advanced": true,
"group": "数据属性"
},
{
"name": "case-sensitive",
"title": "大小写敏感",
"type": "string, Function",
"default": "includes",
"description": "过滤时是否区分大小写",
"advanced": true,
"group": "数据属性"
},
{
"name": "placeholder",
"title": "搜索框占位符",
"type": "string",
"default": "请输入",
"description": "开启筛选后，搜索框为空时的占位符提示文本",
"advanced": true,
"group": "数据属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "repeat",
"title": "网格数",
"type": "number",
"default": 5,
"description": "每行排列几项",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "每行排列多少个网格。",
"tooltipLink": ""
},
{
"name": "show-head",
"title": "显示头部",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示数据网格列表标题，默认关闭。",
"tooltipLink": ""
},
{
"name": "title",
"title": "头部标题",
"type": "string",
"default": "列表",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "数据网格列表标题，在开始显示头部功能后显示",
"tooltipLink": ""
},
{
"name": "show-foot",
"title": "显示底部",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示数据网格底部选项，如分页大小，跳转输入等，默认开启。",
"tooltipLink": ""
},
{
"name": "initial-load",
"title": "初始即加载",
"type": "boolean",
"default": true,
"description": "设置初始时是否立即加载",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "是否在初始时立即加载，当数据源配置为逻辑时，组件首次渲染自动调用逻辑。",
"tooltipLink": ""
},
{
"name": "designer-mode",
"title": "状态设置",
"type": "string",
"options": [
{
"value": "success",
"title": "加载完成-有数据"
},
{
"value": "empty",
"title": "加载完成-暂无数据"
},
{
"value": "loading",
"title": "加载中"
},
{
"value": "error",
"title": "加载失败"
}
],
"default": "success",
"description": "设置不同状态的展示内容",
"bindHide": true,
"group": "状态属性"
},
{
"name": "loading-text",
"title": "加载中文案",
"type": "string",
"default": "正在加载中...",
"description": "加载中状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "loading"
}
],
"brifeDoc": "",
"docDescription": "加载中显示的文字，仅在使用分页加载时出现，默认正在加载中。",
"tooltipLink": ""
},
{
"name": "loading",
"title": "自定义加载中触发条件",
"type": "boolean",
"description": "支持自定义状态的触发条件，未设置则默认为系统定义条件",
"bindOpen": true,
"group": "状态属性",
"dependency": [
{
"designer-mode": "loading"
}
]
},
{
"name": "error-text",
"title": "加载失败文案",
"type": "string",
"default": "加载失败，请重试",
"description": "加载失败状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "error"
}
],
"brifeDoc": "",
"docDescription": "数据网格加载失败时展示的文字，加载失败，请重试。",
"tooltipLink": ""
},
{
"name": "error",
"title": "加载失败触发条件",
"type": "boolean",
"description": "加载失败状态的触发条件，未设置则默认为系统定义条件",
"bindOpen": true,
"group": "状态属性",
"dependency": [
{
"designer-mode": "error"
}
],
"brifeDoc": "",
"docDescription": "开启后所有数据均不展示，仅展示加载失败文字，常用在数据源不是逻辑的时候，由外部触发组件的加载失败状态，默认关闭",
"tooltipLink": ""
},
{
"name": "empty-text",
"title": "暂无数据文案",
"type": "string",
"default": "暂无数据",
"description": "暂无数据状态显示的提示文案",
"group": "状态属性",
"dependency": [
{
"designer-mode": "empty"
}
],
"brifeDoc": "",
"docDescription": "数据网格数据源返回值为空时展示的文字，默认暂无数据。",
"tooltipLink": ""
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入。",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。",
"tooltipLink": ""
},
{
"name": "width",
"title": "宽度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "auto",
"title": "自适应"
}
],
"default": "auto",
"description": "设置数据网格宽度大小",
"advanced": true,
"group": "样式属性"
},
{
"name": "height",
"title": "高度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "auto",
"title": "自适应"
}
],
"default": "normal",
"description": "设置数据网格高度大小",
"advanced": true,
"group": "样式属性"
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入文本或 HTML",
"empty-background": "drag-entity-here"
},
{
"concept": "Slot",
"name": "item",
"description": "自定义选项的结构和样式",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"methods": [
{
"name": "reload",
"description": "清除缓存，重新加载",
"params": []
}
],
"events": [
{
"name": "before-select",
"title": "选择前",
"description": "选择某一项前触发",
"params": [
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UListViewItem",
"description": "选择项子组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止选择流程"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "input",
"title": "选择时",
"description": "选择某一项时触发",
"params": [
{
"name": "$event",
"type": "any",
"description": "选择项的值"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "select",
"title": "选择后",
"description": "选择某一项时触发。单选模式中：",
"params": [
{
"name": "$event.value",
"type": "any",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UListViewItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UListViewItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "选择值改变时触发。单选模式中：",
"params": [
{
"name": "$event.value",
"type": "any",
"description": "选择项的值"
},
{
"name": "$event.oldValue",
"type": "any",
"description": "旧的值"
},
{
"name": "$event.item",
"type": "object",
"description": "选择项相关对象"
},
{
"name": "$event.oldItem",
"type": "object",
"description": "旧的选择项相关对象"
},
{
"name": "$event.itemVM",
"type": "UListViewItem",
"description": "选择项子组件"
},
{
"name": "$event.oldVM",
"type": "UListViewItem",
"description": "旧的选择项子组件"
},
{
"name": "senderVM",
"type": "UListView",
"description": "发送事件实例"
}
]
},
{
"name": "before-load",
"title": "加载前",
"description": "加载前触发",
"params": [
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止加载流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "load",
"title": "加载后",
"description": "加载时触发",
"params": [
{
"name": "$event",
"type": "",
"description": "空"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-calendar-view",
"name": "日历",
"icon": "calendar",
"depDescription": {},
"description": "用于展示大量结构化数据。支持日历结构展示。",
"labels": [
"Table"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-calendar-view.vue/screenshots/0.png",
"blocks": "[{\"title\":\"普通日历\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-calendar-view",
"title": "日历",
"description": "用于展示大量结构化数据。支持日历结构展示。",
"category": "Table",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-calendar-view.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "普通日历",
"description": "",
"code": "\n\n \n \n \n\n\n"
}
],
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "Array
- | Function | object",
"designer-value": "[{}]",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "组件的数据源，配置内容为数据集对象或者返回数据集的逻辑。",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"group": "数据属性",
"compType": "dataTypeSelect",
"brifeDoc": "",
"docDescription": "IDE 根据配置的数据源动态计算返回内容的数据结构，用于动态配置项 current.item 的类型说明。",
"tooltipLink": ""
},
{
"name": "start-key",
"type": "string",
"title": "开始时间字段",
"default": "startTime",
"description": "数据内表示开始时间的字段",
"group": "数据属性",
"display": "property-select",
"brifeDoc": "",
"docDescription": "数据内表示开始时间的字段，要求对应数据必须包含日期（日期/日期时间格式），**单独使用表示当天**；跟结束时间字段配合使用表示日期区间，组件根据日期区间判断展示在哪些日期内。",
"tooltipLink": ""
},
{
"name": "end-key",
"type": "string",
"title": "结束时间字段",
"default": "endTime",
"description": "数据内表示结束时间的字段",
"group": "数据属性",
"display": "property-select",
"brifeDoc": "",
"docDescription": "数据内表示结束时间的字段，要求对应数据必须包含日期（日期/日期时间格式），跟开始时间字段配合使用表示日期区间，组件根据时间区间判断展示在哪些日期内。",
"tooltipLink": ""
},
{
"name": "value",
"title": "选中值",
"type": "Date | string ｜ number",
"sync": true,
"model": true,
"default": "TODAY",
"description": "当前选中的日期",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "当前选择的日期。",
"tooltipLink": ""
},
{
"name": "min-date",
"title": "最小日期值",
"type": "Date | string ｜ number",
"description": "最小可选的日期值，默认为10年前，日期填写格式为“yyyy-mm-dd”",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "控制日历展示的日期范围，默认 10 年前。",
"tooltipLink": ""
},
{
"name": "max-date",
"title": "最大日期值",
"type": "Date | string ｜ number",
"description": "最大可选的日期值，默认为9年后，日期填写格式为“yyyy-mm-dd”",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "控制日历展示的日期范围，默认 9 年后。",
"tooltipLink": ""
},
{
"name": "show-week-days",
"title": "展示周天",
"type": "boolean",
"default": true,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "控制头部示例星期几信息展示，默认开启",
"tooltipLink": ""
},
{
"name": "show-weeks",
"title": "展示周数",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "控制当前周为第几周信息展示，默认关闭。",
"tooltipLink": ""
},
{
"name": "show-basic",
"title": "展示基础配置",
"type": "boolean",
"default": true,
"description": "是否展示顶部左侧的 \"<\" \"今天\" \">\" 等基础配置功能",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "控制顶部左侧 上个月、当天、下个月 的快捷操作入口展示，默认开启。",
"tooltipLink": ""
},
{
"name": "show-advance",
"title": "展示高级配置",
"type": "boolean",
"default": true,
"description": "是否展示顶部右侧的年份、月份选项高级配置",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "控制顶部右侧 年份、月份 快捷切换操作入口展示，默认开启。",
"tooltipLink": ""
},
{
"name": "first-day-of-week",
"title": "首列星期",
"type": "number",
"default": 1,
"description": "填写数字1~7，分别表示周一~周日",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "0～7 (周一～周日) 数字配置，自定义每行从周几开始展示，默认 1，**当开启展示周数时固定周一开始**。",
"tooltipLink": ""
},
{
"name": "multiple",
"title": "可多选",
"type": "boolean",
"default": false,
"description": "开启可多选后，可通过ctrl/command+鼠标多选",
"group": "交互属性"
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入文本或 HTML 至日期组件底部",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"methods": [
{
"name": "reload",
"description": "重新加载",
"params": []
}
],
"events": [
{
"name": "select",
"title": "选择后",
"description": "选择某一个日期时触发",
"params": [
{
"name": "$event.value",
"type": "string",
"description": "YYYY-MM-DD 格式的日期信息"
},
{
"name": "$event.oldValue",
"type": "string",
"description": "YYYY-MM-DD 格式的日期信息"
},
{
"name": "$event.date",
"type": "number",
"description": "当月的日期信息"
},
{
"name": "$event.timestamp",
"type": "number",
"description": "时间戳格式日期信息"
},
{
"name": "$event.disabled",
"type": "boolean",
"description": "是否禁用"
},
{
"name": "$event.week",
"type": "number",
"description": "周数信息"
},
{
"name": "$event.Date",
"type": "object",
"description": "dayjs 封装过后的日期信息"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "日期改变时触发",
"params": [
{
"name": "$event.value",
"type": "string",
"description": "YYYY-MM-DD 格式的日期信息"
},
{
"name": "$event.oldValue",
"type": "string",
"description": "YYYY-MM-DD 格式的日期信息"
},
{
"name": "$event.date",
"type": "number",
"description": "当月的日期信息"
},
{
"name": "$event.timestamp",
"type": "number",
"description": "时间戳格式日期信息"
},
{
"name": "$event.disabled",
"type": "boolean",
"description": "是否禁用"
},
{
"name": "$event.week",
"type": "number",
"description": "周数信息"
},
{
"name": "$event.Date",
"type": "object",
"description": "dayjs 封装过后的日期信息"
}
]
},
{
"name": "before-load",
"title": "加载前",
"description": "加载前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/EventTarget"
}
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止加载流程"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
},
{
"name": "load",
"title": "加载后",
"description": "加载后触发",
"params": [
{
"name": "$event",
"type": "null",
"description": "无"
},
{
"name": "senderVM",
"type": "UTableView",
"description": "发送事件实例"
}
]
}
],
"children": []
}
},
{
"symbol": "u-list-components",
"name": "组件列表",
"icon": "forcom",
"depDescription": {},
"description": "组件列表",
"labels": [
"Table"
],
"screenShot": "",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-list-components",
"title": "组件列表",
"description": "组件列表",
"category": "Table",
"screenShot": "",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-list-components.vue/drawings/0.svg",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n \n \n\n\n"
}
],
"attrs": [
{
"name": "data-source",
"title": "数据源",
"type": "array",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "组件的数据源，配置内容为数据集对象或者返回数据集的逻辑。",
"tooltipLink": ""
},
{
"name": "data-schema",
"title": "数据类型",
"type": "schema",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明",
"compType": "dataTypeComsItem",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "IDE 根据配置的数据源动态计算返回内容的数据结构，用于动态配置项 current.item 的类型说明。",
"tooltipLink": ""
},
{
"name": "colnum",
"title": "每行排列项数",
"type": "number",
"default": 5,
"description": "为空时默认为5",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "支持定义每一行排列的项数，为空时会自适应宽度并自动换行。",
"tooltipLink": ""
},
{
"name": "equalWidth",
"title": "均分宽度",
"type": "boolean",
"default": true,
"description": "设置是否均分宽度",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "支持根据组件列表所占宽度自动均匀排布各项。\n- 开启：默认根据组件列表宽度自动计算每一项内容宽度，宽度为 100% / 每行项数。\n- 关闭：每一项内容自适应宽度。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "内容自定义",
"slotProps": {
"concept": "Param",
"name": "current",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "generic",
"typeNamespace": "nasl.ui",
"typeName": "Current",
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"typeName": "T"
}
]
}
}
}
],
"children": []
}
},
{
"symbol": "u-form",
"name": "表单",
"icon": "form",
"depDescription": {},
"description": "具有数据收集、校验和提交功能的表单，包含输入框、选择框、复选框、单选框等元素。",
"labels": [
"Form"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/5.png",
"blocks": "[{\"title\":\"基础表单\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n 立即创建\\n \\n\\n\"},{\"title\":\"行内表单\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n 查 询\\n \\n\\n\"},{\"title\":\"折叠分组\",\"description\":\"\",\"code\":\"\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\"}]",
"jsonSchema": {
"name": "u-form",
"title": "表单",
"description": "具有数据收集、校验和提交功能的表单，包含输入框、选择框、复选框、单选框等元素。",
"category": "Form",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/1.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/2.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/3.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/4.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/screenshots/5.png",
"drawings": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/drawings/0.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/drawings/1.svg,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-form.vue/drawings/2.svg",
"blocks": [
{
"title": "基础表单",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n 立即创建\n \n\n"
},
{
"title": "行内表单",
"description": "",
"code": "\n\n \n \n \n \n \n 查 询\n \n\n"
},
{
"title": "折叠分组",
"description": "",
"code": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n"
}
],
"attrs": [
{
"name": "model",
"title": "数据模型",
"type": "object",
"description": "表单数据模型",
"advanced": true
},
{
"name": "size",
"title": "表单尺寸",
"type": "string",
"options": [
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
}
],
"default": "normal",
"description": "",
"advanced": true
},
{
"name": "layout",
"title": "表单布局",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内展示"
},
{
"value": "block",
"title": "块级展示，宽度会充满父元素"
},
{
"value": "inline-flex",
"title": "栅格展示，可设置列数"
}
],
"default": "block",
"description": "",
"toggleclear": [
"repeat"
],
"toggleupdate": [
{
"value": "inline-flex",
"updateData": {
"repeat": 1
}
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "更改表单的布局方式。行内展示，标签与表单项在一行展示。块级展示，宽度会充满父元素。栅格展示，可设置列数。",
"tooltipLink": ""
},
{
"name": "repeat",
"title": "列数",
"type": "number",
"display": "number",
"default": 1,
"description": "整个表单的划分列数",
"min": 1,
"dependency": [
{
"layout": "inline-flex"
},
{
"!repeat": 1
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "整个表单的划分列数，此项需要设置表单布局为“栅格展示”。",
"tooltipLink": ""
},
{
"name": "label-layout",
"title": "标签布局",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内展示"
},
{
"value": "block",
"title": "块级展示，标签与表单项分行展示"
}
],
"default": "inline",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置标签布局方式。行内展示；块级展示，标签与单项分行展示- ",
"tooltipLink": ""
},
{
"name": "label-ellipsis",
"title": "标签过长省略",
"type": "boolean",
"default": false,
"description": "文字过长是否省略显示。默认文字超出时会换行。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "文字过长是否省略显示，默认文字超出时会换行。",
"tooltipLink": ""
},
{
"name": "collapsible",
"title": "可折叠",
"type": "boolean",
"default": false,
"description": "设置是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "分组是否可以折叠。",
"tooltipLink": ""
},
{
"name": "accordion",
"title": "手风琴模式",
"type": "boolean",
"default": false,
"description": "设置是否每次只展开一个",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "是否每次只会展开一个分组。",
"tooltipLink": ""
},
{
"name": "expand-trigger",
"title": "展开触发方式",
"type": "string",
"options": [
{
"value": "click",
"title": "整行点击均可触发"
},
{
"value": "click-expander",
"title": "仅点击小箭头时触发"
}
],
"default": "click",
"description": "展开/折叠操作的触发方式",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "展开/折叠的触发方式。\n- 整行点击均可触发。\n- 仅点击小箭头时触发。",
"tooltipLink": ""
},
{
"name": "gap-width",
"title": "列间隔",
"type": "string",
"options": [
{
"value": "none",
"title": "无"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "设置表单列间隔大小",
"dependency": [
{
"layout": "inline"
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置表单项间隔大小。支持无、小、正常、大四个级别，此项需要设置表单布局为“行内展示”。",
"tooltipLink": ""
},
{
"name": "gap-height",
"title": "行间隔",
"type": "string",
"options": [
{
"value": "none",
"title": "无"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "设置表单行间隔大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置表单行间隔大小。支持无、小、正常、大四个级别。",
"tooltipLink": ""
},
{
"name": "label-size",
"title": "标签宽度",
"type": "string",
"options": [
{
"value": "mini",
"title": "迷你"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "",
"dependency": [
{
"label-layout": "inline"
}
],
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置标签宽度。支持迷你、小、正常、大四个级别。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``子组件。",
"empty-background": "add-sub-large",
"support": [
{
"name": "u-form-group",
"title": "表单分组",
"snippet": ""
},
{
"name": "u-form-item",
"title": "表单项",
"snippet": ""
}
]
}
],
"methods": [
{
"name": "validate",
"description": "手动验证。",
"params": [
{
"name": "trigger",
"type": "string",
"default": "submit",
"description": "触发方式，可选值：`submit`、`blur`和`input`之一，或者它们的任意组合。"
},
{
"name": "muted",
"type": "boolean",
"default": false,
"description": "是否验证后无提示"
}
]
},
{
"name": "validateItem",
"description": "验证表单中的某一项，已废弃。表单中的项是嵌套的，用 name 层级较深，而且可能有重名。",
"params": [
{
"name": "name",
"type": "string",
"description": "表单项的 name"
},
{
"name": "trigger",
"type": "string",
"default": "submit",
"description": "触发方式，可选值：`submit`、`blur`和`input`之一，或者它们的任意组合。"
},
{
"name": "muted",
"type": "boolean",
"default": false,
"description": "是否验证后无提示"
}
]
}
],
"events": [
{
"name": "validate",
"title": "验证后",
"description": "验证时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ValidateEvent"
}
},
{
"name": "$event.trigger",
"type": "string",
"description": "本次验证的触发方式"
},
{
"name": "$event.valid",
"type": "boolean",
"description": "验证是否通过"
},
{
"name": "$event.touched",
"type": "boolean",
"description": "用户是否触碰"
},
{
"name": "$event.dirty",
"type": "boolean",
"description": "用户是否修改值"
},
{
"name": "$event.firstError",
"type": "string",
"description": "第一个错误提示消息"
},
{
"name": "senderVM",
"type": "UValidator",
"description": "发送事件实例"
}
]
}
],
"children": [
{
"name": "u-form-item",
"title": "表单项",
"description": "表单项",
"attrs": [
{
"name": "label",
"title": "标签名",
"type": "string",
"description": "用于左侧显示，同时用于提示消息的合成",
"advanced": true
},
{
"name": "muted",
"title": "验证是否静默",
"type": "string",
"options": [
{
"value": "message",
"title": "只静默消息提示"
},
{
"value": "all",
"title": "同时静默消息提示和红框提示"
},
{
"value": "none",
"title": "不作处理"
}
],
"default": "none",
"description": "验证是否静默",
"advanced": true
},
{
"name": "placement",
"title": "提示信息位置",
"type": "string",
"options": [
{
"value": "right",
"title": "提示信息在右侧显示"
},
{
"value": "bottom",
"title": "提示信息在底部显示"
}
],
"default": "right",
"description": "改变提示信息显示位置",
"advanced": true
},
{
"name": "validating-options",
"title": "验证辅助对象",
"type": "object",
"description": "验证辅助对象。在 Rule 的 `validate` 方法中使用",
"advanced": true
},
{
"name": "validating-value",
"title": "修改验证值",
"type": "any",
"description": "临时修改验证值",
"advanced": true
},
{
"name": "validating-process",
"title": "验证前预处理",
"type": "Function",
"description": "验证前对值进行预处理",
"advanced": true
},
{
"name": "span",
"title": "占据数",
"type": "string",
"default": 1,
"description": "列跨越的格数",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "列跨越的格数。",
"tooltipLink": ""
},
{
"name": "label-layout",
"title": "标签布局",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内展示"
},
{
"value": "block",
"title": "块级展示，标签与表单项分行展示"
}
],
"default": "inline",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置标签布局方式，行内展示、块级展示，标签与表单项分行展示",
"tooltipLink": ""
},
{
"name": "label-ellipsis",
"title": "标签过长省略",
"type": "boolean",
"default": false,
"description": "文字过长是否省略显示。默认文字超出时会换行。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "文字过长是否省略显示，默认文字超出时会换行。",
"tooltipLink": ""
},
{
"name": "required",
"title": "必填标记",
"type": "boolean",
"default": false,
"description": "是否必填。仅显示样式，如果要验证必填项，需要在`rules`中添加必填规则。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否必填。仅显示样式，如果要验证必填项，需要在rules中添加必填规则。",
"tooltipLink": ""
},
{
"name": "required-position",
"title": "必填标记位置",
"type": "string",
"options": [
{
"value": "left",
"title": "文本左侧"
},
{
"value": "right",
"title": "文本右侧"
}
],
"default": "right",
"group": "主要属性",
"dependency": [
{
"required": true
}
]
},
{
"name": "message",
"title": "释义提示",
"type": "string",
"description": "鼠标悬浮标签后的图标显示释义提示信息",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "默认提示消息。",
"tooltipLink": ""
},
{
"name": "description",
"title": "辅助文本",
"type": "string",
"description": "辅助说明的文本信息",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "添加描述内容。",
"tooltipLink": ""
},
{
"name": "layout",
"title": "标签纵轴对齐",
"type": "string",
"options": [
{
"value": "block",
"title": "顶对齐"
},
{
"value": "center",
"title": "居中对齐"
},
{
"value": "end",
"title": "尾对齐"
}
],
"default": "center",
"description": "标签与表单元素的纵轴对齐方式，默认为顶对齐",
"group": "主要属性",
"docDescription": "标签与表单元素的纵轴对齐方式，默认为顶对齐。",
"tooltipLink": ""
},
{
"name": "rules",
"title": "验证规则",
"type": "string | Array",
"description": "验证规则。简写格式为字符串类型，完整格式或混合格式为数组类型",
"compType": "validationRulesSelect",
"bindHide": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "验证规则。简写格式为字符串类型，完整格式或混合格式为数组类型，详见[验证规则](#验证规则)。",
"tooltipLink": ""
},
{
"name": "ignore-validation",
"title": "忽略验证",
"type": "boolean",
"default": false,
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置是否忽略验证。",
"tooltipLink": ""
},
{
"name": "field-size",
"title": "字段大小",
"type": "string",
"options": [
{
"value": "mini",
"title": "迷你"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "单独设置表单项的内容大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "单独设置表单项的内容大小。",
"tooltipLink": ""
},
{
"name": "label-size",
"title": "表单项标题宽度",
"type": "string",
"options": [
{
"value": "mini",
"title": "迷你"
},
{
"value": "small",
"title": "小"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "large",
"title": "大"
}
],
"default": "normal",
"description": "",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "单独设置表单项的标签宽度大小。支持迷你、小、正常、大四个级别。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"title": "默认",
"description": "插入文本或 HTML。"
},
{
"concept": "Slot",
"name": "label",
"title": "标签自定义",
"description": "插入自定义标签，代替`label`属性。",
"advanced": true,
"quick-add": "never"
},
{
"concept": "Slot",
"name": "description",
"title": "描述自定义",
"description": "插入自定义描述内容，代替`description`属性。",
"advanced": true,
"quick-add": "never"
},
{
"concept": "Slot",
"name": "extra",
"title": "附加内容",
"description": "自定义标签右侧额外内容。",
"advanced": true,
"quick-add": "never"
}
],
"events": [
{
"name": "validate",
"title": "验证后",
"description": "对于第一个 Field 或者所有子 UValidator：",
"params": [
{
"name": "$event.valid",
"type": "boolean",
"description": "验证是否通过"
},
{
"name": "$event.touched",
"type": "boolean",
"description": "用户是否触碰"
},
{
"name": "$event.dirty",
"type": "boolean",
"description": "用户是否修改值"
},
{
"name": "$event.firstError",
"type": "string",
"description": "第一个错误提示消息"
},
{
"name": "senderVM",
"type": "UValidator",
"description": "发送事件实例"
}
]
}
]
},
{
"name": "u-form-group",
"title": "表单分组",
"description": "展开折叠前",
"attrs": [
{
"name": "title",
"title": "标题",
"type": "string",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "显示的标题。",
"tooltipLink": ""
},
{
"name": "repeat",
"title": "列数",
"type": "number",
"default": 1,
"description": "整个表单的划分列数",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "整个表单的划分列数。",
"tooltipLink": ""
},
{
"name": "label-layout",
"title": "标签布局",
"type": "string",
"options": [
{
"value": "inline",
"title": "行内展示"
},
{
"value": "block",
"title": "块级展示，标签与表单项分行展示"
}
],
"default": "inline",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置标签布局方式。行内展示、块级展示，标签与表单项分行展示。",
"tooltipLink": ""
},
{
"name": "label-ellipsis",
"title": "标签过长省略",
"type": "boolean",
"default": false,
"description": "文字过长是否省略显示。默认文字超出时会换行。",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "文字过长是否省略显示。默认文字超出时会换行。",
"tooltipLink": ""
},
{
"name": "collapsible",
"title": "可折叠",
"type": "boolean",
"default": false,
"description": "设置是否可以展开/折叠",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "分组是否可以折叠。",
"tooltipLink": ""
},
{
"name": "expanded",
"title": "展开状态",
"type": "boolean",
"sync": true,
"default": false,
"description": "展开状态分为“True(展开)/False(折叠)”，默认为“展开”",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "绑定展开/折叠状态的值",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止展开/折叠操作",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"description": "插入``或``子组件。",
"support": [
{
"name": "u-form-item",
"title": "表单项",
"snippet": ""
}
]
},
{
"concept": "Slot",
"name": "title",
"description": "自定义标题文本。"
},
{
"concept": "Slot",
"name": "extra",
"description": "在右侧可以附加内容。"
}
],
"events": [
{
"name": "before-toggle",
"title": "展开折叠前",
"description": "展开/折叠此分组前触发",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
},
{
"name": "$event.expanded",
"type": "boolean",
"description": "展开/折叠状态"
},
{
"name": "$event.groupVM",
"type": "UFormGroup",
"description": "分组组件"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止展开/折叠流程"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
},
{
"name": "toggle",
"title": "展开折叠后",
"description": "展开/折叠某分组时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/CollapseEvent"
}
},
{
"name": "$event.expanded",
"type": "boolean",
"description": "展开/折叠状态"
},
{
"name": "$event.groupVM",
"type": "UFormGroup",
"description": "分组组件"
},
{
"name": "senderVM",
"type": "Vue",
"description": "发送事件实例"
}
]
}
]
}
]
}
},
{
"symbol": "u-input",
"name": "单行输入",
"icon": "input",
"depDescription": {},
"description": "基本的表单输入组件",
"labels": [
"Form"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-input.vue/screenshots/0.png",
"blocks": "[{\"title\":\"\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-input",
"title": "单行输入",
"description": "基本的表单输入组件",
"category": "Form",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-input.vue/screenshots/0.png",
"drawings": "",
"blocks": [
{
"title": "",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "minlength",
"title": "最小长度",
"type": "number",
"description": "",
"advanced": true
},
{
"name": "spellcheck",
"title": "拼写检查",
"type": "boolean",
"description": "原生属性",
"advanced": true
},
{
"name": "maxlengthMessage",
"title": "长度上限提示",
"type": "string",
"description": "输入内容达到上限时的错误提示，且被 [FormItem](#/components/u-form) 包裹时生效",
"advanced": true
},
{
"name": "type",
"title": "类型",
"type": "string",
"options": [
{
"value": "text",
"title": "文本"
},
{
"value": "password",
"title": "密码"
}
],
"default": "text",
"description": "文本框或者密码框",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "文本框或者密码框。文本：文本类型。密码：密码类型。",
"tooltipLink": ""
},
{
"name": "value",
"title": "值",
"type": "string",
"sync": true,
"model": true,
"description": "输入的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "输入框的值。",
"tooltipLink": ""
},
{
"name": "placeholder",
"title": "占位符",
"type": "string",
"description": "为空时显示的占位符文本",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "内容为空时的提示文本。",
"tooltipLink": ""
},
{
"name": "maxlength",
"title": "最大字符数",
"type": "number",
"description": "",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "限定输入文本最大长度。",
"tooltipLink": ""
},
{
"name": "autofocus",
"title": "自动获取焦点",
"type": "boolean",
"default": false,
"description": "设置是否自动获取焦点",
"designer-value": false,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否自动获取输入框焦点。",
"tooltipLink": ""
},
{
"name": "prefix",
"title": "前缀图标",
"type": "icon",
"description": "",
"default": "",
"clearable": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置输入框的前缀图标。",
"tooltipLink": ""
},
{
"name": "suffix",
"title": "后缀图标",
"type": "icon",
"description": "",
"default": "",
"clearable": true,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "设置输入框的后缀图标。",
"tooltipLink": ""
},
{
"name": "clearable",
"title": "可清除",
"type": "boolean",
"description": "可点击清除按钮一键清除内容",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "是否在输入框有内容时会显示清除内容的按钮。",
"tooltipLink": ""
},
{
"name": "password",
"title": "显示状态",
"type": "boolean",
"default": false,
"description": "显示状态分为“True(显示)/False(隐藏)”，默认为“显示”",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "切换密码的显示/隐藏。",
"tooltipLink": ""
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入。",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。",
"tooltipLink": ""
},
{
"name": "width",
"title": "宽度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "medium",
"title": "中型"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "small",
"title": "小"
},
{
"value": "mini",
"title": "迷你"
}
],
"default": "normal",
"description": "设置单行输入框宽度大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置单行输入框宽度大小，可选占满、巨大、大、中型、正常、小、迷你",
"tooltipLink": ""
},
{
"name": "height",
"title": "高度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "medium",
"title": "中型"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "small",
"title": "小"
},
{
"value": "mini",
"title": "迷你"
}
],
"default": "normal",
"description": "设置单行输入框高度大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置单行输入框高度大小，可选占满、巨大、大、中型、正常、小、迷你。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"advanced": true,
"title": "默认",
"description": "插入 HTML 或 `Component`, 可展示额外内容。",
"quick-add": "never"
}
],
"methods": [
{
"name": "focus",
"description": "让输入框获取焦点。",
"params": []
},
{
"name": "blur",
"description": "让输入框失去焦点。",
"params": []
},
{
"name": "clear",
"description": "清空输入框。",
"params": []
}
],
"events": [
{
"name": "before-input",
"title": "输入前",
"advanced": true,
"description": "输入前触发。可以在这个阶段阻止输入，或者修改输入的值 $event.value",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeEvent"
}
},
{
"name": "$event.oldValue",
"type": "string",
"description": "旧的值"
},
{
"name": "$event.value",
"type": "string",
"description": "输入框的值"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止输入流程"
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "input",
"title": "输入时",
"description": "输入时触发。",
"params": [
{
"name": "$event",
"type": "string",
"description": "输入框的值"
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "值变化时触发。（注意：与原生事件不同）",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeEvent"
}
},
{
"name": "$event.value",
"type": "string",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "string",
"description": "旧的值"
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "focus",
"title": "获得焦点",
"description": "获得焦点时触发。",
"params": [
{
"name": "$event",
"type": "FocusEvent",
"description": "原生事件对象",
"schema": {
"$ref": "#/systemTypes/FocusEvent"
}
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "blur",
"title": "失去焦点",
"description": "失去焦点时触发。",
"params": [
{
"name": "$event",
"type": "FocusEvent",
"description": "原生事件对象",
"schema": {
"$ref": "#/systemTypes/FocusEvent"
}
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "before-clear",
"title": "清空前",
"description": "清空前触发。",
"advanced": true,
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeEvent"
}
},
{
"name": "$event.value",
"type": "string",
"description": "清空后的值"
},
{
"name": "$event.oldValue",
"type": "string",
"description": "待清空的值"
},
{
"name": "$event.preventDefault",
"type": "Function",
"description": "阻止清空流程"
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "clear",
"title": "清空后",
"description": "清空后触发。",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeEvent"
}
},
{
"name": "$event.value",
"type": "string",
"description": "清空后的值"
},
{
"name": "$event.oldValue",
"type": "string",
"description": "旧的值"
},
{
"name": "senderVM",
"type": "UInput",
"description": "发送事件实例"
}
]
},
{
"name": "click-prefix",
"title": "点击前缀图标",
"description": "点击前缀图标后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "鼠标事件对象",
"schema": {
"$ref": "#/systemTypes/MouseEvent"
}
}
]
},
{
"name": "click-suffix",
"title": "点击后缀图标",
"description": "点击后缀图标后触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "鼠标事件对象",
"schema": {
"$ref": "#/systemTypes/MouseEvent"
}
}
]
},
{
"name": "keydown",
"title": "键盘按下",
"description": "键盘按键按下时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "键盘按键事件对象",
"schema": {
"$ref": "#/systemTypes/KeyboardEvent"
}
}
]
},
{
"name": "keyup",
"title": "键盘松开",
"description": "键盘按键松开时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "键盘按键事件对象",
"schema": {
"$ref": "#/systemTypes/KeyboardEvent"
}
}
]
}
],
"children": []
}
},
{
"symbol": "u-number-input",
"name": "数字输入",
"icon": "number",
"depDescription": {},
"description": "输入数字时使用",
"labels": [
"Form"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-number-input.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-number-input.vue/screenshots/1.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\\n\\n\"},{\"title\":\"按钮样式\",\"description\":\"\",\"code\":\"\\n\\n\\n\"}]",
"jsonSchema": {
"name": "u-number-input",
"title": "数字输入",
"description": "输入数字时使用",
"category": "Form",
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-number-input.vue/screenshots/0.png,https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-number-input.vue/screenshots/1.png",
"drawings": "",
"blocks": [
{
"title": "基本用法",
"description": "",
"code": "\n\n\n"
},
{
"title": "按钮样式",
"description": "",
"code": "\n\n\n"
}
],
"attrs": [
{
"name": "formatter",
"title": "格式化",
"type": "string, object",
"description": "格式化字符串，具体参见示例。也可以传入一个包含`get`和`set`方法的格式化对象。",
"advanced": true
},
{
"name": "value",
"title": "值",
"type": "number",
"sync": true,
"model": true,
"default": 0,
"description": "输入的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "输入框的值。",
"tooltipLink": ""
},
{
"name": "min",
"title": "最小值",
"type": "number",
"default": "",
"description": "最小可输入的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "限制输入数值的最小值。",
"tooltipLink": ""
},
{
"name": "max",
"title": "最大值",
"type": "number",
"default": "",
"description": "最大可输入的值",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "限制输入数值的最大值。",
"tooltipLink": ""
},
{
"name": "precision",
"title": "精度",
"type": "number",
"default": 1,
"description": "限制数字输入要保留的最小精度单位，默认不限制精度，如需保留两位小数，则填入0.01",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "限制数字要保留的最小单位，整数、小数均可，如需要保留两位小数，则填入0.01。",
"tooltipLink": "",
"advanced": true
},
{
"name": "decimal-length",
"title": "精度",
"type": "number",
"description": "控制数据存储时小数点后保留几位。例如：精度为2，则数据存储时小数点后保留2位。",
"group": "数据属性",
"brifeDoc": "",
"docDescription": "限制值要保留的小数位数。默认0，不保留小数位",
"tooltipLink": ""
},
{
"name": "decimal-places",
"title": "小数位数",
"type": "{ places: number, omit: boolean }",
"default": "{ places: '', omit: true }",
"compose": [
{
"key": "places",
"type": "number",
"min": 0
},
{
"key": "omit",
"type": "switch",
"suffix": "隐藏末尾0"
}
],
"description": "控制数据展示时小数点后保留几位，仅影响展示，不影响数据实际存储的值。例如：小数位数为2，则数据展示时小数点后保留2位。",
"dependency": [
{
"advanced-format.enable": false
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "thousandths",
"title": "千位符",
"type": "boolean",
"default": false,
"desciption": "是否显示千位符",
"dependency": [
{
"advanced-format.enable": false
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "percent-sign",
"title": "百分号",
"type": "boolean",
"default": false,
"desciption": "是否显示百分号",
"dependency": [
{
"advanced-format.enable": false
}
],
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "unit",
"title": "单位",
"type": "{ type: string, value: string }",
"default": "{ type: 'prefix', value: '' }",
"compose": [
{
"key": "type",
"type": "select",
"options": [
{
"value": "prefix",
"title": "前缀"
},
{
"value": "suffix",
"title": "后缀"
}
]
},
{
"key": "value",
"type": "text"
}
],
"description": "输入框中显示的单位",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": ""
},
{
"name": "advanced-format",
"title": "高级格式化",
"type": "{ enable: boolean, value: string }",
"default": "{ enable: false, value: '' }",
"description": "用来控制数字的展示格式",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "",
"tooltipLink": "",
"bindHide": true
},
{
"name": "placeholder",
"title": "占位符",
"type": "string",
"description": "为空时显示的占位符文本",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "为空时的提示文本。",
"tooltipLink": ""
},
{
"name": "autofocus",
"title": "自动获取焦点",
"type": "boolean",
"description": "设置是否自动获取焦点",
"designer-value": false,
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否自动获取输入框的焦点。",
"tooltipLink": ""
},
{
"name": "hide-buttons",
"title": "隐藏按钮",
"type": "boolean",
"default": false,
"description": "是否隐藏上下点击按钮",
"group": "主要属性",
"brifeDoc": "",
"docDescription": "是否隐藏数值加减按钮",
"tooltipLink": ""
},
{
"name": "clearable",
"title": "可清除",
"type": "boolean",
"description": "可点击清除按钮一键清除内容",
"group": "交互属性",
"brifeDoc": "",
"docDescription": "开启并在输入框有内容时会显示清除按钮",
"tooltipLink": ""
},
{
"name": "readonly",
"title": "只读",
"type": "boolean",
"default": false,
"description": "正常显示，但禁止选择/输入",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "正常显示，但禁止选择或输入",
"tooltipLink": ""
},
{
"name": "disabled",
"title": "禁用",
"type": "boolean",
"default": false,
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"group": "状态属性",
"brifeDoc": "",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"tooltipLink": ""
},
{
"name": "step",
"title": "间隔",
"type": "number",
"default": 1,
"description": "间隔，表示点击按钮或按上下键所增加或减少的量",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "限制点击按钮或按上下键所增加或减少的量。",
"tooltipLink": ""
},
{
"name": "width",
"title": "宽度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "medium",
"title": "中型"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "small",
"title": "小"
},
{
"value": "mini",
"title": "迷你"
}
],
"default": "normal",
"description": "设置数字输入框宽度大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置数字输入框宽度大小，可选占满、巨大、大、中型、正常、小、迷你。",
"tooltipLink": ""
},
{
"name": "height",
"title": "高度",
"type": "string",
"options": [
{
"value": "full",
"title": "占满"
},
{
"value": "huge",
"title": "巨大"
},
{
"value": "large",
"title": "大"
},
{
"value": "medium",
"title": "中型"
},
{
"value": "normal",
"title": "正常"
},
{
"value": "small",
"title": "小"
},
{
"value": "mini",
"title": "迷你"
}
],
"default": "normal",
"description": "设置数字输入框高度大小",
"group": "样式属性",
"brifeDoc": "",
"docDescription": "设置数字输入框高度大小，可选占满、巨大、大、中型、正常、小、迷你。",
"tooltipLink": ""
}
],
"slots": [
{
"concept": "Slot",
"name": "default",
"advanced": true,
"title": "默认",
"description": "插入 HTML 或 `Component`, 可展示额外内容。",
"quick-add": "never"
}
],
"events": [
{
"name": "input",
"title": "输入时",
"description": "输入时触发",
"params": [
{
"name": "$event",
"type": "string",
"description": "输入框的值",
"schema": {
"$ref": "#/basicTypes/String"
}
},
{
"name": "senderVM",
"type": "UNumberInput",
"description": "发送事件实例"
}
]
},
{
"name": "validate",
"title": "验证时",
"description": "输入验证时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ValidateEvent"
}
},
{
"name": "$event.rawValue",
"type": "string",
"description": "用户输入的原始值"
},
{
"name": "$event.value",
"type": "number",
"description": "验证修复的值"
},
{
"name": "$event.valid",
"type": "boolean",
"description": "原始值是否合法"
},
{
"name": "senderVM",
"type": "UNumberInput",
"description": "发送事件实例"
}
]
},
{
"name": "change",
"title": "改变后",
"description": "值变化时触发（与原生事件不同）",
"params": [
{
"name": "$event",
"type": "object",
"description": "自定义事件对象",
"schema": {
"$ref": "#/systemTypes/ChangeEvent"
}
},
{
"name": "$event.value",
"type": "number",
"description": "改变后的值"
},
{
"name": "$event.oldValue",
"type": "number",
"description": "旧的值"
},
{
"name": "$event.formattedValue",
"type": "string",
"description": "格式化后的值"
},
{
"name": "$event.valid",
"type": "boolean",
"description": "改变后的值是否合法"
},
{
"name": "senderVM",
"type": "UNumberInput",
"description": "发送事件实例"
}
]
},
{
"name": "focus",
"title": "聚焦后",
"description": "获得焦点时触发",
"params": [
{
"name": "$event",
"type": "string",
"description": "原生事件对象",
"schema": {
"$ref": "#/systemTypes/FocusEvent"
}
},
{
"name": "senderVM",
"type": "UNumberInput",
"description": "发送事件实例"
}
]
},
{
"name": "blur",
"title": "失焦后",
"description": "失去焦点时触发",
"params": [
{
"name": "$event",
"type": "string",
"description": "原生事件对象",
"schema": {
"$ref": "#/systemTypes/FocusEvent"
}
},
{
"name": "senderVM",
"type": "UNumberInput",
"description": "发送事件实例"
}
]
},
{
"name": "keydown",
"title": "键盘按下",
"description": "键盘按键按下时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "键盘按键事件对象",
"schema": {
"$ref": "#/systemTypes/KeyboardEvent"
}
}
]
},
{
"name": "keyup",
"title": "键盘松开",
"description": "键盘按键松开时触发",
"params": [
{
"name": "$event",
"type": "object",
"description": "键盘按键事件对象",
"schema": {
"$ref": "#/systemTypes/KeyboardEvent"
}
}
]
}
],
"children": []
}
},
{
"symbol": "u-textarea",
"name": "多行输入",
"icon": "textarea",
"depDescription": {},
"description": "多行输入组件",
"labels": [
"Form"
],
"screenShot": "https://static-vusion.163yun.com/packages/cloud-ui.vusion@0.18.20/src/components/u-textarea.vue/screenshots/0.png",
"blocks": "[{\"title\":\"基本用法\",\"description\":\"大部分属性与`