diff --git a/bundle.json b/bundle.json new file mode 100644 index 000000000..6d985e9ff --- /dev/null +++ b/bundle.json @@ -0,0 +1,641 @@ +{ + "data": { + "framework": "Vue", + "materials": { + "components": [ + { + "id": 1, + "version": "2.7.8", + "name": { + "zh_CN": "按钮" + }, + "component": "ElButton", + "icon": "button", + "description": "常用的操作按钮。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElButton" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], + "disable": [] + }, + "invalidity": [ + "" + ], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Button 属性 ​" + }, + "description": { + "zh_CN": "Button 属性 ​" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "plain" + } + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "text" + } + }, + "description": { + "zh_CN": "是否为文字按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "bg", + "label": { + "text": { + "zh_CN": "bg" + } + }, + "description": { + "zh_CN": "是否显示文字按钮背景颜色" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "link", + "label": { + "text": { + "zh_CN": "link" + } + }, + "description": { + "zh_CN": "是否为链接按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "round", + "label": { + "text": { + "zh_CN": "round" + } + }, + "description": { + "zh_CN": "是否为圆角按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "circle" + } + }, + "description": { + "zh_CN": "是否为圆形按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否为加载中状态" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "loading-icon", + "label": { + "text": { + "zh_CN": "loading-icon" + } + }, + "description": { + "zh_CN": "自定义加载中状态图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "按钮是否为禁用状态" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "autofocus" + } + }, + "description": { + "zh_CN": "原生 autofocus 属性" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "native-type", + "label": { + "text": { + "zh_CN": "native-type" + } + }, + "description": { + "zh_CN": "原生 type 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "auto-insert-space", + "label": { + "text": { + "zh_CN": "auto-insert-space" + } + }, + "description": { + "zh_CN": "自动在两个中文字符之间插入空格" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } + }, + "description": { + "zh_CN": "自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "dark", + "label": { + "text": { + "zh_CN": "dark" + } + }, + "description": { + "zh_CN": "dark 模式, 意味着自动设置 color 为 dark 模式的颜色" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "tag", + "label": { + "text": { + "zh_CN": "tag" + } + }, + "description": { + "zh_CN": "自定义元素标签" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "ButtonGroup 属性 ​" + }, + "description": { + "zh_CN": "ButtonGroup 属性 ​" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该按钮组内按钮的大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "用于控制该按钮组内按钮的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义按钮组内容" + }, + "subTag": "Button" + }, + "loading": { + "label": { + "zh_CN": "loading" + }, + "description": { + "zh_CN": "自定义加载中组件" + } + }, + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "自定义图标组件" + } + } + } + } + } + ], + "blocks": [], + "snippets": [ + { + "group": "element-plus", + "children": [ + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "ElButton", + "schema": {} + } + ] + } + ] + } + } +} \ No newline at end of file diff --git a/bundle1.json b/bundle1.json new file mode 100644 index 000000000..0a95c0acb --- /dev/null +++ b/bundle1.json @@ -0,0 +1,2710 @@ +{ + "data": { + "framework": "Vue", + "materials": { + "components": [ + { + "id": 1, + "version": "2.7.8", + "name": { + "zh_CN": "按钮" + }, + "component": "Button 按钮", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Button 按钮", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 2, + "version": "2.7.8", + "name": { + "zh_CN": "边框" + }, + "component": "Border 边框", + "icon": "", + "description": "", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Border 边框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 3, + "version": "2.7.8", + "name": { + "zh_CN": "色彩" + }, + "component": "Color 色彩", + "icon": "", + "description": "", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Color 色彩", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 4, + "version": "2.7.8", + "name": { + "zh_CN": "布局容器" + }, + "component": "Container 布局容器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Container 布局容器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 5, + "version": "2.7.8", + "name": { + "zh_CN": "图标" + }, + "component": "Icon 图标", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Icon 图标", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 6, + "version": "2.7.8", + "name": { + "zh_CN": "布局" + }, + "component": "Layout 布局", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Layout 布局", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 7, + "version": "2.7.8", + "name": { + "zh_CN": "链接" + }, + "component": "Link 链接", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Link 链接", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 8, + "version": "2.7.8", + "name": { + "zh_CN": "文本2.3.0" + }, + "component": "Text 文本2.3.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Text 文本2.3.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 9, + "version": "2.7.8", + "name": { + "zh_CN": "滚动条" + }, + "component": "Scrollbar 滚动条", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Scrollbar 滚动条", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 10, + "version": "2.7.8", + "name": { + "zh_CN": "间距" + }, + "component": "Space 间距", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Space 间距", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 11, + "version": "2.7.8", + "name": { + "zh_CN": "排版" + }, + "component": "Typography 排版", + "icon": "", + "description": "", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Typography 排版", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 12, + "version": "2.7.8", + "name": { + "zh_CN": "Provider 全局配置" + }, + "component": "Config Provider 全局配置", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Config Provider 全局配置", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 13, + "version": "2.7.8", + "name": { + "zh_CN": "自动补全输入框" + }, + "component": "Autocomplete 自动补全输入框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Autocomplete 自动补全输入框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 14, + "version": "2.7.8", + "name": { + "zh_CN": "级联选择器" + }, + "component": "Cascader 级联选择器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Cascader 级联选择器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 15, + "version": "2.7.8", + "name": { + "zh_CN": "多选框" + }, + "component": "Checkbox 多选框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Checkbox 多选框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 16, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 取色器" + }, + "component": "Color Picker 取色器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Color Picker 取色器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 17, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 日期选择器" + }, + "component": "Date Picker 日期选择器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Date Picker 日期选择器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 18, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 日期时间选择器" + }, + "component": "DateTime Picker 日期时间选择器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "DateTime Picker 日期时间选择器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 19, + "version": "2.7.8", + "name": { + "zh_CN": "表单" + }, + "component": "Form 表单", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Form 表单", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 20, + "version": "2.7.8", + "name": { + "zh_CN": "输入框" + }, + "component": "Input 输入框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Input 输入框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 21, + "version": "2.7.8", + "name": { + "zh_CN": "Number 数字输入框" + }, + "component": "Input Number 数字输入框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Input Number 数字输入框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 22, + "version": "2.7.8", + "name": { + "zh_CN": "提及2.8.0" + }, + "component": "Mention 提及2.8.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Mention 提及2.8.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 23, + "version": "2.7.8", + "name": { + "zh_CN": "单选框" + }, + "component": "Radio 单选框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Radio 单选框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 24, + "version": "2.7.8", + "name": { + "zh_CN": "评分" + }, + "component": "Rate 评分", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Rate 评分", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 25, + "version": "2.7.8", + "name": { + "zh_CN": "选择器" + }, + "component": "Select 选择器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Select 选择器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 26, + "version": "2.7.8", + "name": { + "zh_CN": "Select 虚拟化选择器" + }, + "component": "Virtualized Select 虚拟化选择器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Virtualized Select 虚拟化选择器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 27, + "version": "2.7.8", + "name": { + "zh_CN": "滑块" + }, + "component": "Slider 滑块", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Slider 滑块", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 28, + "version": "2.7.8", + "name": { + "zh_CN": "开关" + }, + "component": "Switch 开关", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Switch 开关", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 29, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 时间选择器" + }, + "component": "Time Picker 时间选择器", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Time Picker 时间选择器", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 30, + "version": "2.7.8", + "name": { + "zh_CN": "Select 时间选择" + }, + "component": "Time Select 时间选择", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Time Select 时间选择", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 31, + "version": "2.7.8", + "name": { + "zh_CN": "穿梭框" + }, + "component": "Transfer 穿梭框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Transfer 穿梭框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 32, + "version": "2.7.8", + "name": { + "zh_CN": "树形选择2.1.8" + }, + "component": "TreeSelect 树形选择2.1.8", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "TreeSelect 树形选择2.1.8", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 33, + "version": "2.7.8", + "name": { + "zh_CN": "上传" + }, + "component": "Upload 上传", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Upload 上传", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 34, + "version": "2.7.8", + "name": { + "zh_CN": "头像" + }, + "component": "Avatar 头像", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Avatar 头像", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 35, + "version": "2.7.8", + "name": { + "zh_CN": "徽章" + }, + "component": "Badge 徽章", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Badge 徽章", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 36, + "version": "2.7.8", + "name": { + "zh_CN": "日历" + }, + "component": "Calendar 日历", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Calendar 日历", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 37, + "version": "2.7.8", + "name": { + "zh_CN": "卡片" + }, + "component": "Card 卡片", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Card 卡片", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 38, + "version": "2.7.8", + "name": { + "zh_CN": "走马灯" + }, + "component": "Carousel 走马灯", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Carousel 走马灯", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 39, + "version": "2.7.8", + "name": { + "zh_CN": "折叠面板" + }, + "component": "Collapse 折叠面板", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Collapse 折叠面板", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 40, + "version": "2.7.8", + "name": { + "zh_CN": "描述列表" + }, + "component": "Descriptions 描述列表", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Descriptions 描述列表", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 41, + "version": "2.7.8", + "name": { + "zh_CN": "空状态" + }, + "component": "Empty 空状态", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Empty 空状态", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 42, + "version": "2.7.8", + "name": { + "zh_CN": "图片" + }, + "component": "Image 图片", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Image 图片", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 43, + "version": "2.7.8", + "name": { + "zh_CN": "Scroll 无限滚动" + }, + "component": "Infinite Scroll 无限滚动", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Infinite Scroll 无限滚动", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 44, + "version": "2.7.8", + "name": { + "zh_CN": "分页" + }, + "component": "Pagination 分页", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Pagination 分页", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 45, + "version": "2.7.8", + "name": { + "zh_CN": "进度条" + }, + "component": "Progress 进度条", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Progress 进度条", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 46, + "version": "2.7.8", + "name": { + "zh_CN": "结果" + }, + "component": "Result 结果", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Result 结果", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 47, + "version": "2.7.8", + "name": { + "zh_CN": "骨架屏" + }, + "component": "Skeleton 骨架屏", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Skeleton 骨架屏", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 48, + "version": "2.7.8", + "name": { + "zh_CN": "表格" + }, + "component": "Table 表格", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Table 表格", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 49, + "version": "2.7.8", + "name": { + "zh_CN": "Table 虚拟化表格2.2.0" + }, + "component": "Virtualized Table 虚拟化表格2.2.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Virtualized Table 虚拟化表格2.2.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 50, + "version": "2.7.8", + "name": { + "zh_CN": "标签" + }, + "component": "Tag 标签", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Tag 标签", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 51, + "version": "2.7.8", + "name": { + "zh_CN": "时间线" + }, + "component": "Timeline 时间线", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Timeline 时间线", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 52, + "version": "2.7.8", + "name": { + "zh_CN": "漫游式引导2.5.0" + }, + "component": "Tour 漫游式引导2.5.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Tour 漫游式引导2.5.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 53, + "version": "2.7.8", + "name": { + "zh_CN": "树形控件" + }, + "component": "Tree 树形控件", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Tree 树形控件", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 54, + "version": "2.7.8", + "name": { + "zh_CN": "Tree 虚拟化树形控件" + }, + "component": "Virtualized Tree 虚拟化树形控件", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Virtualized Tree 虚拟化树形控件", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 55, + "version": "2.7.8", + "name": { + "zh_CN": "统计组件2.2.30" + }, + "component": "Statistic 统计组件2.2.30", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Statistic 统计组件2.2.30", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 56, + "version": "2.7.8", + "name": { + "zh_CN": "分段控制器2.7.0" + }, + "component": "Segmented 分段控制器2.7.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Segmented 分段控制器2.7.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 57, + "version": "2.7.8", + "name": { + "zh_CN": "固钉" + }, + "component": "Affix 固钉", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Affix 固钉", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 58, + "version": "2.7.8", + "name": { + "zh_CN": "锚点2.6.0" + }, + "component": "Anchor 锚点2.6.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Anchor 锚点2.6.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 59, + "version": "2.7.8", + "name": { + "zh_CN": "回到顶部" + }, + "component": "Backtop 回到顶部", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Backtop 回到顶部", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 60, + "version": "2.7.8", + "name": { + "zh_CN": "面包屑" + }, + "component": "Breadcrumb 面包屑", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Breadcrumb 面包屑", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 61, + "version": "2.7.8", + "name": { + "zh_CN": "下拉菜单" + }, + "component": "Dropdown 下拉菜单", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Dropdown 下拉菜单", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 62, + "version": "2.7.8", + "name": { + "zh_CN": "菜单" + }, + "component": "Menu 菜单", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Menu 菜单", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 63, + "version": "2.7.8", + "name": { + "zh_CN": "Header 页头" + }, + "component": "Page Header 页头", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Page Header 页头", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 64, + "version": "2.7.8", + "name": { + "zh_CN": "步骤条" + }, + "component": "Steps 步骤条", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Steps 步骤条", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 65, + "version": "2.7.8", + "name": { + "zh_CN": "标签页" + }, + "component": "Tabs 标签页", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Tabs 标签页", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 66, + "version": "2.7.8", + "name": { + "zh_CN": "提示" + }, + "component": "Alert 提示", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Alert 提示", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 67, + "version": "2.7.8", + "name": { + "zh_CN": "对话框" + }, + "component": "Dialog 对话框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Dialog 对话框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 68, + "version": "2.7.8", + "name": { + "zh_CN": "抽屉" + }, + "component": "Drawer 抽屉", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Drawer 抽屉", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 69, + "version": "2.7.8", + "name": { + "zh_CN": "加载" + }, + "component": "Loading 加载", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Loading 加载", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 70, + "version": "2.7.8", + "name": { + "zh_CN": "消息提示" + }, + "component": "Message 消息提示", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Message 消息提示", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 71, + "version": "2.7.8", + "name": { + "zh_CN": "Box 消息弹出框" + }, + "component": "Message Box 消息弹出框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Message Box 消息弹出框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 72, + "version": "2.7.8", + "name": { + "zh_CN": "通知" + }, + "component": "Notification 通知", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Notification 通知", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 73, + "version": "2.7.8", + "name": { + "zh_CN": "气泡确认框" + }, + "component": "Popconfirm 气泡确认框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Popconfirm 气泡确认框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 74, + "version": "2.7.8", + "name": { + "zh_CN": "弹出框" + }, + "component": "Popover 弹出框", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Popover 弹出框", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 75, + "version": "2.7.8", + "name": { + "zh_CN": "文字提示" + }, + "component": "Tooltip 文字提示", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Tooltip 文字提示", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 76, + "version": "2.7.8", + "name": { + "zh_CN": "分割线" + }, + "component": "Divider 分割线", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Divider 分割线", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + }, + { + "id": 77, + "version": "2.7.8", + "name": { + "zh_CN": "水印 2.4.0" + }, + "component": "Watermark 水印 2.4.0", + "icon": "", + "description": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "exportName": "Watermark 水印 2.4.0", + "main": "lib/index.js", + "destructuring": true, + "subName": "" + }, + "group": "", + "category": "element-plus", + "configure": {}, + "schema": {} + } + ], + "blocks": [], + "snippets": [ + { + "id": 1, + "name": { + "zh_CN": "使用Button 按钮" + }, + "description": "如何在Vue中使用Button 按钮", + "code": "", + "language": "Vue" + }, + { + "id": 2, + "name": { + "zh_CN": "使用Border 边框" + }, + "description": "如何在Vue中使用Border 边框", + "code": "", + "language": "Vue" + }, + { + "id": 3, + "name": { + "zh_CN": "使用Color 色彩" + }, + "description": "如何在Vue中使用Color 色彩", + "code": "", + "language": "Vue" + }, + { + "id": 4, + "name": { + "zh_CN": "使用Container 布局容器" + }, + "description": "如何在Vue中使用Container 布局容器", + "code": "", + "language": "Vue" + }, + { + "id": 5, + "name": { + "zh_CN": "使用Icon 图标" + }, + "description": "如何在Vue中使用Icon 图标", + "code": "", + "language": "Vue" + }, + { + "id": 6, + "name": { + "zh_CN": "使用Layout 布局" + }, + "description": "如何在Vue中使用Layout 布局", + "code": "", + "language": "Vue" + }, + { + "id": 7, + "name": { + "zh_CN": "使用Link 链接" + }, + "description": "如何在Vue中使用Link 链接", + "code": "", + "language": "Vue" + }, + { + "id": 8, + "name": { + "zh_CN": "使用Text 文本2.3.0" + }, + "description": "如何在Vue中使用Text 文本2.3.0", + "code": "", + "language": "Vue" + }, + { + "id": 9, + "name": { + "zh_CN": "使用Scrollbar 滚动条" + }, + "description": "如何在Vue中使用Scrollbar 滚动条", + "code": "", + "language": "Vue" + }, + { + "id": 10, + "name": { + "zh_CN": "使用Space 间距" + }, + "description": "如何在Vue中使用Space 间距", + "code": "", + "language": "Vue" + }, + { + "id": 11, + "name": { + "zh_CN": "使用Typography 排版" + }, + "description": "如何在Vue中使用Typography 排版", + "code": "", + "language": "Vue" + }, + { + "id": 12, + "name": { + "zh_CN": "使用Config Provider 全局配置" + }, + "description": "如何在Vue中使用Config Provider 全局配置", + "code": "", + "language": "Vue" + }, + { + "id": 13, + "name": { + "zh_CN": "使用Autocomplete 自动补全输入框" + }, + "description": "如何在Vue中使用Autocomplete 自动补全输入框", + "code": "", + "language": "Vue" + }, + { + "id": 14, + "name": { + "zh_CN": "使用Cascader 级联选择器" + }, + "description": "如何在Vue中使用Cascader 级联选择器", + "code": "", + "language": "Vue" + }, + { + "id": 15, + "name": { + "zh_CN": "使用Checkbox 多选框" + }, + "description": "如何在Vue中使用Checkbox 多选框", + "code": "", + "language": "Vue" + }, + { + "id": 16, + "name": { + "zh_CN": "使用Color Picker 取色器" + }, + "description": "如何在Vue中使用Color Picker 取色器", + "code": "", + "language": "Vue" + }, + { + "id": 17, + "name": { + "zh_CN": "使用Date Picker 日期选择器" + }, + "description": "如何在Vue中使用Date Picker 日期选择器", + "code": "", + "language": "Vue" + }, + { + "id": 18, + "name": { + "zh_CN": "使用DateTime Picker 日期时间选择器" + }, + "description": "如何在Vue中使用DateTime Picker 日期时间选择器", + "code": "", + "language": "Vue" + }, + { + "id": 19, + "name": { + "zh_CN": "使用Form 表单" + }, + "description": "如何在Vue中使用Form 表单", + "code": "", + "language": "Vue" + }, + { + "id": 20, + "name": { + "zh_CN": "使用Input 输入框" + }, + "description": "如何在Vue中使用Input 输入框", + "code": "", + "language": "Vue" + }, + { + "id": 21, + "name": { + "zh_CN": "使用Input Number 数字输入框" + }, + "description": "如何在Vue中使用Input Number 数字输入框", + "code": "", + "language": "Vue" + }, + { + "id": 22, + "name": { + "zh_CN": "使用Mention 提及2.8.0" + }, + "description": "如何在Vue中使用Mention 提及2.8.0", + "code": "", + "language": "Vue" + }, + { + "id": 23, + "name": { + "zh_CN": "使用Radio 单选框" + }, + "description": "如何在Vue中使用Radio 单选框", + "code": "", + "language": "Vue" + }, + { + "id": 24, + "name": { + "zh_CN": "使用Rate 评分" + }, + "description": "如何在Vue中使用Rate 评分", + "code": "", + "language": "Vue" + }, + { + "id": 25, + "name": { + "zh_CN": "使用Select 选择器" + }, + "description": "如何在Vue中使用Select 选择器", + "code": "", + "language": "Vue" + }, + { + "id": 26, + "name": { + "zh_CN": "使用Virtualized Select 虚拟化选择器" + }, + "description": "如何在Vue中使用Virtualized Select 虚拟化选择器", + "code": "", + "language": "Vue" + }, + { + "id": 27, + "name": { + "zh_CN": "使用Slider 滑块" + }, + "description": "如何在Vue中使用Slider 滑块", + "code": "", + "language": "Vue" + }, + { + "id": 28, + "name": { + "zh_CN": "使用Switch 开关" + }, + "description": "如何在Vue中使用Switch 开关", + "code": "", + "language": "Vue" + }, + { + "id": 29, + "name": { + "zh_CN": "使用Time Picker 时间选择器" + }, + "description": "如何在Vue中使用Time Picker 时间选择器", + "code": "", + "language": "Vue" + }, + { + "id": 30, + "name": { + "zh_CN": "使用Time Select 时间选择" + }, + "description": "如何在Vue中使用Time Select 时间选择", + "code": "", + "language": "Vue" + }, + { + "id": 31, + "name": { + "zh_CN": "使用Transfer 穿梭框" + }, + "description": "如何在Vue中使用Transfer 穿梭框", + "code": "", + "language": "Vue" + }, + { + "id": 32, + "name": { + "zh_CN": "使用TreeSelect 树形选择2.1.8" + }, + "description": "如何在Vue中使用TreeSelect 树形选择2.1.8", + "code": "", + "language": "Vue" + }, + { + "id": 33, + "name": { + "zh_CN": "使用Upload 上传" + }, + "description": "如何在Vue中使用Upload 上传", + "code": "", + "language": "Vue" + }, + { + "id": 34, + "name": { + "zh_CN": "使用Avatar 头像" + }, + "description": "如何在Vue中使用Avatar 头像", + "code": "", + "language": "Vue" + }, + { + "id": 35, + "name": { + "zh_CN": "使用Badge 徽章" + }, + "description": "如何在Vue中使用Badge 徽章", + "code": "", + "language": "Vue" + }, + { + "id": 36, + "name": { + "zh_CN": "使用Calendar 日历" + }, + "description": "如何在Vue中使用Calendar 日历", + "code": "", + "language": "Vue" + }, + { + "id": 37, + "name": { + "zh_CN": "使用Card 卡片" + }, + "description": "如何在Vue中使用Card 卡片", + "code": "", + "language": "Vue" + }, + { + "id": 38, + "name": { + "zh_CN": "使用Carousel 走马灯" + }, + "description": "如何在Vue中使用Carousel 走马灯", + "code": "", + "language": "Vue" + }, + { + "id": 39, + "name": { + "zh_CN": "使用Collapse 折叠面板" + }, + "description": "如何在Vue中使用Collapse 折叠面板", + "code": "", + "language": "Vue" + }, + { + "id": 40, + "name": { + "zh_CN": "使用Descriptions 描述列表" + }, + "description": "如何在Vue中使用Descriptions 描述列表", + "code": "", + "language": "Vue" + }, + { + "id": 41, + "name": { + "zh_CN": "使用Empty 空状态" + }, + "description": "如何在Vue中使用Empty 空状态", + "code": "", + "language": "Vue" + }, + { + "id": 42, + "name": { + "zh_CN": "使用Image 图片" + }, + "description": "如何在Vue中使用Image 图片", + "code": "", + "language": "Vue" + }, + { + "id": 43, + "name": { + "zh_CN": "使用Infinite Scroll 无限滚动" + }, + "description": "如何在Vue中使用Infinite Scroll 无限滚动", + "code": "", + "language": "Vue" + }, + { + "id": 44, + "name": { + "zh_CN": "使用Pagination 分页" + }, + "description": "如何在Vue中使用Pagination 分页", + "code": "", + "language": "Vue" + }, + { + "id": 45, + "name": { + "zh_CN": "使用Progress 进度条" + }, + "description": "如何在Vue中使用Progress 进度条", + "code": "", + "language": "Vue" + }, + { + "id": 46, + "name": { + "zh_CN": "使用Result 结果" + }, + "description": "如何在Vue中使用Result 结果", + "code": "", + "language": "Vue" + }, + { + "id": 47, + "name": { + "zh_CN": "使用Skeleton 骨架屏" + }, + "description": "如何在Vue中使用Skeleton 骨架屏", + "code": "", + "language": "Vue" + }, + { + "id": 48, + "name": { + "zh_CN": "使用Table 表格" + }, + "description": "如何在Vue中使用Table 表格", + "code": "", + "language": "Vue" + }, + { + "id": 49, + "name": { + "zh_CN": "使用Virtualized Table 虚拟化表格2.2.0" + }, + "description": "如何在Vue中使用Virtualized Table 虚拟化表格2.2.0", + "code": "", + "language": "Vue" + }, + { + "id": 50, + "name": { + "zh_CN": "使用Tag 标签" + }, + "description": "如何在Vue中使用Tag 标签", + "code": "", + "language": "Vue" + }, + { + "id": 51, + "name": { + "zh_CN": "使用Timeline 时间线" + }, + "description": "如何在Vue中使用Timeline 时间线", + "code": "", + "language": "Vue" + }, + { + "id": 52, + "name": { + "zh_CN": "使用Tour 漫游式引导2.5.0" + }, + "description": "如何在Vue中使用Tour 漫游式引导2.5.0", + "code": "", + "language": "Vue" + }, + { + "id": 53, + "name": { + "zh_CN": "使用Tree 树形控件" + }, + "description": "如何在Vue中使用Tree 树形控件", + "code": "", + "language": "Vue" + }, + { + "id": 54, + "name": { + "zh_CN": "使用Virtualized Tree 虚拟化树形控件" + }, + "description": "如何在Vue中使用Virtualized Tree 虚拟化树形控件", + "code": "", + "language": "Vue" + }, + { + "id": 55, + "name": { + "zh_CN": "使用Statistic 统计组件2.2.30" + }, + "description": "如何在Vue中使用Statistic 统计组件2.2.30", + "code": "", + "language": "Vue" + }, + { + "id": 56, + "name": { + "zh_CN": "使用Segmented 分段控制器2.7.0" + }, + "description": "如何在Vue中使用Segmented 分段控制器2.7.0", + "code": "", + "language": "Vue" + }, + { + "id": 57, + "name": { + "zh_CN": "使用Affix 固钉" + }, + "description": "如何在Vue中使用Affix 固钉", + "code": "", + "language": "Vue" + }, + { + "id": 58, + "name": { + "zh_CN": "使用Anchor 锚点2.6.0" + }, + "description": "如何在Vue中使用Anchor 锚点2.6.0", + "code": "", + "language": "Vue" + }, + { + "id": 59, + "name": { + "zh_CN": "使用Backtop 回到顶部" + }, + "description": "如何在Vue中使用Backtop 回到顶部", + "code": "", + "language": "Vue" + }, + { + "id": 60, + "name": { + "zh_CN": "使用Breadcrumb 面包屑" + }, + "description": "如何在Vue中使用Breadcrumb 面包屑", + "code": "", + "language": "Vue" + }, + { + "id": 61, + "name": { + "zh_CN": "使用Dropdown 下拉菜单" + }, + "description": "如何在Vue中使用Dropdown 下拉菜单", + "code": "", + "language": "Vue" + }, + { + "id": 62, + "name": { + "zh_CN": "使用Menu 菜单" + }, + "description": "如何在Vue中使用Menu 菜单", + "code": "", + "language": "Vue" + }, + { + "id": 63, + "name": { + "zh_CN": "使用Page Header 页头" + }, + "description": "如何在Vue中使用Page Header 页头", + "code": "", + "language": "Vue" + }, + { + "id": 64, + "name": { + "zh_CN": "使用Steps 步骤条" + }, + "description": "如何在Vue中使用Steps 步骤条", + "code": "", + "language": "Vue" + }, + { + "id": 65, + "name": { + "zh_CN": "使用Tabs 标签页" + }, + "description": "如何在Vue中使用Tabs 标签页", + "code": "", + "language": "Vue" + }, + { + "id": 66, + "name": { + "zh_CN": "使用Alert 提示" + }, + "description": "如何在Vue中使用Alert 提示", + "code": "", + "language": "Vue" + }, + { + "id": 67, + "name": { + "zh_CN": "使用Dialog 对话框" + }, + "description": "如何在Vue中使用Dialog 对话框", + "code": "", + "language": "Vue" + }, + { + "id": 68, + "name": { + "zh_CN": "使用Drawer 抽屉" + }, + "description": "如何在Vue中使用Drawer 抽屉", + "code": "", + "language": "Vue" + }, + { + "id": 69, + "name": { + "zh_CN": "使用Loading 加载" + }, + "description": "如何在Vue中使用Loading 加载", + "code": "", + "language": "Vue" + }, + { + "id": 70, + "name": { + "zh_CN": "使用Message 消息提示" + }, + "description": "如何在Vue中使用Message 消息提示", + "code": "", + "language": "Vue" + }, + { + "id": 71, + "name": { + "zh_CN": "使用Message Box 消息弹出框" + }, + "description": "如何在Vue中使用Message Box 消息弹出框", + "code": "", + "language": "Vue" + }, + { + "id": 72, + "name": { + "zh_CN": "使用Notification 通知" + }, + "description": "如何在Vue中使用Notification 通知", + "code": "", + "language": "Vue" + }, + { + "id": 73, + "name": { + "zh_CN": "使用Popconfirm 气泡确认框" + }, + "description": "如何在Vue中使用Popconfirm 气泡确认框", + "code": "", + "language": "Vue" + }, + { + "id": 74, + "name": { + "zh_CN": "使用Popover 弹出框" + }, + "description": "如何在Vue中使用Popover 弹出框", + "code": "", + "language": "Vue" + }, + { + "id": 75, + "name": { + "zh_CN": "使用Tooltip 文字提示" + }, + "description": "如何在Vue中使用Tooltip 文字提示", + "code": "", + "language": "Vue" + }, + { + "id": 76, + "name": { + "zh_CN": "使用Divider 分割线" + }, + "description": "如何在Vue中使用Divider 分割线", + "code": "", + "language": "Vue" + }, + { + "id": 77, + "name": { + "zh_CN": "使用Watermark 水印 2.4.0" + }, + "description": "如何在Vue中使用Watermark 水印 2.4.0", + "code": "", + "language": "Vue" + } + ] + } + } +} \ No newline at end of file diff --git a/package.json b/package.json index 8586040b0..072b83449 100644 --- a/package.json +++ b/package.json @@ -70,5 +70,9 @@ "patchedDependencies": { "@vue/repl@2.9.0": "patches/@vue__repl@2.9.0.patch" } + }, + "dependencies": { + "axios": "~0.28.0", + "cheerio": "1.0.0-rc.12" } } diff --git a/packages/design-core/public/mock/bundle.json b/packages/design-core/public/mock/bundle.json index 2fa58678f..64fa208f8 100644 --- a/packages/design-core/public/mock/bundle.json +++ b/packages/design-core/public/mock/bundle.json @@ -5,13 +5,13 @@ "components": [ { "id": 1, - "version": "2.4.2", + "version": "2.7.8", "name": { - "zh_CN": "输入框" + "zh_CN": "按钮" }, - "component": "ElInput", - "icon": "input", - "description": "通过鼠标或键盘输入字符", + "component": "ElButton", + "icon": "button", + "description": "常用的操作按钮。", "doc_url": "", "screenshot": "", "tags": "", @@ -19,13 +19,13 @@ "dev_mode": "proCode", "npm": { "package": "element-plus", - "version": "2.4.2", + "version": "2.7.8", "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", "dependencies": null, - "exportName": "ElInput" + "exportName": "ElButton" }, - "group": "表单组件", + "group": "Basic 基础组件", "category": "element-plus", "configure": { "loop": true, @@ -44,7 +44,7 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["type", "size"] + "properties": [] }, "contextMenu": { "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], @@ -59,528 +59,484 @@ { "name": "0", "label": { - "zh_CN": "基础属性" + "zh_CN": "Button 属性 ​" + }, + "description": { + "zh_CN": "Button 属性 ​" }, "content": [ { - "property": "modelValue", + "property": "size", "label": { "text": { - "zh_CN": "modelValue" + "zh_CN": "size" } }, "description": { - "zh_CN": "绑定值" + "zh_CN": "尺寸" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "type", "label": { "text": { - "zh_CN": "size" + "zh_CN": "type" } }, "description": { - "zh_CN": "尺寸" + "zh_CN": "类型" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "default", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "large", - "value": "large" - }, - { - "label": "default", - "value": "default" - }, - { - "label": "small", - "value": "small" - } - ] + "slots": ["default"] } } }, { - "property": "type", + "property": "plain", "label": { "text": { - "zh_CN": "type" + "zh_CN": "plain" } }, "description": { - "zh_CN": "类型" + "zh_CN": "是否为朴素按钮" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "placeholder", + "property": "text", "label": { "text": { - "zh_CN": "placeholder" + "zh_CN": "text" } }, "description": { - "zh_CN": "输入框占位文本" + "zh_CN": "是否为文字按钮" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "device": [] + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "maxlength", + "property": "bg", "label": { "text": { - "zh_CN": "maxlength" + "zh_CN": "bg" } }, "description": { - "zh_CN": "最大输入长度" + "zh_CN": "是否显示文字按钮背景颜色" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "number", "widget": { - "component": "MetaNumberic", - "props": {} - }, - "device": [] + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "link", "label": { "text": { - "zh_CN": "disabled" + "zh_CN": "link" } }, "description": { - "zh_CN": "是否禁用" + "zh_CN": "是否为链接按钮" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { "component": "MetaSwitch", - "props": {} - }, - "device": [] - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定值改变时触发" - }, - "description": { - "zh_CN": "双向绑定值改变时触发" - } - }, - "onBlur": { - "label": { - "zh_CN": "输入框失去焦点时触发" - }, - "description": { - "zh_CN": "输入框失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - }, - "slots": { - "prefix": { - "label": { - "zh_CN": "头部内容" - }, - "description": { - "zh_CN": "输入框头部内容，只对非 type='textarea' 有效" - } - }, - "suffix": { - "label": { - "zh_CN": "尾部内容" - }, - "description": { - "zh_CN": "输入框尾部内容，只对非 type='textarea' 有效" - } - }, - "prepend": { - "label": { - "zh_CN": "前置内容" - }, - "description": { - "zh_CN": "输入框前置内容，只对非 type='textarea' 有效" - } - }, - "append": { - "label": { - "zh_CN": "后置内容" - }, - "description": { - "zh_CN": "输入框后置内容，只对非 type='textarea' 有效" - } - } - } - } - }, - { - "id": 1, - "version": "2.4.2", - "name": { - "zh_CN": "按钮" - }, - "component": "ElButton", - "icon": "button", - "description": "常用的操作按钮", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "element-plus", - "version": "2.4.2", - "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", - "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", - "dependencies": null, - "exportName": "ElButton" - }, - "group": "基础组件", - "category": "element-plus", - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "isPopper": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["type", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "schema": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础属性" - }, - "content": [ + }, { - "property": "size", + "property": "round", "label": { "text": { - "zh_CN": "size" + "zh_CN": "round" } }, "description": { - "zh_CN": "尺寸" + "zh_CN": "是否为圆角按钮" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "default", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "large", - "value": "large" - }, - { - "label": "default", - "value": "default" - }, - { - "label": "small", - "value": "small" - } - ] + "slots": ["default"] } } }, { - "property": "type", + "property": "circle", "label": { "text": { - "zh_CN": "type" + "zh_CN": "circle" } }, "description": { - "zh_CN": "类型" + "zh_CN": "是否为圆形按钮" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "plain", + "property": "loading", "label": { "text": { - "zh_CN": "plain" + "zh_CN": "loading" } }, "description": { - "zh_CN": "是否为朴素按钮" + "zh_CN": "是否为加载中状态" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { "component": "MetaSwitch", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "text", + "property": "loading-icon", "label": { "text": { - "zh_CN": "text" + "zh_CN": "loading-icon" } }, "description": { - "zh_CN": "是否为文字按钮" + "zh_CN": "自定义加载中状态图标组件" }, + "type": "string / Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "device": [] + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "bg", + "property": "disabled", "label": { "text": { - "zh_CN": "bg" + "zh_CN": "disabled" } }, "description": { - "zh_CN": "是否显示文字按钮背景颜色" + "zh_CN": "按钮是否为禁用状态" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { "component": "MetaSwitch", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "link", + "property": "icon", "label": { "text": { - "zh_CN": "link" + "zh_CN": "icon" } }, "description": { - "zh_CN": "是否为链接按钮" + "zh_CN": "图标组件" }, + "type": "string / Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "device": [] + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "round", + "property": "autofocus", "label": { "text": { - "zh_CN": "round" + "zh_CN": "autofocus" } }, "description": { - "zh_CN": "是否为圆角按钮" + "zh_CN": "原生 autofocus 属性" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { "component": "MetaSwitch", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "circle", + "property": "native-type", "label": { "text": { - "zh_CN": "circle" + "zh_CN": "native-type" } }, "description": { - "zh_CN": "是否为圆形按钮" + "zh_CN": "原生 type 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "device": [] - }, + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, { - "property": "loading", + "property": "auto-insert-space", "label": { "text": { - "zh_CN": "loading" + "zh_CN": "auto-insert-space" } }, "description": { - "zh_CN": "是否为加载中状态" + "zh_CN": "自动在两个中文字符之间插入空格" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { "component": "MetaSwitch", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "color", "label": { "text": { - "zh_CN": "disabled" + "zh_CN": "color" } }, "description": { - "zh_CN": "是否禁用" + "zh_CN": "自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "dark", + "label": { + "text": { + "zh_CN": "dark" + } + }, + "description": { + "zh_CN": "dark 模式, 意味着自动设置 color 为 dark 模式的颜色" + }, "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag", + "label": { + "text": { + "zh_CN": "tag" + } }, - "device": [] + "description": { + "zh_CN": "自定义元素标签" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } } - ], + ] + }, + { + "name": "0", + "label": { + "zh_CN": "ButtonGroup 属性 ​" + }, "description": { - "zh_CN": "" - } + "zh_CN": "ButtonGroup 属性 ​" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该按钮组内按钮的大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "用于控制该按钮组内按钮的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] } ], "events": {}, @@ -590,8 +546,9 @@ "zh_CN": "default" }, "description": { - "zh_CN": "自定义默认内容" - } + "zh_CN": "自定义按钮组内容" + }, + "subTag": "Button" }, "loading": { "label": { @@ -600,19 +557,27 @@ "description": { "zh_CN": "自定义加载中组件" } + }, + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "自定义图标组件" + } } } } }, { - "id": 1, - "version": "2.4.2", + "id": 2, + "version": "2.7.8", "name": { - "zh_CN": "表单" + "zh_CN": "边框" }, - "component": "ElForm", - "icon": "form", - "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", + "component": "ElBorder", + "icon": "border", + "description": "我们对边框进行统一规范，可用于按钮、卡片、弹窗等组件里。", "doc_url": "", "screenshot": "", "tags": "", @@ -620,23 +585,137 @@ "dev_mode": "proCode", "npm": { "package": "element-plus", - "version": "2.4.2", + "version": "2.7.8", "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", "dependencies": null, - "exportName": "ElForm" + "exportName": "ElBorder" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 3, + "version": "2.7.8", + "name": { + "zh_CN": "色彩" + }, + "component": "ElColor", + "icon": "color", + "description": "Element Plus 为了避免视觉传达差异，使用一套特定的调色板来规定颜色，为你所搭建的产品提供一致的外观视觉感受。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElColor" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 4, + "version": "2.7.8", + "name": { + "zh_CN": "布局容器" + }, + "component": "ElContainer", + "icon": "container", + "description": "用于布局的容器组件，方便快速搭建页面的基本结构：", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElContainer" }, - "group": "表单组件", + "group": "Basic 基础组件", "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, "isPopper": false, "nestingRule": { - "childWhitelist": ["ElFormItem"], + "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" @@ -645,7 +724,7 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["inline", "label-width"] + "properties": [] }, "contextMenu": { "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], @@ -660,766 +739,921 @@ { "name": "0", "label": { - "zh_CN": "基础属性" + "zh_CN": "Container Attributes ​" + }, + "description": { + "zh_CN": "Container Attributes ​" }, "content": [ { - "property": "model", + "property": "direction", "label": { "text": { - "zh_CN": "model" + "zh_CN": "direction" } }, "description": { - "zh_CN": "表单数据对象" + "zh_CN": "子元素的排列方向" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSelect", "props": { - "language": "json" + "slots": ["default"] } } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Header Attributes ​" + }, + "description": { + "zh_CN": "Header Attributes ​" + }, + "content": [ { - "property": "rules", + "property": "height", "label": { "text": { - "zh_CN": "rules" + "zh_CN": "height" } }, "description": { - "zh_CN": "表单验证规则" + "zh_CN": "顶栏高度" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { - "component": "MetaCodeEditor", + "component": "MetaInput", "props": { - "language": "json" + "slots": ["default"] } } - }, - { - "property": "inline", - "label": { - "text": { - "zh_CN": "inline" - } - }, - "description": { - "zh_CN": "行内表单模式" + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Aside Attributes ​" + }, + "description": { + "zh_CN": "Aside Attributes ​" + }, + "content": [ + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } }, + "description": { + "zh_CN": "侧边栏宽度" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Footer Attributes ​" + }, + "description": { + "zh_CN": "Footer Attributes ​" + }, + "content": [ { - "property": "label-position", + "property": "height", "label": { "text": { - "zh_CN": "label-position" + "zh_CN": "height" } }, "description": { - "zh_CN": "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性" + "zh_CN": "底栏高度" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "right", "widget": { - "component": "MetaSelect", + "component": "MetaInput", "props": { - "options": [ - { - "label": "left", - "value": "left" - }, - { - "label": "right", - "value": "right" - }, - { - "label": "top", - "value": "top" - } - ] + "slots": ["default"] } } - }, + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 5, + "version": "2.7.8", + "name": { + "zh_CN": "图标" + }, + "component": "ElIcon", + "icon": "icon", + "description": "Element Plus 提供了一套常用的图标集合。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElIcon" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ { - "property": "label-width", + "property": "color", "label": { "text": { - "zh_CN": "label-width" + "zh_CN": "color" } }, "description": { - "zh_CN": "标签的长度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + "zh_CN": "svg 的 fill 颜色" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { "component": "MetaInput", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "label-suffix", + "property": "size", "label": { "text": { - "zh_CN": "label-suffix" + "zh_CN": "size" } }, "description": { - "zh_CN": "表单域标签的后缀" + "zh_CN": "SVG 图标的大小，size x size" }, + "type": "number / string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} - }, - "device": [] - }, + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 6, + "version": "2.7.8", + "name": { + "zh_CN": "布局" + }, + "component": "ElLayout", + "icon": "layout", + "description": "通过基础的 24 分栏，迅速简便地创建布局。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElLayout" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Row Attributes ​" + }, + "description": { + "zh_CN": "Row Attributes ​" + }, + "content": [ { - "property": "hide-required-asterisk", + "property": "gutter", "label": { "text": { - "zh_CN": "hide-required-asterisk" + "zh_CN": "gutter" } }, "description": { - "zh_CN": "是否隐藏必填字段标签旁边的红色星号" + "zh_CN": "栅格间隔" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "require-asterisk-position", + "property": "justify", "label": { "text": { - "zh_CN": "星号的位置" + "zh_CN": "justify" } }, "description": { - "zh_CN": "星号的位置" + "zh_CN": "flex 布局下的水平排列方式" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "left", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "left", - "value": "left" - }, - { - "label": "right", - "value": "right" - } - ] + "slots": ["default"] } } }, { - "property": "show-message", + "property": "align", "label": { "text": { - "zh_CN": "show-message" + "zh_CN": "align" } }, "description": { - "zh_CN": "是否显示校验错误信息" + "zh_CN": "flex 布局下的垂直排列方式" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": true, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "inline-message", + "property": "tag", "label": { "text": { - "zh_CN": "inline-message" + "zh_CN": "tag" } }, "description": { - "zh_CN": "是否以行内形式展示校验信息" + "zh_CN": "自定义元素标签" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Col Attributes ​" + }, + "description": { + "zh_CN": "Col Attributes ​" + }, + "content": [ { - "property": "status-icon", + "property": "span", "label": { "text": { - "zh_CN": "status-icon" + "zh_CN": "span" } }, "description": { - "zh_CN": "是否在输入框中显示校验结果反馈图标" + "zh_CN": "栅格占据的列数" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "validate-on-rule-change", + "property": "offset", "label": { "text": { - "zh_CN": "validate-on-rule-change" + "zh_CN": "offset" } }, "description": { - "zh_CN": "是否在 rules 属性改变后立即触发一次验证" + "zh_CN": "栅格左侧的间隔格数" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": true, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "push", "label": { "text": { - "zh_CN": "size" + "zh_CN": "push" } }, "description": { - "zh_CN": "用于控制该表单内组件的尺寸" + "zh_CN": "栅格向右移动格数" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "default", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "large", - "value": "large" - }, - { - "label": "default", - "value": "default" - }, - { - "label": "small", - "value": "small" - } - ] + "slots": ["default"] } } }, { - "property": "disabled", + "property": "pull", "label": { "text": { - "zh_CN": "disabled" + "zh_CN": "pull" } }, "description": { - "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" + "zh_CN": "栅格向左移动格数" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "device": [] + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "scroll-to-error", + "property": "xs", "label": { "text": { - "zh_CN": "scroll-to-error" + "zh_CN": "xs" } }, "description": { - "zh_CN": "当校验失败时，滚动到第一个错误表单项" + "zh_CN": "<768px 响应式栅格数或者栅格属性对象" }, + "type": "number / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "device": [] - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onValidate": { - "label": { - "zh_CN": "任一表单项被校验后触发" - }, - "description": { - "zh_CN": "任一表单项被校验后触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - }, - "slots": {} - } - }, - { - "id": 1, - "version": "2.4.2", - "name": { - "zh_CN": "表单子项" - }, - "component": "ElFormItem", - "icon": "formItem", - "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", - "doc_url": "", - "screenshot": "", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "element-plus", - "version": "2.4.2", - "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", - "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", - "dependencies": null, - "exportName": "ElFormItem" - }, - "group": "表单组件", - "category": "element-plus", - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "isPopper": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["inline", "label-width"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "schema": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础属性" - }, - "content": [ + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, { - "property": "prop", + "property": "sm", "label": { "text": { - "zh_CN": "prop" + "zh_CN": "sm" } }, "description": { - "zh_CN": "model 的键名。 它可以是一个属性的值(如 a.b.0 或 [a', 'b', '0'])。 在定义了 validate、resetFields 的方法时，该属性是必填的" + "zh_CN": "≥768px 响应式栅格数或者栅格属性对象" }, + "type": "number / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "label", + "property": "md", "label": { "text": { - "zh_CN": "label" + "zh_CN": "md" } }, "description": { - "zh_CN": "标签文本" + "zh_CN": "≥992px 响应式栅格数或者栅格属性对象" }, + "type": "number / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "label-width", + "property": "lg", "label": { "text": { - "zh_CN": "label-width" + "zh_CN": "lg" } }, "description": { - "zh_CN": "标签宽度，例如 '50px'。 可以使用 auto" + "zh_CN": "≥1200px 响应式栅格数或者栅格属性对象" }, + "type": "number / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "required", + "property": "xl", "label": { "text": { - "zh_CN": "required" + "zh_CN": "xl" } }, "description": { - "zh_CN": "是否为必填项，如不设置，则会根据校验规则确认" + "zh_CN": "≥1920px 响应式栅格数或者栅格属性对象" }, + "type": "number / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "rules", + "property": "tag", "label": { "text": { - "zh_CN": "rules" + "zh_CN": "tag" } }, "description": { - "zh_CN": "表单验证规则, 更多内容可以参考async-validator" + "zh_CN": "自定义元素标签" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { - "component": "MetaCodeEditor", + "component": "MetaInput", "props": { - "language": "json" + "slots": ["default"] } } - }, + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 7, + "version": "2.7.8", + "name": { + "zh_CN": "链接" + }, + "component": "ElLink", + "icon": "link", + "description": "文字超链接", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElLink" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ { - "property": "error", + "property": "type", "label": { "text": { - "zh_CN": "error" + "zh_CN": "type" } }, "description": { - "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error，并显示该错误信息" + "zh_CN": "类型" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "show-message", + "property": "underline", "label": { "text": { - "zh_CN": "show-message" + "zh_CN": "underline" } }, "description": { - "zh_CN": "是否显示校验错误信息" + "zh_CN": "是否下划线" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } } }, { - "property": "inline-message", + "property": "disabled", "label": { "text": { - "zh_CN": "inline-message" + "zh_CN": "disabled" } }, "description": { - "zh_CN": "是否在行内显示校验信息" + "zh_CN": "是否禁用状态" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "href", "label": { "text": { - "zh_CN": "size" + "zh_CN": "href" } }, "description": { - "zh_CN": "用于控制该表单内组件的尺寸" + "zh_CN": "原生 href 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "default", "widget": { - "component": "MetaSelect", + "component": "MetaInput", "props": { - "options": [ - { - "label": "large", - "value": "large" - }, - { - "label": "default", - "value": "default" - }, - { - "label": "small", - "value": "small" - } - ] + "slots": ["default"] } } }, { - "property": "for", + "property": "target", "label": { "text": { - "zh_CN": "for" + "zh_CN": "target" } }, "description": { - "zh_CN": "和原生标签相同能力" + "zh_CN": "同原生 target 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "validate-status", + "property": "icon", "label": { "text": { - "zh_CN": "validate-status" + "zh_CN": "icon" } }, "description": { - "zh_CN": "formItem 校验的状态" + "zh_CN": "图标组件" }, + "type": "string / Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "error", - "value": "error" - }, - { - "label": "validating", - "value": "validating" - }, - { - "label": "success", - "value": "success" - } - ] + "slots": ["default"] } } } - ], - "description": { - "zh_CN": "" - } + ] } ], "events": {}, "slots": { - "label": { + "default": { "label": { - "zh_CN": "label" + "zh_CN": "default" }, "description": { - "zh_CN": "标签位置显示的内容" + "zh_CN": "自定义默认内容" } }, - "error": { + "icon": { "label": { - "zh_CN": "error" + "zh_CN": "icon" }, "description": { - "zh_CN": "验证错误信息的显示内容" + "zh_CN": "自定义图标组件" } } } } }, { - "id": 1, - "version": "2.4.2", + "id": 8, + "version": "2.7.8", "name": { - "zh_CN": "表单" + "zh_CN": "文本2.3.0" }, - "component": "ElTable", - "icon": "table", - "description": "用于展示多条结构类似的数据， 可对数据进行排序、筛选、对比或其他自定义操作", + "component": "ElText", + "icon": "text", + "description": "文本的常见操作", "doc_url": "", "screenshot": "", "tags": "", @@ -1427,13 +1661,13 @@ "dev_mode": "proCode", "npm": { "package": "element-plus", - "version": "2.4.2", + "version": "2.7.8", "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", "dependencies": null, - "exportName": "ElTable" + "exportName": "ElText" }, - "group": "数据展示", + "group": "Basic 基础组件", "category": "element-plus", "configure": { "loop": true, @@ -1443,7 +1677,7 @@ "isModal": false, "isPopper": false, "nestingRule": { - "childWhitelist": ["ElTableColumn"], + "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" @@ -1452,7 +1686,7 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["inline", "label-width"] + "properties": [] }, "contextMenu": { "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], @@ -1467,864 +1701,354 @@ { "name": "0", "label": { - "zh_CN": "基础属性" + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" }, "content": [ { - "property": "data", + "property": "type", "label": { "text": { - "zh_CN": "data" + "zh_CN": "type" } }, "description": { - "zh_CN": "显示的数据" + "zh_CN": "类型" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "array", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSelect", "props": { - "language": "json" + "slots": ["default"] } } }, { - "property": "columns", + "property": "size", "label": { "text": { - "zh_CN": "表格列" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "properties": [ - { - "label": { - "zh_CN": "默认分组" - }, - "content": [ - { - "property": "type", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "type" - } - }, - "description": { - "text": { - "zh_CN": "对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮" - } - }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "selection", - "value": "selection" - }, - { - "label": "index", - "value": "index" - }, - { - "label": "expand", - "value": "expand" - } - ] - } - } - }, - { - "property": "index", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "index" - } - }, - "description": { - "text": { - "zh_CN": "如果设置了 type=index，可以通过传递 index 属性来自定义索引" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": {} - } - }, - { - "property": "label", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "label" - } - }, - "description": { - "text": { - "zh_CN": "显示的标题" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "column-key", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "column-key" - } - }, - "description": { - "text": { - "zh_CN": "column 的 key， column 的 key， 如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "prop", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "prop" - } - }, - "description": { - "text": { - "zh_CN": "字段名称 对应列内容的字段名， 也可以使用 property属性" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "width", - "type": "number", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "width" - } - }, - "description": { - "text": { - "zh_CN": "对应列的宽度" - } - }, - "widget": { - "component": "MetaNumberic", - "props": {} - } - }, - { - "property": "min-width", - "type": "number", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "min-width" - } - }, - "description": { - "text": { - "zh_CN": "对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列" - } - }, - "widget": { - "component": "MetaNumberic", - "props": {} - } - }, - { - "property": "fixed", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "fixed" - } - }, - "description": { - "text": { - "zh_CN": "列是否固定在左侧或者右侧。 true 表示固定在左侧" - } - }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "left", - "value": "left" - }, - { - "label": "right", - "value": "right" - } - ] - } - } - }, - { - "property": "sortable", - "type": "boolean", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "sortable" - } - }, - "description": { - "text": { - "zh_CN": "对应列是否可以排序" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "sort-method", - "type": "function", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "sort-method" - } - }, - "description": { - "text": { - "zh_CN": "指定数据按照哪个属性进行排序，仅当sortable设置为true的时候有效。 应该如同 Array.sort 那样返回一个 Number" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": {} - } - }, - { - "property": "sort-by", - "type": "array", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "sort-by" - } - }, - "description": { - "text": { - "zh_CN": "指定数据按照哪个属性进行排序，仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组，则先按照第 1 个属性排序，如果第 1 个相等，再按照第 2 个排序，以此类推" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - } - }, - { - "property": "sort-orders", - "type": "array", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "sort-orders" - } - }, - "description": { - "text": { - "zh_CN": "数据在排序时所使用排序策略的轮转顺序，仅当 sortable 为 true 时有效。 需传入一个数组，随着用户点击表头，该列依次按照数组中元素的顺序进行排序" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - } - }, - { - "property": "resizable", - "type": "boolean", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "resizable" - } - }, - "description": { - "text": { - "zh_CN": "对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "formatter", - "type": "function", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "formatter" - } - }, - "description": { - "text": { - "zh_CN": "用来格式化内容" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "dataType": "JSFunction" - } - } - }, - { - "property": "show-overflow-tooltip", - "type": "boolean", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "show-overflow-tooltip" - } - }, - "description": { - "text": { - "zh_CN": "当内容过长被隐藏时显示 tooltip" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "align", - "type": "string", - "labelPosition": "top", - "defaultValue": "left", - "label": { - "text": { - "zh_CN": "align" - } - }, - "description": { - "text": { - "zh_CN": "对齐方式" - } - }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "left", - "value": "left" - }, - { - "label": "center", - "value": "center" - }, - { - "label": "right", - "value": "right" - } - ] - } - } - }, - { - "property": "header-align", - "type": "string", - "labelPosition": "top", - "defaultValue": "left", - "label": { - "text": { - "zh_CN": "header-align" - } - }, - "description": { - "text": { - "zh_CN": "表头对齐方式， 若不设置该项，则使用表格的对齐方式" - } - }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "left", - "value": "left" - }, - { - "label": "center", - "value": "center" - }, - { - "label": "right", - "value": "right" - } - ] - } - } - }, - { - "property": "class-name", - "type": "string", - "labelPosition": "top", - "defaultValue": "left", - "label": { - "text": { - "zh_CN": "class-name" - } - }, - "description": { - "text": { - "zh_CN": "列的 className" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "label-class-name", - "type": "string", - "labelPosition": "top", - "defaultValue": "left", - "label": { - "text": { - "zh_CN": "label-class-name" - } - }, - "description": { - "text": { - "zh_CN": "当前列标题的自定义类名" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "selectable", - "type": "function", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "selectable" - } - }, - "description": { - "text": { - "zh_CN": "仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": {} - } - }, - { - "property": "reserve-selection", - "type": "boolean", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "reserve-selection" - } - }, - "description": { - "text": { - "zh_CN": "数据刷新后是否保留选项，仅对 type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "filters", - "type": "array", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "filters" - } - }, - "description": { - "text": { - "zh_CN": "数据刷新后是否保留选项，仅对 type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - } - }, - { - "property": "filter-placement", - "type": "string", - "labelPosition": "top", - "label": { - "text": { - "zh_CN": "filter-placement" - } - }, - "description": { - "text": { - "zh_CN": "过滤弹出框的定位" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "filter-multiple", - "type": "string", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "filter-multiple" - } - }, - "description": { - "text": { - "zh_CN": "数据过滤的选项是否多选" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "filter-method", - "type": "function", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "filter-method" - } - }, - "description": { - "text": { - "zh_CN": "数据过滤使用的方法， 如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": {} - } - }, - { - "property": "filtered-value", - "type": "array", - "labelPosition": "top", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "filtered-value" - } - }, - "description": { - "text": { - "zh_CN": "选中的数据过滤项，如果需要自定义表头过滤的渲染方式，可能会需要此属性" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - } - } - ] - } - ], - "widget": { - "component": "MetaTableColumns", - "props": { - "type": "object", - "textField": "label", - "language": "json", - "buttonText": "编辑列配置", - "title": "编辑列配置", - "expand": true - } - }, - "description": { - "zh_CN": "表格列的配置信息" - }, - "labelPosition": "top" + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "max-height", + "property": "truncated", "label": { "text": { - "zh_CN": "max-height" + "zh_CN": "truncated" } }, "description": { - "zh_CN": "Table 的最大高度。" + "zh_CN": "显示省略号" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "number", "widget": { - "component": "MetaNumberic", - "props": {} - }, - "device": [] + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "height", + "property": "line-clamp", "label": { "text": { - "zh_CN": "height" + "zh_CN": "line-clamp" } }, "description": { - "zh_CN": "Table 的高度， 默认为自动高度。 这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。" + "zh_CN": "最大行数" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} - }, - "device": [] + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "stripe", + "property": "tag", "label": { "text": { - "zh_CN": "stripe" + "zh_CN": "tag" } }, "description": { - "zh_CN": "是否为斑马纹 table" + "zh_CN": "自定义元素标签" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - }, + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "默认内容" + } + } + } + } + }, + { + "id": 9, + "version": "2.7.8", + "name": { + "zh_CN": "滚动条" + }, + "component": "ElScrollbar", + "icon": "scrollbar", + "description": "用于替换浏览器原生滚动条。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElScrollbar" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ { - "property": "border", + "property": "height", "label": { "text": { - "zh_CN": "border" + "zh_CN": "height" } }, "description": { - "zh_CN": "是否带有纵向边框" + "zh_CN": "滚动条高度" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "max-height", "label": { "text": { - "zh_CN": "size" + "zh_CN": "max-height" } }, "description": { - "zh_CN": "Table 的尺寸" + "zh_CN": "滚动条最大高度" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "default", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "large", - "value": "large" - }, - { - "label": "default", - "value": "default" - }, - { - "label": "small", - "value": "small" - } - ] + "slots": ["default"] } } }, { - "property": "fit", + "property": "native", "label": { "text": { - "zh_CN": "fit" + "zh_CN": "native" } }, "description": { - "zh_CN": "列的宽度是否自撑开" + "zh_CN": "是否使用原生滚动条样式" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": true, - "type": "boolean", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } } }, { - "property": "show-header", + "property": "wrap-style", "label": { "text": { - "zh_CN": "show-header" + "zh_CN": "wrap-style" } }, "description": { - "zh_CN": "是否显示表头" + "zh_CN": "包裹容器的自定义样式" }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": true, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "highlight-current-row", + "property": "wrap-class", "label": { "text": { - "zh_CN": "highlight-current-row" + "zh_CN": "wrap-class" } }, "description": { - "zh_CN": "是否要高亮当前行" + "zh_CN": "包裹容器的自定义类名" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "current-row-key", + "property": "view-style", "label": { "text": { - "zh_CN": "current-row-key" + "zh_CN": "view-style" } }, "description": { - "zh_CN": "当前行的 key，只写属性" + "zh_CN": "视图的自定义样式" }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} - }, - "device": [] + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "row-class-name", + "property": "view-class", "label": { "text": { - "zh_CN": "row-class-name" + "zh_CN": "view-class" } }, "description": { - "zh_CN": "行的 className" + "zh_CN": "视图的自定义类名" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, @@ -2332,41 +2056,45 @@ "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "row-key", + "property": "noresize", "label": { "text": { - "zh_CN": "row-key" + "zh_CN": "noresize" } }, "description": { - "zh_CN": "行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function" + "zh_CN": "不响应容器尺寸变化，如果容器尺寸不会发生变化，最好设置它可以优化性能" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "device": [] + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "empty-text", + "property": "tag", "label": { "text": { - "zh_CN": "empty-text" + "zh_CN": "tag" } }, "description": { - "zh_CN": "空数据时显示的文本内容" + "zh_CN": "视图的元素标签" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, @@ -2374,290 +2102,174 @@ "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "device": [] + "props": { + "slots": ["default"] + } + } }, { - "property": "table-layout", + "property": "always", "label": { "text": { - "zh_CN": "table-layout" + "zh_CN": "always" } }, "description": { - "zh_CN": "设置表格单元、行和列的布局方式" + "zh_CN": "滚动条总是显示" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": "fixed", "widget": { - "component": "MetaInput", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "fixed", - "value": "fixed" - }, - { - "label": "auto", - "value": "auto" - } - ] + "slots": ["default"] } - }, - "device": [] + } }, { - "property": "scrollbar-always-on", + "property": "min-size", "label": { "text": { - "zh_CN": "scrollbar-always-on" + "zh_CN": "min-size" } }, "description": { - "zh_CN": "总是显示滚动条" + "zh_CN": "滚动条最小尺寸" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "flexible", + "property": "id", "label": { "text": { - "zh_CN": "flexible" + "zh_CN": "id" } }, "description": { - "zh_CN": "确保主轴的最小尺寸，以便不超过内容" + "zh_CN": "视图ID" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": false, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onSelect": { - "label": { - "zh_CN": "勾选数据行的 Checkbox 时触发" - }, - "description": { - "zh_CN": "当用户手动勾选数据行的 Checkbox 时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "selection", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项" + }, + { + "property": "role", + "label": { + "text": { + "zh_CN": "role" } }, - { - "name": "row", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前行" - } - } - ], - "returns": {} - } - }, - "onSelectAll": { - "label": { - "zh_CN": "勾选全选时触发" - }, - "description": { - "zh_CN": "当用户手动勾选全选 Checkbox 时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "selection", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项" - } - } - ], - "returns": {} - } - }, - "onSelectionChange": { - "label": { - "zh_CN": "选择项发生变化时会触发" - }, - "description": { - "zh_CN": "当选择项发生变化时会触发该事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "selection", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项" + "description": { + "zh_CN": "视图的角色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - } - }, - "onCellMouseEnter": { - "label": { - "zh_CN": "单元格 hover 时会触发" - }, - "description": { - "zh_CN": "当单元格 hover 进入时会触发该事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "row", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前行" - } - }, - { - "name": "column", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前列" + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" } }, - { - "name": "cell", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前单元格" - } + "description": { + "zh_CN": "视图的 aria-label" }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生事件 event" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - } - }, - "onCellMouseLeave": { - "label": { - "zh_CN": "单元格 hover 退出时会触发" - }, - "description": { - "zh_CN": "当单元格 hover 退出时会触发该事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "row", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前行" - } - }, - { - "name": "column", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前列" + }, + { + "property": "aria-orientation", + "label": { + "text": { + "zh_CN": "aria-orientation" } }, - { - "name": "cell", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前单元格" - } + "description": { + "zh_CN": "视图的 aria-orientation" }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生事件 event" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] } } - ], - "returns": {} - } + } + ] } - }, + ], + "events": {}, "slots": { - "empty": { - "label": { - "zh_CN": "empty" - }, - "description": { - "zh_CN": "当数据为空时自定义的内容" - } - }, - "append": { + "default": { "label": { - "zh_CN": "append" + "zh_CN": "default" }, "description": { - "zh_CN": "插入至表格最后一行之后的内容， 如果需要对表格的内容进行无限滚动操作，可能需要用到这个 slot。 若表格有合计行，该 slot 会位于合计行之上。" + "zh_CN": "自定义默认内容" } } } } }, { - "id": 1, - "version": "2.4.2", + "id": 10, + "version": "2.7.8", "name": { - "zh_CN": "表单" + "zh_CN": "间距" }, - "component": "ElTableColumn", - "icon": "table", - "description": "用于展示多条结构类似的数据， 可对数据进行排序、筛选、对比或其他自定义操作", + "component": "ElSpace", + "icon": "space", + "description": "虽然我们拥有 Divider 组件，但很多时候我们需要不是一个被 Divider 组件 分割开的页面结构，因此我们会重复的使用很多的 Divider 组件，这在我们的开发效率上造成了一定的困扰。 间距组件就是为了解决这种困扰应运而生的。", "doc_url": "", "screenshot": "", "tags": "", @@ -2665,13 +2277,13 @@ "dev_mode": "proCode", "npm": { "package": "element-plus", - "version": "2.4.2", + "version": "2.7.8", "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", "dependencies": null, - "exportName": "ElTableColumn" + "exportName": "ElSpace" }, - "group": "表单组件", + "group": "Basic 基础组件", "category": "element-plus", "configure": { "loop": true, @@ -2690,7 +2302,7 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["inline", "label-width"] + "properties": [] }, "contextMenu": { "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], @@ -2705,467 +2317,291 @@ { "name": "0", "label": { - "zh_CN": "基础属性" - }, - "content": [], - "description": { - "zh_CN": "" - } - } - ], - "events": {}, - "slots": {} - } - }, - { - "name": { - "zh_CN": "走马灯子项" - }, - "component": "TinyCarouselItem", - "icon": "carouselitem", - "description": "常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "CarouselItem", - "version": "", - "destructuring": true - }, - "group": "component", - "category": "容器组件", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "name", + "property": "alignment", "label": { "text": { - "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" + "zh_CN": "alignment" } }, + "description": { + "zh_CN": "对齐的方式" + }, + "type": "enum align-items", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "title", + "property": "class", "label": { "text": { - "zh_CN": "幻灯片的标题" + "zh_CN": "class" } }, + "description": { + "zh_CN": "className" + }, + "type": "string / object / array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "indicator-position", + "property": "direction", "label": { "text": { - "zh_CN": "指示器的位置" + "zh_CN": "direction" } }, + "description": { + "zh_CN": "排列的方向" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "outside", - "value": "outside" - }, - { - "label": "none", - "value": "none" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["disabled", "size"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "走马灯" - }, - "component": "TinyCarousel", - "icon": "carousel", - "description": "常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Carousel", - "version": "", - "destructuring": true - }, - "group": "component", - "category": "容器组件", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "arrow", + "property": "prefix-cls", "label": { "text": { - "zh_CN": "切换箭头的显示时机" + "zh_CN": "prefix-cls" } }, + "description": { + "zh_CN": "给 space-items 的类名前缀" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", "props": { - "options": [ - { - "label": "总是显示", - "value": "always" - }, - { - "label": "鼠标悬停时显示", - "value": "hover" - }, - { - "label": "从不显示", - "value": "never" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "autoplay", + "property": "style", "label": { "text": { - "zh_CN": "是否自动切换" + "zh_CN": "style" } }, + "description": { + "zh_CN": "额外样式" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "tabs", + "property": "spacer", "label": { "text": { - "zh_CN": "选项卡" + "zh_CN": "spacer" } }, - "required": true, - "readOnly": false, - "disabled": false, - "defaultValue": "", - "cols": 12, - "bindState": false, - "widget": { - "component": "MetaContainer", - "props": {} - }, "description": { - "zh_CN": "tabs" - }, - "labelPosition": "none" - }, - { - "property": "height", - "label": { - "text": { - "zh_CN": "走马灯的高度" - } + "zh_CN": "间隔符" }, + "type": "string / number / VNode", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "indicator-position", + "property": "size", "label": { "text": { - "zh_CN": "指示器的位置" + "zh_CN": "size" } }, + "description": { + "zh_CN": "间隔大小" + }, + "type": "enum / number / array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "走马灯外部", - "value": "outside" - }, - { - "label": "不显示", - "value": "none" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "initial-index", + "property": "wrap", "label": { "text": { - "zh_CN": "初始状态激活的幻灯片的索引，从 0 开始 " + "zh_CN": "wrap" } }, + "description": { + "zh_CN": "设置是否自动折行" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "interval", + "property": "fill", "label": { "text": { - "zh_CN": "自动切换的时间间隔，单位为毫秒" + "zh_CN": "fill" } }, + "description": { + "zh_CN": "子元素是否填充父容器" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "loop", + "property": "fill-ratio", "label": { "text": { - "zh_CN": "是否循环显示" + "zh_CN": "fill-ratio" } }, + "description": { + "zh_CN": "填充父容器的比例" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "show-title", - "label": { - "text": { - "zh_CN": "是否显示标题" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "trigger", - "label": { - "text": { - "zh_CN": "指示器的触发方式，默认为 hover" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": { - "options": [ - { - "label": "点击", - "value": "click" - }, - { - "label": "悬停", - "value": "hover" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "走马灯的类型" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": { - "options": [ - { - "label": "水平", - "value": "horizontal" - }, - { - "label": "垂直", - "value": "vertical" - }, - { - "label": "卡片", - "value": "card" - } - ] - } - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } } ] } ], - "events": {} + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "需要添加间隔的元素" + } + } + } + } + }, + { + "id": 11, + "version": "2.7.8", + "name": { + "zh_CN": "排版" }, + "component": "ElTypography", + "icon": "typography", + "description": "我们对字体进行统一规范，力求在各个操作系统下都有最佳展示效果。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTypography" + }, + "group": "Basic 基础组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, - "clickCapture": false, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { - "childWhitelist": ["TinyCarouselItem"], + "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" @@ -3174,351 +2610,341 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["disabled", "size"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} } }, { - "icon": "link", + "id": 12, + "version": "2.7.8", "name": { - "zh_CN": "提示框" + "zh_CN": "Provider 全局配置" }, - "component": "a", - "description": "链接", - "docUrl": "", + "component": "ElConfig", + "icon": "config", + "description": "Config Provider 被用来提供全局的配置选项，让你的配置能够在全局都能够被访问到。", + "doc_url": "", "screenshot": "", "tags": "", "keywords": "", - "devMode": "proCode", - "group": "component", - "priority": 7, - "npm": {}, + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElConfig" + }, + "group": "配置组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Config Provider Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Config Provider Attributes ​" }, "content": [ { - "property": "children", + "property": "locale", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "locale" } }, + "description": { + "zh_CN": "翻译文本对象" + }, + "type": "object languages", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlText", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "href", + "property": "size", "label": { "text": { - "zh_CN": "跳转链接" + "zh_CN": "size" } }, + "description": { + "zh_CN": "全局组件大小" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "链接" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "target", + "property": "zIndex", "label": { "text": { - "zh_CN": "页面目标" + "zh_CN": "zIndex" } }, + "description": { + "zh_CN": "全局初始化 zIndex 的值" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "当前页面", - "value": "_self" - }, - { - "label": "打开新页面", - "value": "_blank" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "链接" } }, { - "property": "attributes3", + "property": "namespace", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "namespace" } }, + "description": { + "zh_CN": "全局组件类名称前缀 (需要配合 $namespace 使用)" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ] - }, - "configure": { - "loop": true, - "condition": true, - "slots": [], - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": [] - }, - "contextMenu": { - "actions": [], - "disable": [] - } - } - }, - { - "name": { - "zh_CN": "标题" - }, - "component": ["h1", "h2", "h3", "h4", "h5", "h6"], - "icon": "h16", - "description": "标题", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 20, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, { - "property": "children", + "property": "button", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "button" } }, + "description": { + "zh_CN": "按钮相关配置，详见下表" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlText", + "component": "MetaCodeEditor", "props": { - "showRadioButton": true + "slots": ["default"] + } + } + }, + { + "property": "message", + "label": { + "text": { + "zh_CN": "message" } }, "description": { - "zh_CN": "" + "zh_CN": "消息相关配置， 详见下表" }, - "labelPosition": "none" + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } }, { - "property": "attributes3", + "property": "experimental-features", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "experimental-features" } }, + "description": { + "zh_CN": "将要添加的实验阶段的功能，所有功能都是默认设置为 false" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-values", + "label": { + "text": { + "zh_CN": "empty-values" + } }, "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["disabled", "size"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "段落" - }, - "component": "p", - "icon": "paragraph", - "description": "段落", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 30, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "children", - "label": { - "text": { - "zh_CN": "类型" - } + "zh_CN": "输入类组件空值" }, + "type": "array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlText", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "attributes3", + "property": "value-on-clear", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "value-on-clear" } }, + "description": { + "zh_CN": "输入类组件清空值" + }, + "type": "string / number / boolean / Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } } ] } ], - "events": {} + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + }, + "subTag": "config: 提供全局配置（从顶部继承）" + } + } + } + }, + { + "id": 13, + "version": "2.7.8", + "name": { + "zh_CN": "自动补全输入框" + }, + "component": "ElAutocomplete", + "icon": "autocomplete", + "description": "根据输入内容提供对应的输入建议。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElAutocomplete" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { - "childWhitelist": [], + "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" @@ -3530,1844 +2956,1323 @@ "properties": [] }, "contextMenu": { - "actions": [], + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], "disable": [] - } - } - }, - { - "name": { - "zh_CN": "输入框" + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "component": "input", - "icon": "input", - "description": "输入框", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 40, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "type", + "property": "model-value", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaInput", "props": { - "options": [ - { - "label": "checkbox", - "value": "checkbox" - }, - { - "label": "color", - "value": "color" - }, - { - "label": "date", - "value": "date" - }, - { - "label": "button", - "value": "button" - }, - { - "label": "email", - "value": "email" - }, - { - "label": "file", - "value": "file" - }, - { - "label": "hidden", - "value": "hidden" - }, - { - "label": "image", - "value": "image" - }, - { - "label": "month", - "value": "month" - }, - { - "label": "number", - "value": "number" - }, - { - "label": "password", - "value": "password" - }, - { - "label": "radio", - "value": "radio" - }, - { - "label": "range", - "value": "range" - }, - { - "label": "reset", - "value": "reset" - }, - { - "label": "search", - "value": "search" - }, - { - "label": "submit", - "value": "submit" - }, - { - "label": "text", - "value": "text" - }, - { - "label": "time", - "value": "time" - }, - { - "label": "week", - "value": "week" - }, - { - "label": "url", - "value": "url" - } - ] - } - }, - "description": { - "zh_CN": "" + "slots": ["default"] + } } }, { "property": "placeholder", "label": { "text": { - "zh_CN": "占位符" + "zh_CN": "placeholder" } }, + "description": { + "zh_CN": "占位文本" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "attributes3", + "property": "clearable", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "clearable" } }, + "description": { + "zh_CN": "是否可清空" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ], - "events": { - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onChange": { - "label": { - "zh_CN": "输入值改变时触发" - }, - "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["disabled", "size"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "视频" - }, - "component": "video", - "icon": "video", - "description": "视频", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 50, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "src", + "property": "disabled", "label": { "text": { - "zh_CN": "视频的 URL" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "自动补全组件是否被禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "width", + "property": "value-key", "label": { "text": { - "zh_CN": "视频播放器的宽度" + "zh_CN": "value-key" } }, + "description": { + "zh_CN": "输入建议对象中用于显示的键名" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "height", + "property": "debounce", "label": { "text": { - "zh_CN": "视频播放器的高度" + "zh_CN": "debounce" } }, + "description": { + "zh_CN": "获取输入建议的防抖延时，单位为毫秒" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "controls", + "property": "placement", "label": { "text": { - "zh_CN": "是否显示控件" + "zh_CN": "placement" } }, + "description": { + "zh_CN": "菜单弹出位置" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "autoplay", + "property": "fetch-suggestions", "label": { "text": { - "zh_CN": "是否马上播放" + "zh_CN": "fetch-suggestions" } }, + "description": { + "zh_CN": "获取输入建议的方法， 仅当你的输入建议数据 resolve 时，通过调用 callback(data:[]) 来返回它" + }, + "type": "Array / Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "attributes3", + "property": "trigger-on-focus", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "trigger-on-focus" } }, + "description": { + "zh_CN": "whether show suggestions when input focus" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": [] - }, - "contextMenu": { - "actions": [], - "disable": [] - } - } - }, - { - "icon": "Image", - "name": { - "zh_CN": "Img" - }, - "component": "Img", - "container": false, - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 60, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, { - "property": "src", - "type": "string", - "defaultValue": "", - "bindState": true, + "property": "select-when-unmatched", "label": { "text": { - "zh_CN": "src路径" + "zh_CN": "select-when-unmatched" } }, + "description": { + "zh_CN": "在输入没有任何匹配建议的情况下，按下回车是否触发 select 事件" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, "cols": 12, - "rules": [], + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "attributes3", + "property": "name", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "name" } }, + "description": { + "zh_CN": "等价于原生 input name 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ], - "events": {}, - "shortcuts": { - "properties": ["src"] - }, - "contentMenu": { - "actions": [] - } - } - }, - { - "icon": "button", - "name": { - "zh_CN": "Button" - }, - "component": "button", - "container": false, - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 70, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, { - "property": "attributes3", + "property": "aria-label", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "aria-label" } }, + "description": { + "zh_CN": "原生 aria-label属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击时触发" - }, - "description": { - "zh_CN": "点击时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - }, - "shortcuts": { - "properties": [] - }, - "contentMenu": { - "actions": [] - } - }, - "configure": { - "isContainer": true - } - }, - { - "icon": "table", - "name": { - "zh_CN": "表格" - }, - "component": "table", - "container": false, - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 80, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, { - "property": "width", + "property": "hide-loading", "label": { "text": { - "zh_CN": "表格的宽度" + "zh_CN": "hide-loading" } }, + "description": { + "zh_CN": "是否隐藏远程加载时的加载图标" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "border", + "property": "popper-class", "label": { "text": { - "zh_CN": "表格边框的宽度" + "zh_CN": "popper-class" } }, + "description": { + "zh_CN": "下拉列表的类名" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "attributes3", + "property": "popper-append-to-body", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "popper-append-to-body" } }, + "description": { + "zh_CN": "是否将下拉列表插入至 body 元素。 在下拉列表的定位出现问题时，可将该属性设置为 false" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" - } - ] - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击时触发" - }, - "description": { - "zh_CN": "点击时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - }, - "shortcuts": { - "properties": [] - }, - "contentMenu": { - "actions": [] - } - } - }, - { - "icon": "td", - "name": { - "zh_CN": "表格单元格" - }, - "component": "td", - "container": false, - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 90, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, { - "property": "colspan", + "property": "teleported", "label": { "text": { - "zh_CN": "单元格可横跨的列数" + "zh_CN": "teleported" } }, + "description": { + "zh_CN": "是否将下拉列表元素插入 append-to 指向的元素下" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "rowspan", + "property": "highlight-first-item", "label": { "text": { - "zh_CN": "单元格可横跨的行数" + "zh_CN": "highlight-first-item" } }, + "description": { + "zh_CN": "是否默认高亮远程搜索结果的第一项" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "attributes3", + "property": "fit-input-width", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "fit-input-width" } }, + "description": { + "zh_CN": "下拉框的宽度是否与输入框相同" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } } ] } ], - "events": { - "onClick": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "点击时触发" + "zh_CN": "default" }, "description": { - "zh_CN": "点击时触发" + "zh_CN": "自定义输入建议的内容。" }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} + "subTag": "object" + }, + "prefix": { + "label": { + "zh_CN": "prefix" }, - "defaultValue": "" - } - }, - "shortcuts": { - "properties": [] - }, - "contentMenu": { - "actions": [] + "description": { + "zh_CN": "输入框头部内容" + }, + "subTag": "-" + }, + "suffix": { + "label": { + "zh_CN": "suffix" + }, + "description": { + "zh_CN": "输入框尾部内容" + }, + "subTag": "-" + }, + "prepend": { + "label": { + "zh_CN": "prepend" + }, + "description": { + "zh_CN": "输入框前置内容，在 prefix 之前" + }, + "subTag": "-" + }, + "append": { + "label": { + "zh_CN": "append" + }, + "description": { + "zh_CN": "输入框后置内容，在 suffix 之后" + }, + "subTag": "-" + }, + "loading 2.5.0": { + "label": { + "zh_CN": "loading 2.5.0" + }, + "description": { + "zh_CN": "修改加载区域内容" + }, + "subTag": "-" + } } } }, { - "icon": "form", + "id": 14, + "version": "2.7.8", "name": { - "zh_CN": "表单" + "zh_CN": "级联选择器" }, - "component": "form", - "container": false, + "component": "ElCascader", + "icon": "cascader", + "description": "当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。", + "doc_url": "", "screenshot": "", "tags": "", "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 100, + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElCascader" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Cascader Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Cascader Attributes ​" }, "content": [ { - "property": "name", + "property": "model-value", "label": { "text": { - "zh_CN": "表单的名称" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string/number/object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "action", + "property": "options", "label": { "text": { - "zh_CN": "提交表单时向何处发送表单数据" + "zh_CN": "options" } }, + "description": { + "zh_CN": "选项的数据源， value 和 label 可以通过 CascaderProps 自定义." + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "props", + "label": { + "text": { + "zh_CN": "props" + } }, "description": { - "zh_CN": "" + "zh_CN": "配置选项, 请参阅下面 CascaderProps 表。" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } } }, { - "property": "method", + "property": "size", "label": { "text": { - "zh_CN": "用于发送 form-data 的 HTTP 方法" + "zh_CN": "size" } }, + "description": { + "zh_CN": "尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "get", - "value": "get" - }, - { - "label": "post", - "value": "post" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } - } - ] - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击时触发" - }, - "description": { - "zh_CN": "点击时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - }, - "shortcuts": { - "properties": [] - }, - "contentMenu": { - "actions": [] - } - }, - "configure": { - "isContainer": true - } - }, - { - "icon": "label", - "name": { - "zh_CN": "表单标签" - }, - "component": "label", - "container": false, - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 110, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "for", + "property": "placeholder", "label": { "text": { - "zh_CN": "label 绑定到哪个表单元素" + "zh_CN": "placeholder" } }, + "description": { + "zh_CN": "输入框占位文本" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "form", + "property": "disabled", "label": { "text": { - "zh_CN": "label 字段所属的一个或多个表单" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } - } - ] - } - ], - "events": {}, - "shortcuts": { - "properties": [] - }, - "contentMenu": { - "actions": [] - } - } - }, - { - "name": { - "zh_CN": "按钮组" - }, - "component": "TinyButtonGroup", - "icon": "buttonGroup", - "description": "以按钮组的方式出现，常用于多项类似操作", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ButtonGroup", - "version": "", - "destructuring": true - }, - "group": "component", - "category": "general", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "data", + "property": "clearable", "label": { "text": { - "zh_CN": "按钮组数据" + "zh_CN": "clearable" } }, + "description": { + "zh_CN": "是否支持清空选项" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSwitch", "props": { - "language": "json" + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "size", + "property": "show-all-levels", "label": { "text": { - "zh_CN": "组件大小" + "zh_CN": "show-all-levels" } }, + "description": { + "zh_CN": "输入框中是否显示选中值的完整路径" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "mini", - "value": "mini" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "medium", - "value": "medium" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "plain", + "property": "collapse-tags", "label": { "text": { - "zh_CN": "是否是朴素按钮" + "zh_CN": "collapse-tags" } }, + "description": { + "zh_CN": "多选模式下是否折叠Tag" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "disabled", + "property": "collapse-tags-tooltip", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "collapse-tags-tooltip" } }, + "description": { + "zh_CN": "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "separator", + "label": { + "text": { + "zh_CN": "separator" + } }, "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["disabled", "size"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "row", - "name": { - "zh_CN": "row" - }, - "component": "TinyRow", - "description": "定义 Layout 的行配置信息", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Row", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 5, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "zh_CN": "用于分隔选项的字符" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, { - "property": "layout", + "property": "filterable", "label": { "text": { - "zh_CN": "layout" + "zh_CN": "filterable" } }, + "description": { + "zh_CN": "该选项是否可以被搜索" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaLayoutGrid", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-method", + "label": { + "text": { + "zh_CN": "filter-method" + } }, "description": { - "zh_CN": "layout" + "zh_CN": "自定义搜索逻辑，第一个参数是node，第二个参数是keyword，返回的布尔值表示是否保留该选项" }, - "labelPosition": "none" + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "align", + "property": "debounce", "label": { "text": { - "zh_CN": "align" + "zh_CN": "debounce" } }, + "description": { + "zh_CN": "搜索关键词正在输入时的去抖延迟，单位为毫秒" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "top", - "value": "top" - }, - { - "label": "middle", - "value": "middle" - }, - { - "label": "bottom", - "value": "bottom" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "flex", + "property": "before-filter", "label": { "text": { - "zh_CN": "flex" + "zh_CN": "before-filter" } }, + "description": { + "zh_CN": "过滤函数调用前，所要调用的钩子函数，该函数接收要过滤的值作为参数。 如果该函数的返回值是 false 或者是一个被拒绝的 Promise，那么接下来的过滤逻辑便不会执行。" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "gutter", + "property": "popper-class", "label": { "text": { - "zh_CN": "gutter" + "zh_CN": "popper-class" } }, + "description": { + "zh_CN": "弹出内容的自定义类名" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - } - ] - } - ] - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["label-width", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "form", - "name": { - "zh_CN": "表单" - }, - "component": "TinyForm", - "description": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Form", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 5, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "disabled", + "property": "teleported", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "teleported" } }, + "description": { + "zh_CN": "弹层是否使用 teleport" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "label-width", + "property": "popper-append-to-body", "label": { "text": { - "zh_CN": "标签宽度" + "zh_CN": "popper-append-to-body" } }, + "description": { + "zh_CN": "是否将弹出的内容直接插入到 body 元素。 在弹出内容的边框定位出现问题时，可将该属性设置为 false" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag-type", + "label": { + "text": { + "zh_CN": "tag-type" + } }, "description": { - "zh_CN": "表单中标签占位宽度，默认为 80px" + "zh_CN": "标签类型" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "inline", + "property": "tag-effect", "label": { "text": { - "zh_CN": "行内布局" + "zh_CN": "tag-effect" } }, + "description": { + "zh_CN": "tag effect" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "行内布局模式，默认为 false" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "label-align", + "property": "validate-event", "label": { "text": { - "zh_CN": "必填标识是否占位" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "输入时是否触发表单的校验" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "必填标识 * 是否占位" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "label-suffix", + "property": "max-collapse-tags", "label": { "text": { - "zh_CN": "标签后缀" + "zh_CN": "max-collapse-tags" } }, + "description": { + "zh_CN": "需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "表单中标签后缀" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "label-position", + "property": "empty-values", "label": { "text": { - "zh_CN": "标签位置" + "zh_CN": "empty-values" } }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "right", - "value": "right" - }, - { - "label": "left ", - "value": "left " - }, - { - "label": "top", - "value": "top" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "表单中标签的布局位置" } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "校验属性" - }, - "content": [ + }, { - "property": "model", + "property": "value-on-clear", "label": { "text": { - "zh_CN": "表单校验对象" + "zh_CN": "value-on-clear" } }, + "description": { + "zh_CN": "清空选项的值 参考 config-provider" + }, + "type": "string / number / boolean / Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表单数据对象" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "rules", + "property": "persistent", "label": { "text": { - "zh_CN": "校验规则" + "zh_CN": "persistent" } }, + "description": { + "zh_CN": "当下拉框未被激活并且persistent设置为false，下拉框容器会被删除。" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表单验证规则" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onValidate": { - "label": { - "zh_CN": "表单项被校验后触发" - }, - "description": { - "zh_CN": "表单项被校验后触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "function", - "type": "Function", - "defaultValue": "(valid) => {}", - "description": { - "zh_CN": "校验回调函数" + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onInput": { - "label": { - "zh_CN": "输入值改变时触发" - }, - "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框输入的值" + }, + { + "property": "fallback-placements", + "label": { + "text": { + "zh_CN": "fallback-placements" } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + }, + "description": { + "zh_CN": "Tooltip 可用的 positions 请查看popper.js 文档" + }, + "type": "arrary", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "下拉框出现的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" + } + ] }, - "onClear": { - "label": { - "zh_CN": "点击清空按钮时触发" - }, - "description": { - "zh_CN": "点击清空按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": [], - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["label-width", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "formitem", - "name": { - "zh_CN": "表单项" - }, - "component": "TinyFormItem", - "description": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "FormItem", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 12, - "schema": { - "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "CascaderPanel Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "CascaderPanel Attributes ​" }, "content": [ { - "property": "label", + "property": "model-value", "label": { "text": { - "zh_CN": "标签文本" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string/number/object", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "标签", "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "标签文本" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "prop", + "property": "options", "label": { "text": { - "zh_CN": "校验字段" + "zh_CN": "options" } }, + "description": { + "zh_CN": "选项的数据源， value 和 label 可以通过 CascaderProps 自定义." + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的" + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } } }, { - "property": "required", + "property": "props", "label": { "text": { - "zh_CN": "必填" + "zh_CN": "props" } }, + "description": { + "zh_CN": "配置选项, 请参阅下面 CascaderProps 表。" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否必填" - }, - "labelPosition": "left" + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } } ] } ], "events": {}, "slots": { - "label": { + "default": { "label": { - "zh_CN": "字段名" + "zh_CN": "default" }, "description": { - "zh_CN": "自定义显示字段名称" - } + "zh_CN": "下级节点的自定义内容，它们分别是当前节点对象和节点数据。" + }, + "subTag": "object" + }, + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "无匹配选项时的内容" + }, + "subTag": "—" } } + } + }, + { + "id": 15, + "version": "2.7.8", + "name": { + "zh_CN": "多选框" }, + "component": "ElCheckbox", + "icon": "checkbox", + "description": "在一组备选项中进行多选。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElCheckbox" + }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", - "parentWhitelist": ["TinyForm"], + "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" }, @@ -5375,1272 +4280,970 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["label", "rules"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "col", - "name": { - "zh_CN": "col" - }, - "component": "TinyCol", - "description": "列配置信息", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Col", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 2, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Checkbox Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Checkbox Attributes ​" }, "content": [ { - "property": "span", + "property": "model-value", "label": { "text": { - "zh_CN": "栅格列格数" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string / number / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "整行", - "value": 12 - }, - { - "label": "6格", - "value": 6 - }, - { - "label": "4格", - "value": 4 - }, - { - "label": "3格", - "value": 3 - }, - { - "label": "1格", - "value": 1 - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "当一行分为12格时，一列可占位多少格" } }, { - "property": "move", + "property": "value", "label": { "text": { - "zh_CN": "栅格左右移动格数" + "zh_CN": "value" } }, + "description": { + "zh_CN": "选中状态的值（只有在checkbox-group或者绑定对象类型为array时有效）" + }, + "type": "string / number / boolean / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "__ERROR__", "props": { - "min": -12, - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "栅格左右移动格数（正数向右，负数向左）" } }, { - "property": "no", + "property": "label", "label": { "text": { - "zh_CN": "排序编号" + "zh_CN": "label" } }, + "description": { + "zh_CN": "选中状态的值，只有在绑定对象类型为 array 时有效。 如果没有 value， label则作为value使用" + }, + "type": "string / number / boolean / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "__ERROR__", "props": { - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "排序编号（row中启用order生效）" } }, { - "property": "offset", + "property": "true-value", "label": { "text": { - "zh_CN": "间隔格数" + "zh_CN": "true-value" } }, + "description": { + "zh_CN": "选中时的值" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "__ERROR__", "props": { - "min": 0, - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "栅格左侧的间隔格数" } }, { - "property": "xs", + "property": "false-value", "label": { "text": { - "zh_CN": "超小屏格数" + "zh_CN": "false-value" } }, + "description": { + "zh_CN": "没有选中时的值" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "__ERROR__", "props": { - "min": 1, - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "<768px 响应式栅格数" } }, { - "property": "sm", + "property": "true-label", "label": { "text": { - "zh_CN": "小屏格数" + "zh_CN": "true-label" } }, + "description": { + "zh_CN": "选中时的值" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "__ERROR__", "props": { - "min": 1, - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "≥768px 响应式栅格数" } }, { - "property": "md", + "property": "false-label", "label": { "text": { - "zh_CN": "中屏格数" + "zh_CN": "false-label" } }, + "description": { + "zh_CN": "没有选中时的值" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "__ERROR__", "props": { - "min": 1, - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "≥992px 响应式栅格数" } }, { - "property": "lg", + "property": "disabled", "label": { "text": { - "zh_CN": "大屏格数" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaSwitch", "props": { - "min": 1, - "max": 12 + "slots": ["default"] } - }, - "description": { - "zh_CN": "≥1200px 响应式栅格数" } }, { - "property": "xl", + "property": "border", "label": { "text": { - "zh_CN": "超大屏格数" + "zh_CN": "border" } }, + "description": { + "zh_CN": "是否显示边框" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaSwitch", "props": { - "min": 1, - "max": 12 - } - }, - "description": { - "zh_CN": "≥1920px 响应式栅格数" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["label", "rules"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "按钮" - }, - "component": "TinyButton", - "icon": "button", - "description": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Button", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "text", - "type": "string", - "defaultValue": "按钮文案", - "label": { - "text": { - "zh_CN": "按钮文字" + "slots": ["default"] } - }, - "cols": 12, - "hidden": false, - "required": true, - "readOnly": false, - "disabled": false, - "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "" } }, { "property": "size", - "type": "select", "label": { "text": { - "zh_CN": "大小" + "zh_CN": "size" } }, - "cols": 12, - "rules": [], - "hidden": false, + "description": { + "zh_CN": "Checkbox 的尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "large", - "value": "large" - }, - { - "label": "medium", - "value": "medium" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "mini", - "value": "mini" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "disabled", + "property": "name", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "name" } }, + "description": { + "zh_CN": "原生 name 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否被禁用" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "type", + "property": "checked", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "checked" } }, + "description": { + "zh_CN": "当前是否勾选" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "primary", - "value": "primary" - }, - { - "label": "success", - "value": "success" - }, - { - "label": "info", - "value": "info" - }, - { - "label": "warning", - "value": "warning" - }, - { - "label": "danger", - "value": "danger" - }, - { - "label": "text", - "value": "text" - } - ] - } - }, - "description": { - "zh_CN": "设置不同的主题样式" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + "slots": ["default"] + } + } + }, { - "property": "round", + "property": "indeterminate", "label": { "text": { - "zh_CN": "圆角" + "zh_CN": "indeterminate" } }, + "description": { + "zh_CN": "设置不确定状态，仅负责样式控制" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否圆角按钮" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "plain", + "property": "validate-event", "label": { "text": { - "zh_CN": "朴素按钮" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "输入时是否触发表单的校验" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否为朴素按钮" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "reset-time", + "property": "tabindex", "label": { "text": { - "zh_CN": "禁用时间" + "zh_CN": "tabindex" } }, + "description": { + "zh_CN": "输入框的 tabindex" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "设置禁用时间，防止重复提交，单位毫秒" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "circle", + "property": "id", "label": { "text": { - "zh_CN": "圆角" + "zh_CN": "id" } }, + "description": { + "zh_CN": "input id" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否圆形按钮" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "autofocus", + "property": "controls", "label": { "text": { - "zh_CN": "聚焦" + "zh_CN": "controls" } }, + "description": { + "zh_CN": "与 aria-control一致, 当 indeterminate为 true时生效" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否默认聚焦" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "loading", + "property": "aria-controls", "label": { "text": { - "zh_CN": "加载中" + "zh_CN": "aria-controls" } }, + "description": { + "zh_CN": "和 aria-control一致。当 indeterminate 为 true 时生效" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否展示位加载中样式" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击事件" - }, - "description": { - "zh_CN": "按钮被点击时触发的回调函数" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["text", "size"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "输入框" - }, - "component": "TinyInput", - "icon": "input", - "description": "通过鼠标或键盘输入字符", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Input", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 1, - "schema": { - "properties": [ + ] + }, { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "CheckboxGroup Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "CheckboxGroup Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "model-value", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "绑定值" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } }, { - "property": "type", + "property": "size", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "size" } }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "textarea", - "value": "textarea" - }, - { - "label": "text", - "value": "text" - }, - { - "label": "password", - "value": "password" - } - ] - } - }, - "description": { - "zh_CN": "设置input框的type属性" - } - }, - { - "property": "rows", - "label": { - "text": { - "zh_CN": "行数" - } - }, - "widget": { - "component": "MetaNumber" - }, "description": { - "zh_CN": "输入框行数，只对 type='textarea' 有效" - } - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "占位文本" - } + "zh_CN": "多选框组尺寸" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "clearable", + "property": "disabled", "label": { "text": { - "zh_CN": "清除按钮" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "min", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "min" } }, + "description": { + "zh_CN": "可被勾选的 checkbox 的最小数量" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "max", "label": { "text": { - "zh_CN": "尺寸" + "zh_CN": "max" } }, + "description": { + "zh_CN": "可被勾选的 checkbox 的最大数量" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "medium", - "value": "medium" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "mini", - "value": "mini" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + }, { - "property": "maxlength", + "property": "label", "label": { "text": { - "zh_CN": "最大长度" + "zh_CN": "label" } }, + "description": { + "zh_CN": "原生 aria-label属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "设置 input 框的maxLength" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "autofocus", + "property": "aria-label", "label": { "text": { - "zh_CN": "聚焦" + "zh_CN": "aria-label" } }, + "description": { + "zh_CN": "原生 aria-label属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "自动获取焦点" - }, - "labelPosition": "left" - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "值改变时触发" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框改变后的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onInput": { - "label": { - "zh_CN": "输入值改变时触发" - }, - "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框输入的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClear": { - "label": { - "zh_CN": "点击清空按钮时触发" - }, - "description": { - "zh_CN": "点击清空按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - }, - "slots": { - "prefix": { - "label": { - "zh_CN": "前置内容" - } - }, - "suffix": { - "label": { - "zh_CN": "后置内容" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["value", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "radio", - "name": { - "zh_CN": "单选" - }, - "component": "TinyRadio", - "description": "用于配置不同场景的选项，在一组备选项中进行单选", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Radio", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 3, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "text", + "property": "text-color", "label": { "text": { - "zh_CN": "文本" + "zh_CN": "text-color" } }, + "description": { + "zh_CN": "当按钮为活跃状态时的字体颜色" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } }, { - "property": "label", + "property": "fill", "label": { "text": { - "zh_CN": "单选框的值" + "zh_CN": "fill" } }, + "description": { + "zh_CN": "当按钮为活跃状态时的边框和背景颜色" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "modelValue", + "property": "tag", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "tag" } }, + "description": { + "zh_CN": "复选框组元素标签" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的当前选中值" + "props": { + "slots": ["default"] + } } }, { - "property": "disabled", + "property": "validate-event", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": ["default"] + } } } ] }, { + "name": "0", "label": { - "zh_CN": "其他" + "zh_CN": "CheckboxButton Attributes ​" }, "description": { - "zh_CN": "" + "zh_CN": "CheckboxButton Attributes ​" }, "content": [ { - "property": "border", + "property": "value", "label": { "text": { - "zh_CN": "显示边框" + "zh_CN": "value" } }, + "description": { + "zh_CN": "选中状态的值，只有在绑定对象类型为 array 时有效。" + }, + "type": "string / number / boolean / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "label", "label": { "text": { - "zh_CN": "单选框的尺寸" + "zh_CN": "label" } }, + "description": { + "zh_CN": "选中状态的值，只有在绑定对象类型为 array 时有效。 如果没有 value， label则作为value使用" + }, + "type": "string / number / boolean / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "true-value", + "label": { + "text": { + "zh_CN": "true-value" + } + }, + "description": { + "zh_CN": "选中时的值" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "false-value", + "label": { + "text": { + "zh_CN": "false-value" + } + }, + "description": { + "zh_CN": "没有选中时的值" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "true-label", + "label": { + "text": { + "zh_CN": "true-label" + } + }, + "description": { + "zh_CN": "选中时的值" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "false-label", + "label": { + "text": { + "zh_CN": "false-label" + } + }, + "description": { + "zh_CN": "没有选中时的值" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { "property": "name", "label": { "text": { - "zh_CN": "原生 name 属性" + "zh_CN": "name" } }, + "description": { + "zh_CN": "原生 name 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "checked", + "label": { + "text": { + "zh_CN": "checked" + } }, "description": { - "zh_CN": "" + "zh_CN": "当前是否勾选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } } ] } ], - "events": { - "onChange": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "值变化事件" + "zh_CN": "default" }, "description": { - "zh_CN": "绑定值变化时触发的事件" + "zh_CN": "自定义默认内容" } - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" } } + } + }, + { + "id": 16, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 取色器" + }, + "component": "ElColor", + "icon": "color", + "description": "用于颜色选择，支持多种格式。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElColor" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -6651,404 +5254,364 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["visible", "width"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "select", - "name": { - "zh_CN": "下拉框" - }, - "component": "TinySelect", - "description": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Select", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 8, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "model-value", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的当前选中值" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "placeholder", + "property": "disabled", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "clearable", + "property": "size", "label": { "text": { - "zh_CN": "清除按钮" + "zh_CN": "size" } }, + "description": { + "zh_CN": "尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "searchable", + "property": "show-alpha", "label": { "text": { - "zh_CN": "下拉面板可搜索" + "zh_CN": "show-alpha" } }, - "required": false, + "description": { + "zh_CN": "是否支持透明度选择" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "下拉面板是否可搜索" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "color-format", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "color-format" } }, + "description": { + "zh_CN": "写入 v-model 的颜色的格式" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "options", + "property": "popper-class", "label": { "text": { - "zh_CN": "下拉数据" + "zh_CN": "popper-class" } }, + "description": { + "zh_CN": "ColorPicker 下拉框的类名" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaInput", "props": { - "language": "json" + "slots": ["default"] } - }, - "description": { - "zh_CN": "配置 Select 下拉数据项" - }, - "labelPosition": "left" + } }, { - "property": "multiple", + "property": "predefine", "label": { "text": { - "zh_CN": "多选" + "zh_CN": "predefine" } }, + "description": { + "zh_CN": "预定义颜色" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } }, "description": { - "zh_CN": "是否允许输入框输入或选择多个项" + "zh_CN": "输入时是否触发表单的校验" }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, { - "property": "multiple-limit", + "property": "tabindex", "label": { "text": { - "zh_CN": "最大可选值" + "zh_CN": "tabindex" } }, + "description": { + "zh_CN": "ColorPicker 的 tabindex" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } }, "description": { - "zh_CN": "多选时用户最多可以选择的项目数，为 0 则不限制" + "zh_CN": "ColorPicker 的 aria-label" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "popper-class", + "property": "aria-label", "label": { "text": { - "zh_CN": "下拉框的类名" + "zh_CN": "aria-label" } }, + "description": { + "zh_CN": "ColorPicker 的 aria-label" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "id", + "label": { + "text": { + "zh_CN": "id" + } }, "description": { - "zh_CN": "设置下拉框自定义的类名" + "zh_CN": "ColorPicker 的 id" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "collapse-tags", + "property": "teleported", "label": { "text": { - "zh_CN": "多选展示" + "zh_CN": "teleported" } }, + "description": { + "zh_CN": "是否将 popover 的下拉列表渲染至 body 下" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "多选时是否将选中值按文字的形式展示" - }, - "labelPosition": "left" - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "值改变时触发" - }, - "description": { - "zh_CN": "在下拉框值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "下拉框选中项的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClear": { - "label": { - "zh_CN": "点击清空按钮时触发" - }, - "description": { - "zh_CN": "点击清空按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - }, - "onRemoveTag": { - "label": { - "zh_CN": "多选模式下移除tag时触发" - }, - "description": { - "zh_CN": "多选模式下移除tag时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "被移除Tag对应数据项的值字段" + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" + } + ] } - }, - "onBeforeMount": "console.log('table on load'); this.options = source.data" + ], + "events": {}, + "slots": {} + } + }, + { + "id": 17, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 日期选择器" + }, + "component": "ElDate", + "icon": "date", + "description": "用于选择或输入日期", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDate" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -7059,1138 +5622,781 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["multiple", "options"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "switch", - "name": { - "zh_CN": "开关" - }, - "component": "TinySwitch", - "description": "Switch 在两种状态间切换选择", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Switch", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 9, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "属性 ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "属性 ​" }, "content": [ { - "property": "disabled", + "property": "model-value", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "绑定值，如果它是数组，长度应该是 2" + }, + "type": "number / string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否被禁用" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "modelValue", + "property": "readonly", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "readonly" } }, + "description": { + "zh_CN": "只读" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "绑定默认值" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "true-value", + "property": "disabled", "label": { "text": { - "zh_CN": "打开时的值" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置打开时的值(Boolean / String / Number)" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "false-value", + "property": "size", "label": { "text": { - "zh_CN": "关闭时的值" + "zh_CN": "size" } }, + "description": { + "zh_CN": "输入框尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置关闭时的值(Boolean / String / Number)" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "mini", + "property": "editable", "label": { "text": { - "zh_CN": "迷你尺寸" + "zh_CN": "editable" } }, + "description": { + "zh_CN": "文本框可输入" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } }, "description": { - "zh_CN": "是否显示为 mini 模式" + "zh_CN": "是否显示清除按钮" }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "点击事件" - }, - "description": { - "zh_CN": "按钮被点击时触发的回调函数" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "开关的状态值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的开关状态值" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["disabled", "mini"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "search", - "name": { - "zh_CN": "搜索框" - }, - "component": "TinySearch", - "description": "指定条件对象进行搜索数据", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Search", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "modelValue", + "property": "placeholder", "label": { "text": { - "zh_CN": "默认值" + "zh_CN": "placeholder" } }, + "description": { + "zh_CN": "非范围选择时的占位内容" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框内的默认搜索值" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "start-placeholder", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "start-placeholder" } }, + "description": { + "zh_CN": "范围选择时开始日期的占位内容" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否被禁用" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "placeholder", + "property": "end-placeholder", "label": { "text": { - "zh_CN": "占位文本 " + "zh_CN": "end-placeholder" } }, + "description": { + "zh_CN": "范围选择时结束日期的占位内容" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框内的提示占位文本" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "clearable", + "property": "type", "label": { "text": { - "zh_CN": "清空按钮" + "zh_CN": "type" } }, + "description": { + "zh_CN": "显示类型" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置显示清空图标按钮" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "isEnterSearch", + "property": "format", "label": { "text": { - "zh_CN": "是否Enter键触发search事件" + "zh_CN": "format" } }, + "description": { + "zh_CN": "显示在输入框中的格式" + }, + "type": "参见 date formats", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否在按下键盘Enter键的时候触发search事件" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他配置" - }, - "content": [ + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, { - "property": "mini", + "property": "popper-class", "label": { "text": { - "zh_CN": "迷你尺寸" + "zh_CN": "popper-class" } }, + "description": { + "zh_CN": "DatePicker 下拉框的类名" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "迷你模式，配置为true时，搜索默认显示为一个带图标的圆形按钮，点击后展开" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "transparent", + "property": "popper-options", "label": { "text": { - "zh_CN": "透明模式" + "zh_CN": "popper-options" } }, + "description": { + "zh_CN": "自定义 popper 选项，更多请参考 popper.js" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "配置为true时，边框变为透明且收缩后半透明显示，一般用在带有背景的场景，默认 false" - }, - "labelPosition": "left" - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "输入完成时触发" - }, - "description": { - "zh_CN": "在 input 框中输入完成时触发的回调函数" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "type", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "搜索类型,默认值为 {} " - } - }, - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前input框中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onSearch": { - "label": { - "zh_CN": "点击搜索按钮时触发" - }, - "description": { - "zh_CN": "展开状态点击搜索按钮时触发的回调函数" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "type", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "搜索类型,默认值为 {} " - } - }, - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前input框中值" + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["clearable", "mini"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "checkbox", - "name": { - "zh_CN": "复选框" - }, - "component": "TinyCheckbox", - "description": "用于配置不同场景的选项，提供用户可在一组选项中进行多选", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Checkbox", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 4, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "modelValue", + "property": "range-separator", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "range-separator" } }, + "description": { + "zh_CN": "选择范围时的分隔符" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "default-value", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "default-value" } }, + "description": { + "zh_CN": "可选，选择器打开时默认显示的时间" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } } }, { - "property": "checked", + "property": "default-time", "label": { "text": { - "zh_CN": "勾选" + "zh_CN": "default-time" } }, + "description": { + "zh_CN": "范围选择时选中日期所使用的当日内具体时刻" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "当前是否勾选" - }, - "labelPosition": "left" - }, - { - "property": "text", + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-format", "label": { "text": { - "zh_CN": "文本" + "zh_CN": "value-format" } }, + "description": { + "zh_CN": "可选，绑定值的格式。 不指定则绑定值为 Date 对象" + }, + "type": "参见 date formats", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "复选框的文本" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, { - "property": "border", + "property": "id", "label": { "text": { - "zh_CN": "边框" + "zh_CN": "id" } }, + "description": { + "zh_CN": "等价于原生 input id 属性" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示边框" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "false-label", + "property": "name", "label": { "text": { - "zh_CN": "未选中的值" + "zh_CN": "name" } }, + "description": { + "zh_CN": "等价于原生 input name 属性" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "没有选中时的值" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "true-label", + "property": "unlink-panels", "label": { "text": { - "zh_CN": "选择时的值" + "zh_CN": "unlink-panels" } }, + "description": { + "zh_CN": "在范围选择器里取消两个日期面板之间的联动" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "选中时的值" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "勾选值改变后将触发" - }, - "description": { - "zh_CN": "勾选值改变后将触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "选中项的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["border", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "checkboxbutton", - "name": { - "zh_CN": "复选按钮" - }, - "component": "TinyCheckboxButton", - "description": "用于配置不同场景的选项，提供用户可在一组选项中进行多选", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "CheckboxButton", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 1, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "modelValue", + "property": "prefix-icon", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "prefix-icon" } }, + "description": { + "zh_CN": "自定义前缀图标 如果 type的值是TimeLikeType，那么就是 Clock，不然就是 Calendar" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的当前选中值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "clear-icon", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "clear-icon" } }, + "description": { + "zh_CN": "自定义清除图标" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "checked", + "property": "validate-event", "label": { "text": { - "zh_CN": "勾选" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "当前是否勾选" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "text", + "property": "disabled-date", "label": { "text": { - "zh_CN": "文本" + "zh_CN": "disabled-date" } }, + "description": { + "zh_CN": "一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "按钮文本" - }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "勾选值改变后将触发" - }, - "description": { - "zh_CN": "勾选值改变后将触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "选中项的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "array", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" + "component": "__ERROR__", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["text", "size"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "checkboxgroup", - "name": { - "zh_CN": "复选按钮组" - }, - "component": "TinyCheckboxGroup", - "description": "用于配置不同场景的选项，提供用户可在一组选项中进行多选", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "CheckboxGroup", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "modelValue", + "property": "shortcuts", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "shortcuts" } }, + "description": { + "zh_CN": "设置快捷选项，需要传入数组对象" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaCodeEditor", "props": { - "dataType": "Array" + "slots": ["default"] } - }, - "description": { - "zh_CN": "双向绑定的当前选中值" - }, - "labelPosition": "left" + } }, { - "property": "disabled", + "property": "cell-class-name", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "cell-class-name" } }, + "description": { + "zh_CN": "设置自定义类名" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "options", + "property": "teleported", "label": { "text": { - "zh_CN": "数据列表" + "zh_CN": "teleported" } }, - "defaultValue": [ - { - "label": "标签2" - }, - { - "label": "标签2" - } - ], + "description": { + "zh_CN": "是否将 date-picker 的下拉列表插入至 body 元素" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "checkbox组件列表" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "type", + "property": "empty-values", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "empty-values" } }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "button", - "value": "button" - }, - { - "label": "checkbox", - "value": "checkbox" - } - ] + "slots": ["default"] } + } + }, + { + "property": "value-on-clear", + "label": { + "text": { + "zh_CN": "value-on-clear" + } + }, + "description": { + "zh_CN": "清空选项的值 参考 config-provider" }, - "description": { - "zh_CN": "checkbox组件类型（button/checkbox），该属性的默认值为 checkbox,配合 options 属性一起使用" - }, - "labelPosition": "left" + "type": "string / number / boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } } ] } ], - "events": { - "onChange": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "勾选值改变后将触发" + "zh_CN": "default" }, "description": { - "zh_CN": "勾选值改变后将触发" + "zh_CN": "自定义单元格内容" + } + }, + "range-separator": { + "label": { + "zh_CN": "range-separator" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "选中项的值" - } - } - ], - "returns": {} + "description": { + "zh_CN": "自定义范围分割符内容" + } + }, + "prev-month 2.8.0": { + "label": { + "zh_CN": "prev-month 2.8.0" }, - "defaultValue": "" + "description": { + "zh_CN": "上个月的图标" + } }, - "onUpdate:modelValue": { + "next-month 2.8.0": { "label": { - "zh_CN": "双向绑定的值改变时触发" + "zh_CN": "next-month 2.8.0" }, "description": { - "zh_CN": "当前选中的值改变时触发" + "zh_CN": "下个月的图标" + } + }, + "prev-year 2.8.0": { + "label": { + "zh_CN": "prev-year 2.8.0" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "array", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} + "description": { + "zh_CN": "上一年图标" + } + }, + "next-year 2.8.0": { + "label": { + "zh_CN": "next-year 2.8.0" }, - "defaultValue": "" + "description": { + "zh_CN": "下一年图标" + } } } + } + }, + { + "id": 18, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 日期时间选择器" + }, + "component": "ElDateTime", + "icon": "datetime", + "description": "在同一个选择器里选择日期和时间", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDateTime" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -8201,908 +6407,807 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["disabled", "type"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "dialogbox", - "name": { - "zh_CN": "对话框" - }, - "component": "TinyDialogBox", - "description": "模态对话框，在浮层中显示，引导用户进行相关操作。", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "DialogBox", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 4, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "title", + "property": "model-value", "label": { "text": { - "zh_CN": "标题" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "绑定值，如果它是数组，长度应该是 2" + }, + "type": "Date / number / string / Array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "弹出框标题" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "visible", + "property": "readonly", "label": { "text": { - "zh_CN": "显示与隐藏" + "zh_CN": "readonly" } }, + "description": { + "zh_CN": "只读" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "控制弹出框显示与关闭" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "width", + "property": "disabled", "label": { "text": { - "zh_CN": "宽度" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "editable", + "label": { + "text": { + "zh_CN": "editable" + } }, "description": { - "zh_CN": "弹出框的宽度" + "zh_CN": "文本框可输入" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "draggable", + "property": "clearable", "label": { "text": { - "zh_CN": "可拖拽" + "zh_CN": "clearable" } }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否开启弹窗的拖拽功能，默认值为 false 。" + "props": { + "slots": ["default"] + } } }, { - "property": "center", + "property": "size", "label": { "text": { - "zh_CN": "居中" + "zh_CN": "size" } }, + "description": { + "zh_CN": "输入框尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } }, "description": { - "zh_CN": "弹出框的头部与底部内容会自动居中" + "zh_CN": "非范围选择时的占位内容" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "dialog-class", + "property": "start-placeholder", "label": { "text": { - "zh_CN": "自定义类" + "zh_CN": "start-placeholder" } }, + "description": { + "zh_CN": "范围选择时开始日期的占位内容" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "end-placeholder", + "label": { + "text": { + "zh_CN": "end-placeholder" + } }, "description": { - "zh_CN": "自定义配置弹窗类名" + "zh_CN": "范围选择时结束日期的占位内容" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "append-to-body", + "property": "arrow-control", "label": { "text": { - "zh_CN": "插入到 Body " + "zh_CN": "arrow-control" } }, + "description": { + "zh_CN": "是否使用箭头进行时间选择" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } }, "description": { - "zh_CN": "DialogBox 本身是否插入到 body 上，嵌套的 Dialog 必须指定该属性并赋值为 true" + "zh_CN": "显示类型" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "show-close", + "property": "format", "label": { "text": { - "zh_CN": "关闭按钮" + "zh_CN": "format" } }, + "description": { + "zh_CN": "显示在输入框中的格式" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } }, "description": { - "zh_CN": "是否显示关闭按钮，默认值为 true 。" + "zh_CN": "DateTimePicker 下拉框的类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - } - ] - } - ], - "selector": ".TinyDialogBox", - "events": { - "onClose": { - "label": { - "zh_CN": "关闭弹窗时触发" - }, - "description": { - "zh_CN": "Dialog 关闭的回调" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:visible": { - "label": { - "zh_CN": "双向绑定的状态改变时触发" - }, - "description": { - "zh_CN": "显示或隐藏的状态值，发生改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "boolean", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的显示或隐藏的状态值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - } - }, - "slots": { - "title": { - "label": { - "zh_CN": "标题区" - }, - "description": { - "zh_CN": "Dialog 标题区的内容" - } - }, - "footer": { - "label": { - "zh_CN": "按钮操作区" - }, - "description": { - "zh_CN": "Dialog 按钮操作区的内容" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": true, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": ".tiny-dialog-box", - "shortcuts": { - "properties": ["visible", "width"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "tabs", - "name": { - "zh_CN": "标签页" - }, - "component": "TinyTabs", - "description": "分隔内容上有关联但属于不同类别的数据集合", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Tabs", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 10, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "showEditIcon", + "property": "range-separator", "label": { "text": { - "zh_CN": "显示编辑ICON " + "zh_CN": "range-separator" } }, + "description": { + "zh_CN": "选择范围时的分隔符" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示标题后编辑 ICON" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "tabs", + "property": "default-value", "label": { "text": { - "zh_CN": "选项卡" + "zh_CN": "default-value" } }, + "description": { + "zh_CN": "可选，选择器打开时默认显示的时间" + }, + "type": "Date / [Date, Date]", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "", "cols": 12, - "bindState": false, + "labelPosition": "top", "widget": { - "component": "MetaContainer", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-time", + "label": { + "text": { + "zh_CN": "default-time" + } }, "description": { - "zh_CN": "tabs" + "zh_CN": "选择日期后的默认时间值。 如未指定则默认时间值为 00:00:00" }, - "labelPosition": "none" + "type": "Date / [Date, Date]", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "modelValue", + "property": "value-format", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "value-format" } }, + "description": { + "zh_CN": "可选，绑定值的格式。 不指定则绑定值为 Date 对象" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "绑定值，选中选项卡的 name" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "with-add", + "property": "date-format", "label": { "text": { - "zh_CN": "可新增" + "zh_CN": "date-format" } }, + "description": { + "zh_CN": "可选，时间选择器下拉列表中显示的日期格式" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "标签是否可增加" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "with-close", + "property": "time-format", "label": { "text": { - "zh_CN": "可关闭" + "zh_CN": "time-format" } }, + "description": { + "zh_CN": "可选，时间选择器下拉列表中显示的时间格式" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "标签是否可关闭" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "tab-style", + "property": "id", "label": { "text": { - "zh_CN": "标签页样式" + "zh_CN": "id" } }, + "description": { + "zh_CN": "等价于原生 input id 属性" + }, + "type": "string / [string, string]", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "card", - "value": "card" - }, - { - "label": "border-card", - "value": "border-card" - } - ] + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" } }, "description": { - "zh_CN": "标签页样式" - }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击页签时触发事件" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "component", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前点击的页签对象" - } + "zh_CN": "等价于原生 input name 属性" }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onEdit": { - "label": { - "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" - }, - "description": { - "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "tab", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前操作的页签对象" + }, + { + "property": "unlink-panels", + "label": { + "text": { + "zh_CN": "unlink-panels" } }, - { - "name": "type", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前操作的类型（remove || add || edit）" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClose": { - "label": { - "zh_CN": "关闭页签时触发" - }, - "description": { - "zh_CN": "关闭页签时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "name", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "页签名称" + "description": { + "zh_CN": "在范围选择器里取消两个日期面板之间的联动" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "clickCapture": false, - "isModal": false, - "nestingRule": { - "childWhitelist": ["TinyTabItem"], - "parentWhitelist": [], - "descendantBlacklist": [], - "ancestorWhitelist": [] - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["size", "tab-style"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "tabitem", - "name": { - "zh_CN": "tab页签" - }, - "component": "TinyTabItem", - "description": "tab 标签页", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "TabItem", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "name", + "property": "prefix-icon", "label": { "text": { - "zh_CN": "唯一表示" + "zh_CN": "prefix-icon" } }, + "description": { + "zh_CN": "自定义前缀图标组件" + }, + "type": "string | Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "唯一表示" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "title", + "property": "clear-icon", "label": { "text": { - "zh_CN": "标题" + "zh_CN": "clear-icon" } }, + "description": { + "zh_CN": "自定义清除图标" + }, + "type": "string | Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "标题" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } - } - ] - } - ], - "events": {}, - "slots": { - "title": { - "label": { - "zh_CN": "标题" - }, - "description": { - "zh_CN": "自定义标题" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": ["TinyTab"], - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["name", "title"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "breadcrumb", - "name": { - "zh_CN": "面包屑" - }, - "component": "TinyBreadcrumb", - "description": "告诉访问者他们目前在网站中的位置以及如何返回", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Select", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 1, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "separator", + "property": "shortcuts", "label": { "text": { - "zh_CN": "分隔符" + "zh_CN": "shortcuts" } }, + "description": { + "zh_CN": "设置快捷选项，需要传入数组对象" + }, + "type": "object[{ text: string, value: date / function }]", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled-date", + "label": { + "text": { + "zh_CN": "disabled-date" + } }, "description": { - "zh_CN": "自定义分隔符" + "zh_CN": "一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。" }, - "labelPosition": "left" + "type": "function(Date)", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "options", + "property": "cell-class-name", "label": { "text": { - "zh_CN": "options" + "zh_CN": "cell-class-name" } }, + "description": { + "zh_CN": "设置自定义类名" + }, + "type": "Function(Date)", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "__ERROR__", "props": { - "language": "json" + "slots": ["default"] } - }, - "description": { - "zh_CN": "" } }, { - "property": "textField", + "property": "teleported", "label": { "text": { - "zh_CN": "textField" + "zh_CN": "teleported" } }, + "description": { + "zh_CN": "是否将 datetime-picker 的下拉列表插入至 body 元素" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } - } - ] - } - ], - "events": { - "onSelect": { - "label": { - "zh_CN": "选择 breadcrumb 时触发" - }, - "description": { - "zh_CN": "选择 breadcrumb 时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "clickCapture": false, - "isModal": false, - "nestingRule": { - "childWhitelist": ["TinyBreadcrumbItem"], - "parentWhitelist": [], - "descendantBlacklist": [], - "ancestorWhitelist": [] - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["separator"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "breadcrumb", - "name": { - "zh_CN": "面包屑项" - }, - "component": "TinyBreadcrumbItem", - "description": "", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "BreadcrumbItem", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 1, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "to", + "property": "empty-values", "label": { "text": { - "zh_CN": "路由路径" + "zh_CN": "empty-values" } }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-on-clear", + "label": { + "text": { + "zh_CN": "value-on-clear" + } }, "description": { - "zh_CN": "面包屑项" + "zh_CN": "清空选项的值 参考 config-provider" + }, + "type": "string / number / boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } } ] } ], + "events": {}, "slots": { "default": { "label": { - "zh_CN": "面包屑项标签" + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义单元格内容" + } + }, + "range-separator": { + "label": { + "zh_CN": "range-separator" + }, + "description": { + "zh_CN": "自定义范围分割符内容" + } + }, + "prev-month 2.8.0": { + "label": { + "zh_CN": "prev-month 2.8.0" }, "description": { - "zh_CN": "面包屑项" + "zh_CN": "上个月的图标" + } + }, + "next-month 2.8.0": { + "label": { + "zh_CN": "next-month 2.8.0" + }, + "description": { + "zh_CN": "下个月的图标" + } + }, + "prev-year 2.8.0": { + "label": { + "zh_CN": "prev-year 2.8.0" + }, + "description": { + "zh_CN": "上一年图标" + } + }, + "next-year 2.8.0": { + "label": { + "zh_CN": "next-year 2.8.0" + }, + "description": { + "zh_CN": "下一年图标" } } } + } + }, + { + "id": 19, + "version": "2.7.8", + "name": { + "zh_CN": "表单" + }, + "component": "ElForm", + "icon": "form", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElForm" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", - "parentWhitelist": ["TinyBreadcrumb"], + "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" }, @@ -9110,1165 +7215,748 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["to"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "collapse", - "name": { - "zh_CN": "折叠面板" - }, - "component": "TinyCollapse", - "description": "内容区可指定动态页面或自定义 html 等，支持展开收起操作", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Collapse", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 3, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Form Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Form Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "model", "label": { "text": { - "zh_CN": "当前激活的面板" + "zh_CN": "model" } }, + "description": { + "zh_CN": "表单数据对象" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } }, "description": { - "zh_CN": "双向绑定当前激活的面板" + "zh_CN": "表单验证规则" }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "激活面板改变时触发" - }, - "description": { - "zh_CN": "当前激活面板改变时触发(如果是手风琴模式，参数 activeNames 类型为string，否则为array)" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "data", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前激活面板的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前激活面板的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的值" + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["label-width", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "collapseitem", - "name": { - "zh_CN": "折叠面板项" - }, - "component": "TinyCollapseItem", - "description": "内容区可指定动态页面或自定义 html 等，支持展开收起操作", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "CollapseItem", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "name", + "property": "inline", "label": { "text": { - "zh_CN": "唯一标志符" + "zh_CN": "inline" } }, + "description": { + "zh_CN": "行内表单模式" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "唯一标志符;String | Number" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "title", + "property": "label-position", "label": { "text": { - "zh_CN": "面板标题" + "zh_CN": "label-position" } }, + "description": { + "zh_CN": "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "面板标题" - }, - "labelPosition": "left" - } - ] - } - ], - "events": {}, - "slots": { - "title": { - "label": { - "zh_CN": "标题" - }, - "description": { - "zh_CN": "自定义标题" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["label-width", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "grid", - "name": { - "zh_CN": "表格" - }, - "component": "TinyGrid", - "description": "提供了非常强大数据表格功能，可以展示数据列表，可以对数据列表进行选择、编辑等", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Grid", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 2, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础属性" - }, - "description": { - "zh_CN": "基础属性" - }, - "collapse": { - "number": 15, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, { - "property": "data", + "property": "label-width", "label": { "text": { - "zh_CN": "表格数据" + "zh_CN": "label-width" } }, + "description": { + "zh_CN": "标签的长度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "__ERROR__", "props": { - "language": "json" + "slots": ["default"] } - }, - "onChange": "this.delProp('fetchData')", - "description": { - "zh_CN": "设置表格的数据" } }, { - "property": "columns", + "property": "label-suffix", "label": { "text": { - "zh_CN": "表格列" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "properties": [ - { - "label": { - "zh_CN": "默认分组" - }, - "content": [ - { - "property": "title", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "列标题" - } - }, - "widget": { - "component": "MetaBindI18n", - "props": {} - } - }, - { - "property": "field", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "列键值" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "sortable", - "type": "boolean", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "是否排序" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "width", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "列宽" - } - }, - "widget": { - "component": "MetaNumber", - "props": {} - } - }, - { - "property": "formatText", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "内置渲染器" - } - }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "整数", - "value": "integer" - }, - { - "label": "小数", - "value": "number" - }, - { - "label": "金额", - "value": "money" - }, - { - "label": "百分比", - "value": "rate" - }, - { - "label": "布尔", - "value": "boole" - }, - { - "label": "年月日", - "value": "date" - }, - { - "label": "年月日时分", - "value": "dateTime" - }, - { - "label": "时间", - "value": "time" - }, - { - "label": "省略", - "value": "ellipsis" - } - ] - } - } - }, - { - "property": "renderer", - "type": "object", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "渲染函数" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "dataType": "JSFunction" - } - } - }, - { - "property": "slots", - "type": "object", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "插槽" - } - }, - "labelPosition": "none", - "widget": { - "component": "MetaJsSlot", - "props": { - "slots": ["header", "default"] - } - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "列类型" - } - }, - "required": false, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "索引列", - "value": "index" - }, - { - "label": "单选列", - "value": "radio" - }, - { - "label": "多选列", - "value": "selection" - }, - { - "label": "展开列", - "value": "expand" - } - ], - "clearable": true - } - }, - "description": { - "zh_CN": "设置内置列的类型，该属性的可选值为 index（序号）/ selection（复选框）/ radio（单选框）/ expand（展开行）" - }, - "labelPosition": "left" - }, - { - "property": "editor", - "label": { - "text": { - "zh_CN": "编辑配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - }, - "description": { - "zh_CN": "单元格编辑渲染配置项，也可以是函数 Function(h, params)" - }, - "labelPosition": "left" - }, - { - "property": "filter", - "label": { - "text": { - "zh_CN": "筛选配置" - } - }, - "required": false, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - }, - "description": { - "zh_CN": "设置表格列的筛选配置信息。默认值为 false 不配置筛选信息" - } - }, - { - "property": "showOverflow", - "label": { - "text": { - "zh_CN": "内容超出部分省略号配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "只显示省略号", - "value": "ellipsis" - }, - { - "label": "显示为原生 title", - "value": "title" - }, - { - "label": "显示为 tooltip 提示", - "value": "tooltip" - } - ], - "clearable": true - } - }, - "description": { - "zh_CN": "设置内置列的内容超出部分显示省略号配置，该属性的可选值为 ellipsis（只显示省略号）/ title（显示为原生 title）/ tooltip（显示为 tooltip 提示）" - }, - "labelPosition": "left" - } - ] - } - ], - "widget": { - "component": "MetaArrayItem", - "props": { - "type": "object", - "textField": "title", - "language": "json", - "buttonText": "编辑列配置", - "title": "编辑列配置", - "expand": true - } - }, - "description": { - "zh_CN": "表格列的配置信息" - }, - "labelPosition": "left" - }, - { - "property": "fetchData", - "label": { - "text": { - "zh_CN": "服务端数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "onChange": "this.delProp('data')", + "zh_CN": "label-suffix" + } + }, + "description": { + "zh_CN": "表单域标签的后缀" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaInput", "props": { - "name": "fetchData", - "dataType": "JSExpression" + "slots": ["default"] } - }, - "description": { - "zh_CN": "服务端数据查询方法" } }, { - "property": "pager", + "property": "hide-required-asterisk", "label": { "text": { - "zh_CN": "分页配置" + "zh_CN": "hide-required-asterisk" } }, + "description": { + "zh_CN": "是否隐藏必填字段标签旁边的红色星号。" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, - "defaultValue": { - "attrs": { - "currentPage": 1 - } - }, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSwitch", "props": { - "name": "pager", - "dataType": "JSExpression" + "slots": ["default"] } - }, - "description": { - "zh_CN": "分页配置" } }, { - "property": "resizable", + "property": "require-asterisk-position", "label": { "text": { - "zh_CN": "调整列宽" + "zh_CN": "require-asterisk-position" } }, + "description": { + "zh_CN": "星号的位置。" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否允许调整列宽" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "row-id", + "property": "show-message", "label": { "text": { - "zh_CN": "行数据唯一标识的字段名" + "zh_CN": "show-message" } }, - "required": false, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaSwitch", "props": { - "placeholder": "比如：id" + "slots": ["default"] } - }, - "description": { - "zh_CN": "行数据唯一标识的字段名" - }, - "labelPosition": "left" + } }, { - "property": "select-config", + "property": "inline-message", "label": { "text": { - "zh_CN": "复选框配置" + "zh_CN": "inline-message" } }, - "required": false, + "description": { + "zh_CN": "是否以行内形式展示校验信息" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSwitch", "props": { - "dataType": "JSExpression" + "slots": ["default"] } - }, - "description": { - "zh_CN": "表格行数据复选框配置项" - }, - "labelPosition": "left" + } }, { - "property": "edit-rules", + "property": "status-icon", "label": { "text": { - "zh_CN": "校验规则" + "zh_CN": "status-icon" } }, + "description": { + "zh_CN": "是否在输入框中显示校验结果反馈图标" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表格校验规则配置项" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "edit-config", + "property": "validate-on-rule-change", "label": { "text": { - "zh_CN": "编辑配置项" + "zh_CN": "validate-on-rule-change" } }, + "description": { + "zh_CN": "是否在 rules 属性改变后立即触发一次验证" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表格编辑配置项" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "expand-config", + "property": "size", "label": { "text": { - "zh_CN": "复选框配置项" + "zh_CN": "size" } }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } }, "description": { - "zh_CN": "复选框配置项" + "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "sortable", + "property": "scroll-to-error", "label": { "text": { - "zh_CN": "可排序" + "zh_CN": "scroll-to-error" } }, + "description": { + "zh_CN": "当校验失败时，滚动到第一个错误表单项" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scroll-into-view-options", + "label": { + "text": { + "zh_CN": "scroll-into-view-options" + } }, "description": { - "zh_CN": "是否允许列数据排序。默认为 true 可排序" + "zh_CN": "当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置" }, - "labelPosition": "left" + "type": "object / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } } ] }, { + "name": "0", "label": { - "zh_CN": "其他属性" + "zh_CN": "FormItem Attributes ​" }, "description": { - "zh_CN": "其他属性" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "FormItem Attributes ​" }, "content": [ { - "property": "auto-resize", + "property": "prop", "label": { "text": { - "zh_CN": "可排序" + "zh_CN": "prop" } }, + "description": { + "zh_CN": "model 的键名。 它可以是一个属性的值(如 a.b.0 或 ['a', 'b', '0'])。 在使用了 validate、resetFields 的方法时，该属性是必填的。" + }, + "type": "string / string[]", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } }, "description": { - "zh_CN": "是否允许列数据排序。默认为 true 可排序" + "zh_CN": "标签文本" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "border", + "property": "label-position", "label": { "text": { - "zh_CN": "边框" + "zh_CN": "label-position" } }, + "description": { + "zh_CN": "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性 默认会继承 Form的label-position" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } }, "description": { - "zh_CN": "是否带有纵向边框" + "zh_CN": "标签宽度，例如 '50px'。 可以使用 auto。" }, - "labelPosition": "left" + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "seq-serial", + "property": "required", "label": { "text": { - "zh_CN": "行号连续" + "zh_CN": "required" } }, + "description": { + "zh_CN": "是否为必填项，如不设置，则会根据校验规则确认" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置行序号是否连续，开启分页时有效，该属性的默认值为 false" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "highlight-current-row", + "property": "rules", "label": { "text": { - "zh_CN": "高亮当前行" + "zh_CN": "rules" } }, + "description": { + "zh_CN": "表单验证规则, 具体配置见下表, 更多内容可以参考async-validator" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "error", + "label": { + "text": { + "zh_CN": "error" + } }, "description": { - "zh_CN": "高亮当前行" + "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error，并显示该错误信息。" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "highlight-hover-row", + "property": "show-message", "label": { "text": { - "zh_CN": "hover 时候高亮" + "zh_CN": "show-message" } }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "鼠标移到行是否要高亮显示" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "row-class-name", + "property": "inline-message", "label": { "text": { - "zh_CN": "hover 高亮" + "zh_CN": "inline-message" } }, + "description": { + "zh_CN": "是否在行内显示校验信息" + }, + "type": "string / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } }, "description": { - "zh_CN": "给行附加 className，也可以是函数 Function({seq, row, rowIndex, $rowIndex})" + "zh_CN": "用于控制该表单域下组件的默认尺寸" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "max-height", + "property": "for", "label": { "text": { - "zh_CN": "最大高度" + "zh_CN": "for" } }, + "description": { + "zh_CN": "和原生标签相同能力" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置表格内容区域（不含表格头部，底部）的最大高度。" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "row-span", + "property": "validate-status", "label": { "text": { - "zh_CN": "行合并" + "zh_CN": "validate-status" } }, + "description": { + "zh_CN": "formitem 校验的状态" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置行合并,该属性仅适用于普通表格，不可与 tree-config 同时使用" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } } ] } ], - "events": { - "onFilterChange": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "筛选条件改变时触发改事件" + "zh_CN": "default" }, "description": { - "zh_CN": "配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件" + "zh_CN": "表单的内容。" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "table", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" - } - } - ], - "returns": {} - }, - "defaultValue": "function onClick(e) {}" + "subTag": "—" }, - "onSortChange": { + "label": { "label": { - "zh_CN": "点击列头，执行数据排序前触发的事件" + "zh_CN": "label" }, "description": { - "zh_CN": "配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "table", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" - } - } - ], - "returns": {} + "zh_CN": "标签位置显示的内容" }, - "defaultValue": "function onClick(e) {}" + "subTag": "object" }, - "onSelectAll": { + "error": { "label": { - "zh_CN": "当手动勾选全选时触发的事件" + "zh_CN": "error" }, "description": { - "zh_CN": "只对 type=selection 有效，当手动勾选全选时触发的事件" + "zh_CN": "验证错误信息的显示内容" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "table", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": " 包含 table 实例对象" - } - }, - { - "name": "checked", - "type": "boolean", - "defaultValue": "", - "description": { - "zh_CN": "勾选状态" - } - }, - { - "name": "selction", - "type": "Array", - "defaultValue": "", - "description": { - "zh_CN": "选中的表格数据数组" - } - } - ], - "returns": {} - }, - "defaultValue": "function onClick(e) {}" - }, - "onSelectChange": { - "label": { - "zh_CN": "手动勾选并且值发生改变时触发的事件" - }, - "description": { - "zh_CN": "只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "table", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": " table 实例对象" - } - }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": " 原生 Event" - } - } - ], - "returns": {} - }, - "defaultValue": "function onClick(e) {}" - }, - "onToggleExpandChange": { - "label": { - "zh_CN": "当行展开或收起时会触发该事件" - }, - "description": { - "zh_CN": "当行展开或收起时会触发该事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "table", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "{$table,row,rowIndex} 包含 table 实例对象和当前行数据的对象" - } - }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": " 原生 Event" - } - } - ], - "returns": {} - }, - "defaultValue": "function onClick(e) {}" - }, - "onCurrentChange": { - "label": { - "zh_CN": "行点击时触发" - }, - "description": { - "zh_CN": "行点击时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" + "subTag": "object" } - }, - "shortcuts": { - "properties": ["sortable", "columns"] - }, - "contentMenu": { - "actions": ["create symbol"] - }, - "onBeforeMount": "console.log('table on load'); this.pager = source.pager; this.fetchData = source.fetchData; this.data = source.data ;this.columns = source.columns" + } + } + }, + { + "id": 20, + "version": "2.7.8", + "name": { + "zh_CN": "输入框" + }, + "component": "ElInput", + "icon": "input", + "description": "通过鼠标或键盘输入字符", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElInput" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -10279,1146 +7967,788 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["sortable", "columns"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "分页" - }, - "component": "TinyPager", - "icon": "pager", - "description": "当数据量过多时，使用分页分解数据，常用于 Grid 和 Repeater 组件", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Pager", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 1, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "currentPage", + "property": "type", "label": { "text": { - "zh_CN": "当前页数" + "zh_CN": "type" } }, + "description": { + "zh_CN": "类型" + }, + "type": "string 等原生 input 类型", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "当前页数，支持 .sync 修饰符" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "pageSize", + "property": "model-value", "label": { "text": { - "zh_CN": "每页条数" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "绑定值" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "每页显示条目个数" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "pageSizes", + "property": "maxlength", "label": { "text": { - "zh_CN": "可选每页条数" + "zh_CN": "maxlength" } }, + "description": { + "zh_CN": "同原生 maxlength 属性" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置可选择的每页显示条数" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "total", + "property": "minlength", "label": { "text": { - "zh_CN": "总条数" + "zh_CN": "minlength" } }, + "description": { + "zh_CN": "原生属性，最小输入长度" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "数据总条数" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "layout", + "property": "show-word-limit", "label": { "text": { - "zh_CN": "布局" + "zh_CN": "show-word-limit" } }, + "description": { + "zh_CN": "是否显示统计字数, 只在 type 为 'text' 或 'textarea' 的时候生效" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, - "defaultValue": "total,sizes,prev, pager, next", + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaSwitch", "props": { - "type": "textarea" - } - }, - "description": { - "zh_CN": "组件布局，子组件名用逗号分隔" - }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onCurrentChange ": { - "label": { - "zh_CN": "切换页码时触发" - }, - "description": { - "zh_CN": "切换页码时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前页的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onPrevClick ": { - "label": { - "zh_CN": "点击上一页按钮时触发" - }, - "description": { - "zh_CN": "点击上一页按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "page", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前页的页码值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onNextClick": { - "label": { - "zh_CN": "点击下一页按钮时触发" - }, - "description": { - "zh_CN": "点击上一页按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "page", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前页的页码值" + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["currentPage", "total"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "弹出编辑" - }, - "component": "TinyPopeditor", - "icon": "popEditor", - "description": "该组件只能在弹出的面板中选择数据，不能手动输入数据；弹出面板中显示为 Tree 组件或者 Grid 组件", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "PopEditor", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 6, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "modelValue", + "property": "placeholder", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "placeholder" } }, + "description": { + "zh_CN": "输入框占位文本" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "placeholder", + "property": "clearable", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "clearable" } }, + "description": { + "zh_CN": "是否显示清除按钮，只有当 type 不是 textarea时生效" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "show-clear-btn", + "property": "formatter", "label": { "text": { - "zh_CN": "清除按钮" + "zh_CN": "formatter" } }, + "description": { + "zh_CN": "指定输入值的格式。(只有当 type 是\"text\"时才能工作)" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "parser", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "parser" } }, + "description": { + "zh_CN": "指定从格式化器输入中提取的值。(仅当 type 是\"text\"时才起作用)" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-password", + "label": { + "text": { + "zh_CN": "show-password" + } }, "description": { - "zh_CN": "" - } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ - { - "property": "width", - "label": { - "text": { - "zh_CN": "宽度" - } + "zh_CN": "是否显示切换密码图标" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "设置弹出面板的宽度（单位像素）" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "conditions", + "property": "disabled", "label": { "text": { - "zh_CN": "过滤条件" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "当弹出面板配置的是表格时，设置弹出面板中的过滤条件" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "grid-op", + "property": "size", "label": { "text": { - "zh_CN": "表格配置" + "zh_CN": "size" } }, + "description": { + "zh_CN": "输入框尺寸，只在 type 不为 'textarea' 时有效" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置弹出面板中表格组件的配置信息" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "pager-op", + "property": "prefix-icon", "label": { "text": { - "zh_CN": "分页配置" + "zh_CN": "prefix-icon" } }, + "description": { + "zh_CN": "自定义前缀图标" + }, + "type": "string / Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置弹出编辑框中分页配置" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "multi", + "property": "suffix-icon", "label": { "text": { - "zh_CN": "多选" + "zh_CN": "suffix-icon" } }, + "description": { + "zh_CN": "自定义后缀图标" + }, + "type": "string / Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置弹出面板中的数据是否可多选" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "show-pager", + "property": "rows", "label": { "text": { - "zh_CN": "启用分页" + "zh_CN": "rows" } }, + "description": { + "zh_CN": "输入框行数，仅 type 为 'textarea' 时有效" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "当 popseletor 为 grid 时才能生效，配置为 true 后还需配置 pagerOp 属性" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "选中值改变时触发" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项的值" - } - }, - { - "name": "value", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中对象" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClose": { - "label": { - "zh_CN": "弹框关闭时触发的事件" - }, - "description": { - "zh_CN": "弹框关闭时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - }, - "onPageChange": { - "label": { - "zh_CN": "分页切换事件" - }, - "description": { - "zh_CN": "表格模式下分页切换事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前页码数" + "component": "__ERROR__", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["modelValue", "disabled"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "tree", - "name": { - "zh_CN": "树" - }, - "component": "TinyTree", - "description": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Tree", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 12, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "show-checkbox", + "property": "autosize", "label": { "text": { - "zh_CN": "多选" + "zh_CN": "autosize" } }, + "description": { + "zh_CN": "textarea 高度是否自适应，仅 type 为 'textarea' 时生效。 可以接受一个对象，比如: { minRows: 2, maxRows: 6 }" + }, + "type": "boolean / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置接口是否可以多选" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "data", + "property": "autocomplete", "label": { "text": { - "zh_CN": "数据源" + "zh_CN": "autocomplete" } }, + "description": { + "zh_CN": "原生 autocomplete 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "label": "一级 1", - "children": [ - { - "label": "二级 1-1" - } - ] - } - ], "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "可配置静态数据源和动态数据源" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "node-key", + "property": "name", "label": { "text": { - "zh_CN": "唯一标识" + "zh_CN": "name" } }, + "description": { + "zh_CN": "等价于原生 input name 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "节点唯一标识属性名称" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "render-content", + "property": "readonly", "label": { "text": { - "zh_CN": "渲染函数" + "zh_CN": "readonly" } }, - "required": false, + "description": { + "zh_CN": "原生 readonly 属性，是否只读" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaSwitch", "props": { - "disabled": true, - "placeholder": "请使用变量绑定来绑定函数" + "slots": ["default"] } - }, - "description": { - "zh_CN": "树节点的内容区的渲染函数" } }, { - "property": "icon-trigger-click-node", + "property": "max", "label": { "text": { - "zh_CN": "触发NodeClick 事件" + "zh_CN": "max" } }, + "description": { + "zh_CN": "原生 max 属性，设置最大值" + }, + "type": "—", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "点击图标展开节点时是否触发 node-click 事件" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "expand-icon", + "property": "min", "label": { "text": { - "zh_CN": "展开图标" + "zh_CN": "min" } }, + "description": { + "zh_CN": "原生属性，设置最小值" + }, + "type": "—", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "节点展开图标" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "shrink-icon", + "property": "step", "label": { "text": { - "zh_CN": "收缩图标" + "zh_CN": "step" } }, + "description": { + "zh_CN": "原生属性，设置输入字段的合法数字间隔" + }, + "type": "—", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "节点收缩的图标" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, { - "property": "check-on-click-node", + "property": "resize", "label": { "text": { - "zh_CN": "点击节点选中" + "zh_CN": "resize" } }, + "description": { + "zh_CN": "控制是否能被用户缩放" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } }, { - "property": "filter-node-method", + "property": "autofocus", "label": { "text": { - "zh_CN": "筛选函数" + "zh_CN": "autofocus" } }, + "description": { + "zh_CN": "原生属性，自动获取焦点" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "节点筛选函数" - }, - "labelPosition": "left" - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onCheck": { - "label": { - "zh_CN": "勾选节点后的事件" - }, - "description": { - "zh_CN": "勾选节点后的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "data", - "type": "object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中节点信息" - } - }, - { - "name": "currentNode", - "type": "object", - "defaultValue": "", - "description": { - "zh_CN": "树组件目前的选中状态信息，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性" + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onNodeClick": { - "label": { - "zh_CN": "点击节点后的事件" - }, - "description": { - "zh_CN": "点击节点后的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "data", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中节点信息" + }, + { + "property": "form", + "label": { + "text": { + "zh_CN": "form" } }, - { - "name": "node", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "树组件目前的选中状态信息，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性" - } + "description": { + "zh_CN": "原生属性" }, - { - "name": "vm", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "树组件实例" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["data", "show-checkbox"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "timeline", - "name": { - "zh_CN": "时间线" - }, - "component": "TinyTimeLine", - "description": "TimeLine 时间线", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "TimeLine", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 3, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "horizontal", - "type": "Boolean", - "defaultValue": { - "type": "i18n", - "zh_CN": "布局", - "en_US": "layout", - "key": "" - }, + "property": "label", "label": { "text": { - "zh_CN": "水平布局" + "zh_CN": "label" } }, - "cols": 12, - "rules": [], - "hidden": false, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "节点和文字横向布局" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "vertical", - "type": "Boolean", - "defaultValue": { - "type": "i18n", - "zh_CN": "垂直布局", - "en_US": "layout", - "key": "" - }, + "property": "aria-label", "label": { "text": { - "zh_CN": "垂直布局" + "zh_CN": "aria-label" } }, - "cols": 12, - "rules": [], - "hidden": false, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "节点和文字垂直布局" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "active", + "property": "tabindex", "label": { "text": { - "zh_CN": "选中值" + "zh_CN": "tabindex" } }, + "description": { + "zh_CN": "输入框的 tabindex" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "步骤条的选中步骤值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "data", + "property": "validate-event", "label": { "text": { - "zh_CN": "数据" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "输入时是否触发表单的校验" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "name": "配置基本信息", - "status": "ready" - }, - { - "name": "配置报价", - "status": "wait" - }, - { - "name": "完成报价", - "status": "wait" - } - ], "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSwitch", "props": { - "language": "json" + "slots": ["default"] + } + } + }, + { + "property": "input-style", + "label": { + "text": { + "zh_CN": "input-style" } }, "description": { - "zh_CN": "时间线步骤条数据" + "zh_CN": "input 元素或 textarea 元素的 style" }, - "labelPosition": "left" + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } } ] } ], - "events": { - "onClick": { + "events": {}, + "slots": { + "prefix": { "label": { - "zh_CN": "节点的点击时触发" + "zh_CN": "prefix" }, "description": { - "zh_CN": "节点的点击时触发的回调函数" + "zh_CN": "输入框头部内容，只对非 type=\"textarea\" 有效" + } + }, + "suffix": { + "label": { + "zh_CN": "suffix" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "type", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "点击节点的下标" - } - }, - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前节点对象：{ name: 节点名称, time: 时间 }" - } - } - ], - "returns": {} + "description": { + "zh_CN": "输入框尾部内容，只对非 type=\"textarea\" 有效" + } + }, + "prepend": { + "label": { + "zh_CN": "prepend" + }, + "description": { + "zh_CN": "输入框前置内容，只对非 type=\"textarea\" 有效" + } + }, + "append": { + "label": { + "zh_CN": "append" }, - "defaultValue": "" + "description": { + "zh_CN": "输入框后置内容，只对非 type=\"textarea\" 有效" + } } } + } + }, + { + "id": 21, + "version": "2.7.8", + "name": { + "zh_CN": "Number 数字输入框" + }, + "component": "ElInput", + "icon": "input", + "description": "仅允许输入标准的数字值，可定义范围", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElInput" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -11429,704 +8759,496 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["active", "data"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "tooltip", - "name": { - "zh_CN": "文字提示框" - }, - "component": "TinyTooltip", - "description": "动态显示提示信息，一般通过鼠标事件进行响应；提供 warning、error、info、success 四种类型显示不同类别的信", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Tooltip", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 11, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 20, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "placement", + "property": "model-value", "label": { "text": { - "zh_CN": "提示位置" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "top", - "value": "top" - }, - { - "label": "top-start", - "value": "top-start" - }, - { - "label": "top-end", - "value": "top-end" - }, - { - "label": "bottom", - "value": "bottom" - }, - { - "label": "bottom-start", - "value": "bottom-start" - }, - { - "label": "bottom-end", - "value": "bottom-end" - }, - { - "label": "left", - "value": "left" - }, - { - "label": "left-start", - "value": "left-start" - }, - { - "label": "left-end", - "value": "left-end" - }, - { - "label": "right", - "value": "right" - }, - { - "label": "right-start", - "value": "right-start" - }, - { - "label": "right-end", - "value": "right-end" - } - ] - } - }, - "description": { - "zh_CN": "Tooltip 的出现位置" - }, - "labelPosition": "left" + "slots": ["default"] + } + } }, { - "property": "content", + "property": "min", "label": { "text": { - "zh_CN": "内容" + "zh_CN": "min" } }, + "description": { + "zh_CN": "设置计数器允许的最小值" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "提示信息", "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "显示的内容，也可以通过 slot#content 传入 DOM" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "render-content", + "property": "max", "label": { "text": { - "zh_CN": "渲染函数" + "zh_CN": "max" } }, - "required": false, + "description": { + "zh_CN": "设置计数器允许的最大值" + }, + "type": "number", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "__ERROR__", "props": { - "disabled": true, - "placeholder": "请使用变量绑定来绑定函数" + "slots": ["default"] } - }, - "description": { - "zh_CN": "自定义渲染函数，返回需要渲染的节点内容" } }, { - "property": "modelValue", + "property": "step", "label": { "text": { - "zh_CN": "是否可见" + "zh_CN": "step" } }, - "defaultValue": true, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, "description": { - "zh_CN": "状态是否可见" + "zh_CN": "计数器步长" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "manual", + "property": "step-strictly", "label": { "text": { - "zh_CN": "手动控制" + "zh_CN": "step-strictly" } }, - "defaultValue": true, - "widget": { - "component": "MetaSwitch", - "props": {} - }, "description": { - "zh_CN": "手动控制模式，设置为 true 后，mouseenter 和 mouseleave 事件将不会生效" - } - } - ] - } - ], - "events": {}, - "slots": { - "content": { - "label": { - "zh_CN": "提示内容" - }, - "description": { - "zh_CN": "自定义提示内容" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "isPopper": true, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["disabled", "content"] - }, - "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "icon": "popover", - "name": { - "zh_CN": "提示框" - }, - "component": "TinyPopover", - "description": "Popover可通过对一个触发源操作触发弹出框,支持自定义弹出内容，延迟触发和渐变动画", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Popover", - "version": "", - "destructuring": true - }, - "group": "component", - "priority": 7, - "schema": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } + "zh_CN": "是否只能输入 step 的倍数" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "双向绑定，手动控制是否可见的状态值" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "placement", + "property": "precision", "label": { "text": { - "zh_CN": "位置" + "zh_CN": "precision" } }, + "description": { + "zh_CN": "数值精度" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "top", - "value": "top" - }, - { - "label": "top-start", - "value": "top-start" - }, - { - "label": "top-end", - "value": "top-end" - }, - { - "label": "bottom", - "value": "bottom" - }, - { - "label": "bottom-start", - "value": "bottom-start" - }, - { - "label": "bottom-end", - "value": "bottom-end" - }, - { - "label": "left", - "value": "left" - }, - { - "label": "left-start", - "value": "left-start" - }, - { - "label": "left-end", - "value": "left-end" - }, - { - "label": "right", - "value": "right" - }, - { - "label": "right-start", - "value": "right-start" - }, - { - "label": "right-end", - "value": "right-end" - } - ] - } - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "left" + "slots": ["default"] + } + } }, { - "property": "trigger", + "property": "size", "label": { "text": { - "zh_CN": "触发方式" + "zh_CN": "size" } }, + "description": { + "zh_CN": "计数器尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "click", - "value": "click" - }, - { - "label": "focus", - "value": "focus" - }, - { - "label": "hover", - "value": "hover" - }, - { - "label": "manual", - "value": "manual" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "触发方式，该属性的可选值为 click / focus / hover / manual，该属性的默认值为 click" } }, { - "property": "popper-class", + "property": "readonly", "label": { "text": { - "zh_CN": "自定义类" + "zh_CN": "readonly" } }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, "description": { - "zh_CN": "为 popper 添加类名" - }, - "labelPosition": "left" - }, - { - "property": "visible-arrow", - "label": { - "text": { - "zh_CN": "显示箭头" - } + "zh_CN": "原生 readonly 属性，是否只读" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示 Tooltip 箭头" + "props": { + "slots": ["default"] + } } }, { - "property": "append-to-body", + "property": "disabled", "label": { "text": { - "zh_CN": "添加到body上" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用状态" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "Popover弹窗是否添加到body上" + "props": { + "slots": ["default"] + } } }, { - "property": "arrow-offset", + "property": "controls", "label": { "text": { - "zh_CN": "箭头的位置偏移" + "zh_CN": "controls" } }, + "description": { + "zh_CN": "是否使用控制按钮" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "箭头的位置偏移，该属性的默认值为 0" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } }, { - "property": "close-delay", + "property": "controls-position", "label": { "text": { - "zh_CN": "隐藏延迟" + "zh_CN": "controls-position" } }, + "description": { + "zh_CN": "控制按钮位置" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "触发方式为 hover 时的隐藏延迟，单位为毫秒" + "component": "MetaSelect", + "props": { + "slots": ["default"] + } } }, { - "property": "content", + "property": "name", "label": { "text": { - "zh_CN": "显示的内容" + "zh_CN": "name" } }, + "description": { + "zh_CN": "等价于原生 input name 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "显示的内容，也可以通过 slot 传入 DOM" + "props": { + "slots": ["default"] + } } }, { - "property": "disabled", + "property": "label", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "label" } }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, "description": { - "zh_CN": "Popover 是否可用" - } - }, - { - "property": "offset", - "label": { - "text": { - "zh_CN": "位置偏移量" - } + "zh_CN": "等价于原生 input aria-label 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "出现位置的偏移量" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "open-delay", + "property": "aria-label", "label": { "text": { - "zh_CN": "显示延迟" + "zh_CN": "aria-label" } }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": {} - }, "description": { - "zh_CN": "触发方式为 hover 时的显示延迟，单位为毫秒" - } - }, - { - "property": "popper-options", - "label": { - "text": { - "zh_CN": "popper.js的参数" - } + "zh_CN": "等价于原生 input aria-label 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "popper.js 的参数" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "title", + "property": "placeholder", "label": { "text": { - "zh_CN": "标题" + "zh_CN": "placeholder" } }, + "description": { + "zh_CN": "等价于原生 input placeholder 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "标题" + "props": { + "slots": ["default"] + } } }, { - "property": "transform-origin", + "property": "id", "label": { "text": { - "zh_CN": "旋转中心点" + "zh_CN": "id" } }, + "description": { + "zh_CN": "等价于原生 input id 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "组件的旋转中心点,组件的旋转中心点" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } }, { - "property": "transition", + "property": "value-on-clear", "label": { "text": { - "zh_CN": "定义渐变动画" + "zh_CN": "value-on-clear" } }, + "description": { + "zh_CN": "当输入框被清空时显示的值" + }, + "type": "number / null / enum", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "该属性的默认值为 fade-in-linear" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "width", + "property": "validate-event", "label": { "text": { - "zh_CN": "宽度" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "宽度" + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } } } ] } ], - "events": { - "onUpdate:modelValue": { + "events": {}, + "slots": { + "decrease-icon 2.6.3": { "label": { - "zh_CN": "双向绑定的值改变时触发" + "zh_CN": "decrease-icon 2.6.3" }, "description": { - "zh_CN": "手动控制是否可见的状态值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "boolean", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的可见状态值" - } - } - ], - "returns": {} + "zh_CN": "自定义输入框按钮减少图标" + } + }, + "increase-icon 2.6.3": { + "label": { + "zh_CN": "increase-icon 2.6.3" }, - "defaultValue": "" + "description": { + "zh_CN": "自定义输入框按钮增加图标" + } } } + } + }, + { + "id": 22, + "version": "2.7.8", + "name": { + "zh_CN": "提及2.8.0" + }, + "component": "ElMention", + "icon": "mention", + "description": "用于在输入中提及某人或某事。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElMention" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, - "isPopper": true, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -12137,412 +9259,433 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["visible", "width"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "日期选择" - }, - "component": "TinyDatePicker", - "icon": "datepick", - "description": "用于输入或选择日期", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "DatePicker", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 1, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "属性 ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "属性 ​" }, "content": [ { - "property": "modelValue", + "property": "options", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "options" } }, + "description": { + "zh_CN": "提及选项列表" + }, + "type": "array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prefix", + "label": { + "text": { + "zh_CN": "prefix" + } }, "description": { - "zh_CN": "双向绑定值" + "zh_CN": "触发字段的前缀。 字符串长度必须且只能为 1" }, - "labelPosition": "left" + "type": "string | array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "type", + "property": "split", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "split" } }, + "description": { + "zh_CN": "用于拆分提及的字符。 字符串长度必须且只能为 1" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaInput", "props": { - "options": [ - { - "label": "日期", - "value": "date" - }, - { - "label": "日期时间", - "value": "datetime" - }, - { - "label": "周", - "value": "week" - }, - { - "label": "月份", - "value": "month" - }, - { - "label": "年份", - "value": "year" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "设置日期框的type属性" } }, { - "property": "placeholder", + "property": "filter-option", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "filter-option" } }, + "description": { + "zh_CN": "定制筛选器选项逻辑" + }, + "type": "false | Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } }, "description": { - "zh_CN": "输入框占位文本" + "zh_CN": "设置弹出位置" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "clearable", + "property": "show-arrow", "label": { "text": { - "zh_CN": "清除按钮" + "zh_CN": "show-arrow" } }, + "description": { + "zh_CN": "下拉菜单的内容是否有箭头" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": ["default"] + } + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } }, "description": { - "zh_CN": "是否显示清除按钮" + "zh_CN": "下拉面板偏移量" }, - "labelPosition": "left" + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "whole", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "whole" } }, - "required": false, + "description": { + "zh_CN": "当退格键被按下做删除操作时，是否将提及部分作为整体删除" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "禁用" + "props": { + "slots": ["default"] + } } }, { - "property": "readonly", + "property": "check-is-whole", "label": { "text": { - "zh_CN": "是否只读" + "zh_CN": "check-is-whole" } }, + "description": { + "zh_CN": "当退格键被按下做删除操作时，检查是否将提及部分作为整体删除" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } }, { - "property": "size", + "property": "loading", "label": { "text": { - "zh_CN": "尺寸" + "zh_CN": "loading" } }, + "description": { + "zh_CN": "提及的下拉面板是否处于加载状态" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "medium", - "value": "medium" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "mini", - "value": "mini" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "日期框尺寸。该属性的可选值为 medium / small / mini" } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + }, { - "property": "maxlength", + "property": "model-value", "label": { "text": { - "zh_CN": "最大长度" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "输入值" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } }, "description": { - "zh_CN": "设置 input 框的maxLength" + "zh_CN": "自定义浮层类名" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "autofocus", + "property": "popper-options", "label": { "text": { - "zh_CN": "聚焦" + "zh_CN": "popper-options" } }, + "description": { + "zh_CN": "popper.js 参数" + }, + "type": "object refer to popper.js doc", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "input", + "label": { + "text": { + "zh_CN": "input" + } }, "description": { - "zh_CN": "自动获取焦点" + "zh_CN": "*" }, - "labelPosition": "left" + "type": "-", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } } - ], - "description": { - "zh_CN": "" - } + ] } ], - "events": { - "onChange": { - "label": { - "zh_CN": "值改变时触发" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框改变后的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onInput": { + "events": {}, + "slots": { + "label": { "label": { - "zh_CN": "输入值改变时触发" + "zh_CN": "label" }, "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框输入的值" - } - } - ], - "returns": {} + "zh_CN": "自定义标签内容" }, - "defaultValue": "" + "subTag": "object" }, - "onUpdate:modelValue": { + "loading": { "label": { - "zh_CN": "双向绑定的值改变时触发" + "zh_CN": "loading" }, "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的值" - } - } - ], - "returns": {} + "zh_CN": "自定义 loading内容" }, - "defaultValue": "" + "subTag": "-" }, - "onBlur": { + "header": { "label": { - "zh_CN": "失去焦点时触发" + "zh_CN": "header" }, "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} + "zh_CN": "下拉列表顶部的内容" }, - "defaultValue": "" + "subTag": "*" }, - "onFocus": { + "footer": { "label": { - "zh_CN": "获取焦点时触发" + "zh_CN": "footer" }, "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} + "zh_CN": "下拉列表底部的内容" }, - "defaultValue": "" + "subTag": "-" }, - "onClear": { + "input slots": { "label": { - "zh_CN": "点击清空按钮时触发" + "zh_CN": "input slots" }, "description": { - "zh_CN": "点击清空按钮时触发" + "zh_CN": "*" }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" + "subTag": "-" } } - }, - "configure": { - "loop": true, + } + }, + { + "id": 23, + "version": "2.7.8", + "name": { + "zh_CN": "单选框" + }, + "component": "ElRadio", + "icon": "radio", + "description": "在一组备选项中进行单选", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElRadio" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -12553,441 +9696,579 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["value", "disabled"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "数字输入框" - }, - "component": "TinyNumeric", - "icon": "numeric", - "description": "通过鼠标或键盘输入字符", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Numeric", - "version": "", - "destructuring": true + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 1, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Radio Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Radio Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "model-value", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string / number / boolean", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "placeholder", + "property": "value", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "value" } }, + "description": { + "zh_CN": "单选框的值" + }, + "type": "string / number / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } }, "description": { - "zh_CN": "输入框占位文本" + "zh_CN": "单选框的 label 如果value没有值， label则作为value使用" }, - "labelPosition": "left" + "type": "string / number / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } }, { - "property": "allow-empty", + "property": "disabled", "label": { "text": { - "zh_CN": "内容可清空" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用单选框" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否内容可清空" - }, - "labelPosition": "left" + "props": { + "slots": ["default"] + } + } }, { - "property": "disabled", + "property": "border", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "border" } }, - "required": false, + "description": { + "zh_CN": "是否显示边框" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "禁用" + "props": { + "slots": ["default"] + } } }, { "property": "size", "label": { "text": { - "zh_CN": "尺寸" + "zh_CN": "size" } }, + "description": { + "zh_CN": "单选框的尺寸" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "medium", - "value": "medium" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "mini", - "value": "mini" - } - ] + "slots": ["default"] } - }, - "description": { - "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" } }, { - "property": "controls", + "property": "name", "label": { "text": { - "zh_CN": "是否使用加减按钮" + "zh_CN": "name" } }, - "required": false, + "description": { + "zh_CN": "原始 name 属性" + }, + "type": "string", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaInput", + "props": { + "slots": ["default"] + } } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "RadioGroup Attributes ​" + }, + "description": { + "zh_CN": "RadioGroup Attributes ​" + }, + "content": [ { - "property": "controls-position", + "property": "model-value", "label": { "text": { - "zh_CN": "加减按钮位置" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "绑定值" + }, + "type": "string / number / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "左右两侧", - "value": "" - }, - { - "label": "只在右侧", - "value": "right" - } - ] + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" } }, "description": { - "zh_CN": "加减按钮位置" + "zh_CN": "单选框按钮或边框按钮的大小" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "precision", + "property": "disabled", "label": { "text": { - "zh_CN": "数值精度" + "zh_CN": "disabled" } }, - "required": false, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaSwitch", "props": { - "allowEmpty": true + "slots": ["default"] + } + } + }, + { + "property": "text-color", + "label": { + "text": { + "zh_CN": "text-color" } }, "description": { - "zh_CN": "数值精度" + "zh_CN": "按钮形式的 Radio 激活时的文本颜色" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "step", + "property": "fill", "label": { "text": { - "zh_CN": "步长" + "zh_CN": "fill" } }, - "required": false, + "description": { + "zh_CN": "按钮形式的 Radio 激活时的填充色和边框色" + }, + "type": "string", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaInput", "props": { - "allowEmpty": true + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" } }, "description": { - "zh_CN": "步长" + "zh_CN": "输入时是否触发表单的校验" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } }, { - "property": "max", + "property": "label", "label": { "text": { - "zh_CN": "可输入的最大数值" + "zh_CN": "label" } }, - "required": false, + "description": { + "zh_CN": "与 RadioGroup 中的 aria-label 属性相同" + }, + "type": "string", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaInput", "props": { - "allowEmpty": true + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" } }, "description": { - "zh_CN": "可输入的最大数值" + "zh_CN": "与 RadioGroup 中的 aria-label 属性相同" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } }, { - "property": "min", + "property": "name", "label": { "text": { - "zh_CN": "可输入的最小数值" + "zh_CN": "name" } }, - "required": false, + "description": { + "zh_CN": "原生 name 属性" + }, + "type": "string", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaInput", "props": { - "allowEmpty": true + "slots": ["default"] + } + } + }, + { + "property": "id", + "label": { + "text": { + "zh_CN": "id" } }, "description": { - "zh_CN": "可输入的最大数值" + "zh_CN": "原生 id 属性" }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "值改变时触发" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框改变后的值" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" + } + ] }, - "onInput": { + { + "name": "0", "label": { - "zh_CN": "输入值改变时触发" + "zh_CN": "RadioButton Attributes ​" }, "description": { - "zh_CN": "在 Input 输入值改变时触发" + "zh_CN": "RadioButton Attributes ​" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框输入的值" + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" + } + }, + "description": { + "zh_CN": "单选框的值" + }, + "type": "string / number / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的值" + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "单选框的 label 如果没有 value， label则作为value使用" + }, + "type": "string / number / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用单选框" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "原生 name 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] } } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClear": { + } + ] + } + ], + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "点击清空按钮时触发" + "zh_CN": "default" }, "description": { - "zh_CN": "点击清空按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" + "zh_CN": "默认插槽内容" + } } } + } + }, + { + "id": 24, + "version": "2.7.8", + "name": { + "zh_CN": "评分" + }, + "component": "ElRate", + "icon": "rate", + "description": "用于评分", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElRate" }, + "group": "Form 表单组件", + "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -12998,296 +10279,24331 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["value", "disabled"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - } - ], - "blocks": [], - "snippets": [ - { - "group": "element-plus", - "children": [ - { - "name": { - "zh_CN": "输入框" - }, - "icon": "input", - "screenshot": "", - "snippetName": "ElInput", - "schema": {} + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] }, - { - "name": { - "zh_CN": "按钮" - }, - "icon": "button", - "screenshot": "", - "snippetName": "ElButton", - "schema": { - "children": [ + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ { - "componentName": "Text", - "props": { - "text": "按钮文本" + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } } - } - ] - } - }, - { - "name": { - "zh_CN": "表单" - }, - "icon": "form", - "screenshot": "", - "snippetName": "ElForm", - "schema": { - "children": [ - { - "componentName": "ElFormItem", - "props": { - "label": "账号", - "prop": "account" - }, - "children": [ - { - "componentName": "ElInput", - "props": { - "modelValue": "", - "placeholder": "请输入账号" - } - } - ] - }, - { - "componentName": "ElFormItem", - "props": { - "label": "密码", - "prop": "password" - }, - "children": [ - { - "componentName": "ElInput", - "props": { - "modelValue": "", - "placeholder": "请输入密码", - "type": "password" - } - } - ] - }, - { - "componentName": "ElFormItem", - "props": {}, - "children": [ - { - "componentName": "ElButton", - "props": { - "type": "primary", - "style": "margin-right: 10px" - }, - "children": [ - { - "componentName": "Text", - "props": { - "text": "提交" - } - } - ] - }, - { - "componentName": "ElButton", - "props": { - "type": "primary" - }, - "children": [ - { - "componentName": "Text", - "props": { - "text": "重置" - } - } - ] - } - ] - } - ] - } - }, - { - "name": { - "zh_CN": "表格" - }, - "icon": "grid", - "screenshot": "", - "snippetName": "ElTable", - "schema": { - "props": { - "data": [ - { - "date": "2016-05-03", - "name": "Tom", - "address": "No. 189, Grove St, Los Angeles" - }, - { - "date": "2016-05-02", - "name": "Tom", - "address": "No. 189, Grove St, Los Angeles" - }, - { - "date": "2016-05-04", - "name": "Tom", - "address": "No. 189, Grove St, Los Angeles" - }, - { - "date": "2016-05-01", - "name": "Tom", - "address": "No. 189, Grove St, Los Angeles" - } - ], - "columns": [ - { - "type": "index" - }, - { - "label": "Date", - "prop": "date" - }, - { - "label": "Name", - "prop": "name" - }, - { - "label": "Address", - "prop": "address" - } - ] - } - } - } - ] - }, - { - "group": "html", - "children": [ + }, + { + "property": "max", + "label": { + "text": { + "zh_CN": "max" + } + }, + "description": { + "zh_CN": "最大分值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否为只读" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "allow-half", + "label": { + "text": { + "zh_CN": "allow-half" + } + }, + "description": { + "zh_CN": "是否允许半选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "low-threshold", + "label": { + "text": { + "zh_CN": "low-threshold" + } + }, + "description": { + "zh_CN": "低分和中等分数的界限值， 值本身被划分在低分中" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "high-threshold", + "label": { + "text": { + "zh_CN": "high-threshold" + } + }, + "description": { + "zh_CN": "高分和中等分数的界限值， 值本身被划分在高分中" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "colors", + "label": { + "text": { + "zh_CN": "colors" + } + }, + "description": { + "zh_CN": "icon 的颜色。 若传入数组，共有 3 个元素，为 3 个分段所对应的颜色；若传入对象，可自定义分段，键名为分段的界限值，键值为对应的颜色" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "void-color", + "label": { + "text": { + "zh_CN": "void-color" + } + }, + "description": { + "zh_CN": "未选中 icon 的颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled-void-color", + "label": { + "text": { + "zh_CN": "disabled-void-color" + } + }, + "description": { + "zh_CN": "只读时未选中 icon 的颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icons", + "label": { + "text": { + "zh_CN": "icons" + } + }, + "description": { + "zh_CN": "图标组件 若传入数组，则需要传入 3 个元素，分别为 3 个部分所对应的类名；若传入对象，则可自定义分段，键名为分段的界限值，键值为对应的类名" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "void-icon", + "label": { + "text": { + "zh_CN": "void-icon" + } + }, + "description": { + "zh_CN": "未被选中的图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled-void-icon", + "label": { + "text": { + "zh_CN": "disabled-void-icon" + } + }, + "description": { + "zh_CN": "禁用状态的未选择图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-text", + "label": { + "text": { + "zh_CN": "show-text" + } + }, + "description": { + "zh_CN": "是否显示辅助文字，若为真，则会从 texts 数组中选取当前分数对应的文字内容" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-score", + "label": { + "text": { + "zh_CN": "show-score" + } + }, + "description": { + "zh_CN": "是否显示当前分数， show-score 和 show-text 不能同时为真" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "text-color", + "label": { + "text": { + "zh_CN": "text-color" + } + }, + "description": { + "zh_CN": "辅助文字的颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "texts", + "label": { + "text": { + "zh_CN": "texts" + } + }, + "description": { + "zh_CN": "辅助文字数组" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "score-template", + "label": { + "text": { + "zh_CN": "score-template" + } + }, + "description": { + "zh_CN": "分数显示模板" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } + }, + "description": { + "zh_CN": "是否可以重置值为 0" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "id", + "label": { + "text": { + "zh_CN": "id" + } + }, + "description": { + "zh_CN": "原生 id 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "和 Rate 的 aria-label 属性保持一致" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "和 Rate 的 aria-label 属性保持一致" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": {} + } + }, + { + "id": 25, + "version": "2.7.8", + "name": { + "zh_CN": "选择器" + }, + "component": "ElSelect", + "icon": "select", + "description": "当选项过多时，使用下拉菜单展示并选择内容。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElSelect" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Select Attributes ​" + }, + "description": { + "zh_CN": "Select Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string / number / boolean / object / array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "multiple", + "label": { + "text": { + "zh_CN": "multiple" + } + }, + "description": { + "zh_CN": "是否多选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-key", + "label": { + "text": { + "zh_CN": "value-key" + } + }, + "description": { + "zh_CN": "作为 value 唯一标识的键名，绑定值为对象类型时必填" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "输入框尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } + }, + "description": { + "zh_CN": "是否可以清空选项" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-tags", + "label": { + "text": { + "zh_CN": "collapse-tags" + } + }, + "description": { + "zh_CN": "多选时是否将选中值按文字的形式展示" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-tags-tooltip", + "label": { + "text": { + "zh_CN": "collapse-tags-tooltip" + } + }, + "description": { + "zh_CN": "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "multiple-limit", + "label": { + "text": { + "zh_CN": "multiple-limit" + } + }, + "description": { + "zh_CN": "multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "Select 输入框的原生 name 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "tooltip 主题，内置了 dark / light 两种" + }, + "type": "enum / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "autocomplete", + "label": { + "text": { + "zh_CN": "autocomplete" + } + }, + "description": { + "zh_CN": "Select 输入框的原生 autocomplete 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "占位符，默认为“Select”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filterable", + "label": { + "text": { + "zh_CN": "filterable" + } + }, + "description": { + "zh_CN": "Select 组件是否可筛选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "allow-create", + "label": { + "text": { + "zh_CN": "allow-create" + } + }, + "description": { + "zh_CN": "是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-method", + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "zh_CN": "自定义筛选方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "remote", + "label": { + "text": { + "zh_CN": "remote" + } + }, + "description": { + "zh_CN": "其中的选项是否从服务器远程加载" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "remote-method", + "label": { + "text": { + "zh_CN": "remote-method" + } + }, + "description": { + "zh_CN": "自定义远程搜索方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "remote-show-suffix", + "label": { + "text": { + "zh_CN": "remote-show-suffix" + } + }, + "description": { + "zh_CN": "远程搜索方法显示后缀图标" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否正在从远程获取数据" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading-text", + "label": { + "text": { + "zh_CN": "loading-text" + } + }, + "description": { + "zh_CN": "从服务器加载数据时显示的文本，默认为“Loading”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "no-match-text", + "label": { + "text": { + "zh_CN": "no-match-text" + } + }, + "description": { + "zh_CN": "搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data'”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "no-data-text", + "label": { + "text": { + "zh_CN": "no-data-text" + } + }, + "description": { + "zh_CN": "无选项时显示的文字，也可以使用 empty 插槽设置自定义内容，默认是 “No data”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "选择器下拉菜单的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "reserve-keyword", + "label": { + "text": { + "zh_CN": "reserve-keyword" + } + }, + "description": { + "zh_CN": "当 multiple 和 filterable被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-first-option", + "label": { + "text": { + "zh_CN": "default-first-option" + } + }, + "description": { + "zh_CN": "是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将下拉列表插入至 body 元素" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "persistent", + "label": { + "text": { + "zh_CN": "persistent" + } + }, + "description": { + "zh_CN": "当下拉选择器未被激活并且persistent设置为false，选择器会被删除。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "automatic-dropdown", + "label": { + "text": { + "zh_CN": "automatic-dropdown" + } + }, + "description": { + "zh_CN": "对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clear-icon", + "label": { + "text": { + "zh_CN": "clear-icon" + } + }, + "description": { + "zh_CN": "自定义清除图标" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fit-input-width", + "label": { + "text": { + "zh_CN": "fit-input-width" + } + }, + "description": { + "zh_CN": "下拉框的宽度是否与输入框相同" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "suffix-icon", + "label": { + "text": { + "zh_CN": "suffix-icon" + } + }, + "description": { + "zh_CN": "自定义后缀图标组件" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "suffix-transition", + "label": { + "text": { + "zh_CN": "suffix-transition" + } + }, + "description": { + "zh_CN": "下拉菜单显示/消失时后缀图标的动画" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag-type", + "label": { + "text": { + "zh_CN": "tag-type" + } + }, + "description": { + "zh_CN": "标签类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag-effect", + "label": { + "text": { + "zh_CN": "tag-effect" + } + }, + "description": { + "zh_CN": "标签效果" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } + }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "下拉框出现的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fallback-placements", + "label": { + "text": { + "zh_CN": "fallback-placements" + } + }, + "description": { + "zh_CN": "dropdown 可用的 positions 请查看popper.js 文档" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-collapse-tags", + "label": { + "text": { + "zh_CN": "max-collapse-tags" + } + }, + "description": { + "zh_CN": "需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper-options" + } + }, + "description": { + "zh_CN": "popper.js 参数" + }, + "type": "objectrefer to popper.js doc", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-values", + "label": { + "text": { + "zh_CN": "empty-values" + } + }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-on-clear", + "label": { + "text": { + "zh_CN": "value-on-clear" + } + }, + "description": { + "zh_CN": "清空选项的值 参考 config-provider" + }, + "type": "string / number / boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Option Group Attributes ​" + }, + "description": { + "zh_CN": "Option Group Attributes ​" + }, + "content": [ + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "分组的名称" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否将该分组下所有选项置为禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Option Attributes ​" + }, + "description": { + "zh_CN": "Option Attributes ​" + }, + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" + } + }, + "description": { + "zh_CN": "选项的值" + }, + "type": "string / number / boolean / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "选项的标签，若不设置则默认与value相同" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用该选项" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "默认插槽内容" + } + }, + "header 2.4.3": { + "label": { + "zh_CN": "header 2.4.3" + }, + "description": { + "zh_CN": "下拉列表顶部的内容" + }, + "subTag": "—" + }, + "footer 2.4.3": { + "label": { + "zh_CN": "footer 2.4.3" + }, + "description": { + "zh_CN": "下拉列表底部的内容" + }, + "subTag": "—" + }, + "prefix": { + "label": { + "zh_CN": "prefix" + }, + "description": { + "zh_CN": "Select 组件头部内容" + }, + "subTag": "—" + }, + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "无选项时的列表" + }, + "subTag": "—" + }, + "tag 2.5.0": { + "label": { + "zh_CN": "tag 2.5.0" + }, + "description": { + "zh_CN": "select 组件自定义标签内容" + }, + "subTag": "—" + }, + "loading 2.5.2": { + "label": { + "zh_CN": "loading 2.5.2" + }, + "description": { + "zh_CN": "select 组件自定义 loading内容" + }, + "subTag": "—" + }, + "label 2.7.4": { + "label": { + "zh_CN": "label 2.7.4" + }, + "description": { + "zh_CN": "select 组件自定义标签内容" + }, + "subTag": "—" + } + } + } + }, + { + "id": 26, + "version": "2.7.8", + "name": { + "zh_CN": "Select 虚拟化选择器" + }, + "component": "ElVirtualized", + "icon": "virtualized", + "description": "", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElVirtualized" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string / number / boolean / object / array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "options" + } + }, + "description": { + "zh_CN": "选项的数据源， value 的 key 和 label 可以通过 props自定义." + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "props", + "label": { + "text": { + "zh_CN": "props" + } + }, + "description": { + "zh_CN": "配置选项，具体看下表" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "multiple", + "label": { + "text": { + "zh_CN": "multiple" + } + }, + "description": { + "zh_CN": "是否多选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-key", + "label": { + "text": { + "zh_CN": "value-key" + } + }, + "description": { + "zh_CN": "作为 value 唯一标识的键名，绑定值为对象类型时必填" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "组件大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } + }, + "description": { + "zh_CN": "是否可以清空选项" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clear-icon", + "label": { + "text": { + "zh_CN": "clear-icon" + } + }, + "description": { + "zh_CN": "自定义清除图标" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-tags", + "label": { + "text": { + "zh_CN": "collapse-tags" + } + }, + "description": { + "zh_CN": "多选时是否将选中值按文字的形式展示" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "multiple-limit", + "label": { + "text": { + "zh_CN": "multiple-limit" + } + }, + "description": { + "zh_CN": "多选时可被选择的最大数目。 当被设置为0时，可被选择的数目不设限。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "选择器的原生name属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "tooltip 主题，内置了 dark / light 两种" + }, + "type": "enum / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "autocomplete", + "label": { + "text": { + "zh_CN": "autocomplete" + } + }, + "description": { + "zh_CN": "自动完成选择输入" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "占位文字" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filterable", + "label": { + "text": { + "zh_CN": "filterable" + } + }, + "description": { + "zh_CN": "是否可筛选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "allow-create", + "label": { + "text": { + "zh_CN": "allow-create" + } + }, + "description": { + "zh_CN": "是否允许创建新条目， 当使用该属性时，filterable必须设置为true" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-method", + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "zh_CN": "自定义筛选方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否从远程加载数据" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading-text", + "label": { + "text": { + "zh_CN": "loading-text" + } + }, + "description": { + "zh_CN": "从服务器加载数据时显示的文本，默认为“Loading”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "reserve-keyword", + "label": { + "text": { + "zh_CN": "reserve-keyword" + } + }, + "description": { + "zh_CN": "筛选时，是否在选择选项后保留关键字" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "no-match-text", + "label": { + "text": { + "zh_CN": "no-match-text" + } + }, + "description": { + "zh_CN": "搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data'”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "no-data-text", + "label": { + "text": { + "zh_CN": "no-data-text" + } + }, + "description": { + "zh_CN": "当在没有数据时显示的文字，你同时可以使用empty插槽进行设置。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "选择器下拉菜单的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-append-to-body", + "label": { + "text": { + "zh_CN": "popper-append-to-body" + } + }, + "description": { + "zh_CN": "是否将弹出框插入至 body 元素 当弹出框的位置出现问题时，你可以尝试将该属性设置为false。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将下拉列表元素插入 append-to 指向的元素下" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "persistent", + "label": { + "text": { + "zh_CN": "persistent" + } + }, + "description": { + "zh_CN": "当下拉选择器未被激活并且persistent设置为false，选择器会被删除。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper-options" + } + }, + "description": { + "zh_CN": "popper.js parameters" + }, + "type": "objectrefer to popper.js doc", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "automatic-dropdown", + "label": { + "text": { + "zh_CN": "automatic-dropdown" + } + }, + "description": { + "zh_CN": "对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "下拉菜单的高度，每一个选项为34px" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "item-height", + "label": { + "text": { + "zh_CN": "item-height" + } + }, + "description": { + "zh_CN": "下拉项的高度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scrollbar-always-on", + "label": { + "text": { + "zh_CN": "scrollbar-always-on" + } + }, + "description": { + "zh_CN": "是否总是展示滚动条" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "remote", + "label": { + "text": { + "zh_CN": "remote" + } + }, + "description": { + "zh_CN": "是否从服务器获取数据" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "remote-method", + "label": { + "text": { + "zh_CN": "remote-method" + } + }, + "description": { + "zh_CN": "当输入值发生变化时触发的函数。 它的参数就是当前的输入值。 当filterable设置为 true 时才会生效" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } + }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "下拉框出现的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fallback-placements", + "label": { + "text": { + "zh_CN": "fallback-placements" + } + }, + "description": { + "zh_CN": "dropdown 可用的 positions 请查看popper.js 文档" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-tags-tooltip", + "label": { + "text": { + "zh_CN": "collapse-tags-tooltip" + } + }, + "description": { + "zh_CN": "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 只有当 collapse-tags 设置为 true 时才会生效。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-collapse-tags", + "label": { + "text": { + "zh_CN": "max-collapse-tags" + } + }, + "description": { + "zh_CN": "需要显示的 Tag 的最大数量。 只有当 collapse-tags 设置为 true 时才会生效。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag-type", + "label": { + "text": { + "zh_CN": "tag-type" + } + }, + "description": { + "zh_CN": "标签类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag-effect", + "label": { + "text": { + "zh_CN": "tag-effect" + } + }, + "description": { + "zh_CN": "标签效果" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-values", + "label": { + "text": { + "zh_CN": "empty-values" + } + }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-on-clear", + "label": { + "text": { + "zh_CN": "value-on-clear" + } + }, + "description": { + "zh_CN": "清空选项的值 参考 config-provider" + }, + "type": "string / number / boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义 Option 模板" + } + }, + "header 2.5.2": { + "label": { + "zh_CN": "header 2.5.2" + }, + "description": { + "zh_CN": "下拉列表顶部的内容" + } + }, + "footer 2.5.2": { + "label": { + "zh_CN": "footer 2.5.2" + }, + "description": { + "zh_CN": "下拉列表底部的内容" + } + }, + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "自定义当选项为空时的内容" + } + }, + "prefix": { + "label": { + "zh_CN": "prefix" + }, + "description": { + "zh_CN": "输入框的前缀" + } + }, + "tag 2.5.0": { + "label": { + "zh_CN": "tag 2.5.0" + }, + "description": { + "zh_CN": "select 组件自定义标签内容" + } + }, + "loading 2.5.2": { + "label": { + "zh_CN": "loading 2.5.2" + }, + "description": { + "zh_CN": "select 组件自定义 loading内容" + } + }, + "label 2.7.4": { + "label": { + "zh_CN": "label 2.7.4" + }, + "description": { + "zh_CN": "select 组件自定义标签内容" + } + } + } + } + }, + { + "id": 27, + "version": "2.7.8", + "name": { + "zh_CN": "滑块" + }, + "component": "ElSlider", + "icon": "slider", + "description": "通过拖动滑块在一个固定区间内进行选择", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElSlider" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "number / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "min", + "label": { + "text": { + "zh_CN": "min" + } + }, + "description": { + "zh_CN": "最小值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max", + "label": { + "text": { + "zh_CN": "max" + } + }, + "description": { + "zh_CN": "最大值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "step", + "label": { + "text": { + "zh_CN": "step" + } + }, + "description": { + "zh_CN": "步长" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-input", + "label": { + "text": { + "zh_CN": "show-input" + } + }, + "description": { + "zh_CN": "是否显示输入框，仅在非范围选择时有效" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-input-controls", + "label": { + "text": { + "zh_CN": "show-input-controls" + } + }, + "description": { + "zh_CN": "在显示输入框的情况下，是否显示输入框的控制按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "slider 包装器的大小，垂直模式下该属性不可用" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "input-size", + "label": { + "text": { + "zh_CN": "input-size" + } + }, + "description": { + "zh_CN": "输入框的大小，如果设置了 size 属性，默认值自动取 size" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-stops", + "label": { + "text": { + "zh_CN": "show-stops" + } + }, + "description": { + "zh_CN": "是否显示间断点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-tooltip", + "label": { + "text": { + "zh_CN": "show-tooltip" + } + }, + "description": { + "zh_CN": "是否显示提示信息" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format-tooltip", + "label": { + "text": { + "zh_CN": "format-tooltip" + } + }, + "description": { + "zh_CN": "格式化提示信息" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "range", + "label": { + "text": { + "zh_CN": "range" + } + }, + "description": { + "zh_CN": "是否开启选择范围" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "vertical", + "label": { + "text": { + "zh_CN": "vertical" + } + }, + "description": { + "zh_CN": "垂直模式" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "滑块高度，垂直模式必填" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "原生 aria-label属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "原生 aria-label属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "range-start-label", + "label": { + "text": { + "zh_CN": "range-start-label" + } + }, + "description": { + "zh_CN": "当 range 为true时，屏幕阅读器标签开始的标记" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "range-end-label", + "label": { + "text": { + "zh_CN": "range-end-label" + } + }, + "description": { + "zh_CN": "当 range 为true时，屏幕阅读器标签结尾的标记" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format-value-text", + "label": { + "text": { + "zh_CN": "format-value-text" + } + }, + "description": { + "zh_CN": "显示屏幕阅读器的 aria-valuenow 属性的格式" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "debounce", + "label": { + "text": { + "zh_CN": "debounce" + } + }, + "description": { + "zh_CN": "输入时的去抖延迟，毫秒，仅在 show-input 等于 true 时有效" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tooltip-class", + "label": { + "text": { + "zh_CN": "tooltip-class" + } + }, + "description": { + "zh_CN": "tooltip 的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "Tooltip 出现的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "marks", + "label": { + "text": { + "zh_CN": "marks" + } + }, + "description": { + "zh_CN": "标记， key 的类型必须为 number 且取值在闭区间 [min, max] 内，每个标记可以单独设置样式" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } + }, + "description": { + "zh_CN": "输入时是否触发表单的校验" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": {} + } + }, + { + "id": 28, + "version": "2.7.8", + "name": { + "zh_CN": "开关" + }, + "component": "ElSwitch", + "icon": "switch", + "description": "表示两种相互对立的状态间的切换，多用于触发「开/关」。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElSwitch" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "绑定值，必须等于 active-value 或 inactive-value，默认为 Boolean 类型" + }, + "type": "boolean / string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否显示加载中" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "switch 的大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "switch 的宽度" + }, + "type": "number / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "inline-prompt", + "label": { + "text": { + "zh_CN": "inline-prompt" + } + }, + "description": { + "zh_CN": "无论图标或文本是否显示在点内，只会呈现文本的第一个字符" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active-icon", + "label": { + "text": { + "zh_CN": "active-icon" + } + }, + "description": { + "zh_CN": "switch 状态为 on 时所显示图标，设置此项会忽略 active-text" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "inactive-icon", + "label": { + "text": { + "zh_CN": "inactive-icon" + } + }, + "description": { + "zh_CN": "switch 状态为 off 时所显示图标，设置此项会忽略 inactive-text" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active-action-icon", + "label": { + "text": { + "zh_CN": "active-action-icon" + } + }, + "description": { + "zh_CN": "on状态下显示的图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "inactive-action-icon", + "label": { + "text": { + "zh_CN": "inactive-action-icon" + } + }, + "description": { + "zh_CN": "off状态下显示的图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active-text", + "label": { + "text": { + "zh_CN": "active-text" + } + }, + "description": { + "zh_CN": "switch 打开时的文字描述" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "inactive-text", + "label": { + "text": { + "zh_CN": "inactive-text" + } + }, + "description": { + "zh_CN": "switch 的状态为 off 时的文字描述" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active-value", + "label": { + "text": { + "zh_CN": "active-value" + } + }, + "description": { + "zh_CN": "switch 状态为 on 时的值" + }, + "type": "boolean / string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "inactive-value", + "label": { + "text": { + "zh_CN": "inactive-value" + } + }, + "description": { + "zh_CN": "switch的状态为 off 时的值" + }, + "type": "boolean / string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active-color", + "label": { + "text": { + "zh_CN": "active-color" + } + }, + "description": { + "zh_CN": "当在 on 状态时的背景颜色(已废弃，请使用 CSS var --el-switch-on-color )" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "inactive-color", + "label": { + "text": { + "zh_CN": "inactive-color" + } + }, + "description": { + "zh_CN": "off 状态时的背景颜色(已废弃，使用 CSS var --el-switch-off-color )" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "border-color", + "label": { + "text": { + "zh_CN": "border-color" + } + }, + "description": { + "zh_CN": "开关的边框颜色 ( 已废弃，使用 CSS var --el-switch-border-color )" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "switch 对应的 name 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } + }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "before-change", + "label": { + "text": { + "zh_CN": "before-change" + } + }, + "description": { + "zh_CN": "switch 状态改变前的钩子， 返回 false 或者返回 Promise 且被 reject 则停止切换" + }, + "type": "boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "id", + "label": { + "text": { + "zh_CN": "id" + } + }, + "description": { + "zh_CN": "input 的 id" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tabindex", + "label": { + "text": { + "zh_CN": "tabindex" + } + }, + "description": { + "zh_CN": "input 的 tabindex" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "active-action 2.4.4": { + "label": { + "zh_CN": "active-action 2.4.4" + }, + "description": { + "zh_CN": "自定义 active 行为" + } + }, + "inactive-action 2.4.4": { + "label": { + "zh_CN": "inactive-action 2.4.4" + }, + "description": { + "zh_CN": "自定义 inactive 行为" + } + } + } + } + }, + { + "id": 29, + "version": "2.7.8", + "name": { + "zh_CN": "Picker 时间选择器" + }, + "component": "ElTime", + "icon": "time", + "description": "用于选择或输入日期", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTime" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "绑定值，如果它是数组，长度应该是 2" + }, + "type": "number / string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "readonly", + "label": { + "text": { + "zh_CN": "readonly" + } + }, + "description": { + "zh_CN": "完全只读" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "editable", + "label": { + "text": { + "zh_CN": "editable" + } + }, + "description": { + "zh_CN": "文本框可输入" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "输入框尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "非范围选择时的占位内容" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "start-placeholder", + "label": { + "text": { + "zh_CN": "start-placeholder" + } + }, + "description": { + "zh_CN": "范围选择时开始日期的占位内容" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "end-placeholder", + "label": { + "text": { + "zh_CN": "end-placeholder" + } + }, + "description": { + "zh_CN": "范围选择时结束日期的占位内容" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "is-range", + "label": { + "text": { + "zh_CN": "is-range" + } + }, + "description": { + "zh_CN": "是否为时间范围选择" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "arrow-control", + "label": { + "text": { + "zh_CN": "arrow-control" + } + }, + "description": { + "zh_CN": "是否使用箭头进行时间选择" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "TimePicker 下拉框的类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "range-separator", + "label": { + "text": { + "zh_CN": "range-separator" + } + }, + "description": { + "zh_CN": "选择范围时的分隔符" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format", + "label": { + "text": { + "zh_CN": "format" + } + }, + "description": { + "zh_CN": "显示在输入框中的格式" + }, + "type": "string see date formats", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-value", + "label": { + "text": { + "zh_CN": "default-value" + } + }, + "description": { + "zh_CN": "可选，选择器打开时默认显示的时间" + }, + "type": "Date / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-format", + "label": { + "text": { + "zh_CN": "value-format" + } + }, + "description": { + "zh_CN": "可选，绑定值的格式。 不指定则绑定值为 Date 对象" + }, + "type": "string 参考 日期格式", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "id", + "label": { + "text": { + "zh_CN": "id" + } + }, + "description": { + "zh_CN": "等价于原生 input id 属性" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "等价于原生 input name 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prefix-icon", + "label": { + "text": { + "zh_CN": "prefix-icon" + } + }, + "description": { + "zh_CN": "自定义前缀图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clear-icon", + "label": { + "text": { + "zh_CN": "clear-icon" + } + }, + "description": { + "zh_CN": "自定义清除图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled-hours", + "label": { + "text": { + "zh_CN": "disabled-hours" + } + }, + "description": { + "zh_CN": "禁止选择部分小时选项" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled-minutes", + "label": { + "text": { + "zh_CN": "disabled-minutes" + } + }, + "description": { + "zh_CN": "禁止选择部分分钟选项" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled-seconds", + "label": { + "text": { + "zh_CN": "disabled-seconds" + } + }, + "description": { + "zh_CN": "禁止选择部分秒选项" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将 popover 的下拉列表镜像至 body 元素" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tabindex", + "label": { + "text": { + "zh_CN": "tabindex" + } + }, + "description": { + "zh_CN": "输入框的 tabindex" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-values", + "label": { + "text": { + "zh_CN": "empty-values" + } + }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-on-clear", + "label": { + "text": { + "zh_CN": "value-on-clear" + } + }, + "description": { + "zh_CN": "清空选项的值 参考 config-provider" + }, + "type": "string / number / boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": {} + } + }, + { + "id": 30, + "version": "2.7.8", + "name": { + "zh_CN": "Select 时间选择" + }, + "component": "ElTime", + "icon": "time", + "description": "用于选择或输入日期", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTime" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "禁用状态" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "editable", + "label": { + "text": { + "zh_CN": "editable" + } + }, + "description": { + "zh_CN": "文本框可输入" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "输入框尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "非范围选择时的占位内容" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "原生属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "Tooltip 主题，内置了 dark / light 两种主题" + }, + "type": "string / enum", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prefix-icon", + "label": { + "text": { + "zh_CN": "prefix-icon" + } + }, + "description": { + "zh_CN": "自定义前缀图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "clear-icon", + "label": { + "text": { + "zh_CN": "clear-icon" + } + }, + "description": { + "zh_CN": "自定义清除图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "start", + "label": { + "text": { + "zh_CN": "start" + } + }, + "description": { + "zh_CN": "开始时间" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "end", + "label": { + "text": { + "zh_CN": "end" + } + }, + "description": { + "zh_CN": "结束时间" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "step", + "label": { + "text": { + "zh_CN": "step" + } + }, + "description": { + "zh_CN": "间隔时间" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "min-time", + "label": { + "text": { + "zh_CN": "min-time" + } + }, + "description": { + "zh_CN": "最早时间点，早于该时间的时间段将被禁用" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-time", + "label": { + "text": { + "zh_CN": "max-time" + } + }, + "description": { + "zh_CN": "最晚时间点，晚于该时间的时间段将被禁用" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format", + "label": { + "text": { + "zh_CN": "format" + } + }, + "description": { + "zh_CN": "设置时间格式" + }, + "type": "string see formats", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-values", + "label": { + "text": { + "zh_CN": "empty-values" + } + }, + "description": { + "zh_CN": "组件的空值配置 参考config-provider" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-on-clear", + "label": { + "text": { + "zh_CN": "value-on-clear" + } + }, + "description": { + "zh_CN": "清空选项的值 参考 config-provider" + }, + "type": "string / number / boolean / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": {} + } + }, + { + "id": 31, + "version": "2.7.8", + "name": { + "zh_CN": "穿梭框" + }, + "component": "ElTransfer", + "icon": "transfer", + "description": "", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTransfer" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "Transfer 的数据源" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filterable", + "label": { + "text": { + "zh_CN": "filterable" + } + }, + "description": { + "zh_CN": "是否可搜索" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-placeholder", + "label": { + "text": { + "zh_CN": "filter-placeholder" + } + }, + "description": { + "zh_CN": "搜索框占位符" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-method", + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "zh_CN": "自定义搜索方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "target-order", + "label": { + "text": { + "zh_CN": "target-order" + } + }, + "description": { + "zh_CN": "右侧列表元素的排序策略： 若为 original，则保持与数据源相同的顺序； 若为 push，则新加入的元素排在最后； 若为 unshift，则新加入的元素排在最前" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "titles", + "label": { + "text": { + "zh_CN": "titles" + } + }, + "description": { + "zh_CN": "自定义列表标题" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "button-texts", + "label": { + "text": { + "zh_CN": "button-texts" + } + }, + "description": { + "zh_CN": "自定义按钮文案" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "render-content", + "label": { + "text": { + "zh_CN": "render-content" + } + }, + "description": { + "zh_CN": "自定义数据项渲染函数" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format", + "label": { + "text": { + "zh_CN": "format" + } + }, + "description": { + "zh_CN": "列表顶部勾选状态文案" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "props", + "label": { + "text": { + "zh_CN": "props" + } + }, + "description": { + "zh_CN": "数据源的字段别名" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "left-default-checked", + "label": { + "text": { + "zh_CN": "left-default-checked" + } + }, + "description": { + "zh_CN": "初始状态下左侧列表的已勾选项的 key 数组" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "right-default-checked", + "label": { + "text": { + "zh_CN": "right-default-checked" + } + }, + "description": { + "zh_CN": "初始状态下右侧列表的已勾选项的 key 数组" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } + }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义数据项的内容， The scope parameter is" + } + }, + "left-footer": { + "label": { + "zh_CN": "left-footer" + }, + "description": { + "zh_CN": "左侧列表底部的内容" + } + }, + "right-footer": { + "label": { + "zh_CN": "right-footer" + }, + "description": { + "zh_CN": "右侧列表底部的内容" + } + } + } + } + }, + { + "id": 32, + "version": "2.7.8", + "name": { + "zh_CN": "树形选择2.1.8" + }, + "component": "ElTreeSelect", + "icon": "treeselect", + "description": "含有下拉菜单的树形选择器，结合了 el-tree 和 el-select 两个组件的功能。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTreeSelect" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "由于这个组件是el-tree和el-select的结合体，他们的原始属性未被更改，故不在此重复。请跳转查看原组件的相应文档。" + }, + "description": { + "zh_CN": "由于这个组件是el-tree和el-select的结合体，他们的原始属性未被更改，故不在此重复。请跳转查看原组件的相应文档。" + }, + "content": [ + { + "property": "tree", + "label": { + "text": { + "zh_CN": "tree" + } + }, + "description": { + "zh_CN": "tree" + }, + "type": "tree", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "select", + "label": { + "text": { + "zh_CN": "select" + } + }, + "description": { + "zh_CN": "select" + }, + "type": "select", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Own Attributes ​" + }, + "description": { + "zh_CN": "Own Attributes ​" + }, + "content": [ + { + "property": "cacheData", + "label": { + "text": { + "zh_CN": "cacheData" + } + }, + "description": { + "zh_CN": "懒加载节点的缓存数据，结构与数据相同，用于获取未加载数据的标签" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": {} + } + }, + { + "id": 33, + "version": "2.7.8", + "name": { + "zh_CN": "上传" + }, + "component": "ElUpload", + "icon": "upload", + "description": "通过点击或者拖拽上传文件。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElUpload" + }, + "group": "Form 表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "action", + "label": { + "text": { + "zh_CN": "action" + } + }, + "description": { + "zh_CN": "请求 URL" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "headers", + "label": { + "text": { + "zh_CN": "headers" + } + }, + "description": { + "zh_CN": "设置上传的请求头部" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "method", + "label": { + "text": { + "zh_CN": "method" + } + }, + "description": { + "zh_CN": "设置上传请求方法" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "multiple", + "label": { + "text": { + "zh_CN": "multiple" + } + }, + "description": { + "zh_CN": "是否支持多选文件" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "上传时附带的额外参数 从 v2.3.13 支持 Awaitable 数据，和 Function" + }, + "type": "object / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "上传的文件字段名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "with-credentials", + "label": { + "text": { + "zh_CN": "with-credentials" + } + }, + "description": { + "zh_CN": "支持发送 cookie 凭证信息" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-file-list", + "label": { + "text": { + "zh_CN": "show-file-list" + } + }, + "description": { + "zh_CN": "是否显示已上传文件列表" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "drag", + "label": { + "text": { + "zh_CN": "drag" + } + }, + "description": { + "zh_CN": "是否启用拖拽上传" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "accept", + "label": { + "text": { + "zh_CN": "accept" + } + }, + "description": { + "zh_CN": "接受上传的文件类型（thumbnail-mode 模式下此参数无效）" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "crossorigin", + "label": { + "text": { + "zh_CN": "crossorigin" + } + }, + "description": { + "zh_CN": "原生属性 crossorigin" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-preview", + "label": { + "text": { + "zh_CN": "on-preview" + } + }, + "description": { + "zh_CN": "点击文件列表中已上传的文件时的钩子" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-remove", + "label": { + "text": { + "zh_CN": "on-remove" + } + }, + "description": { + "zh_CN": "文件列表移除文件时的钩子" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-success", + "label": { + "text": { + "zh_CN": "on-success" + } + }, + "description": { + "zh_CN": "文件上传成功时的钩子" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-error", + "label": { + "text": { + "zh_CN": "on-error" + } + }, + "description": { + "zh_CN": "文件上传失败时的钩子" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-progress", + "label": { + "text": { + "zh_CN": "on-progress" + } + }, + "description": { + "zh_CN": "文件上传时的钩子" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-change", + "label": { + "text": { + "zh_CN": "on-change" + } + }, + "description": { + "zh_CN": "文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "on-exceed", + "label": { + "text": { + "zh_CN": "on-exceed" + } + }, + "description": { + "zh_CN": "当超出限制时，执行的钩子函数" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "before-upload", + "label": { + "text": { + "zh_CN": "before-upload" + } + }, + "description": { + "zh_CN": "上传文件之前的钩子，参数为上传的文件， 若返回false或者返回 Promise 且被 reject，则停止上传。" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "before-remove", + "label": { + "text": { + "zh_CN": "before-remove" + } + }, + "description": { + "zh_CN": "删除文件之前的钩子，参数为上传的文件和文件列表， 若返回 false 或者返回 Promise 且被 reject，则停止删除。" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "file-list", + "label": { + "text": { + "zh_CN": "file-list" + } + }, + "description": { + "zh_CN": "默认上传文件" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "list-type", + "label": { + "text": { + "zh_CN": "list-type" + } + }, + "description": { + "zh_CN": "文件列表的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "auto-upload", + "label": { + "text": { + "zh_CN": "auto-upload" + } + }, + "description": { + "zh_CN": "是否自动上传文件" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "http-request", + "label": { + "text": { + "zh_CN": "http-request" + } + }, + "description": { + "zh_CN": "覆盖默认的 Xhr 行为，允许自行实现上传文件的请求" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用上传" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "limit", + "label": { + "text": { + "zh_CN": "limit" + } + }, + "description": { + "zh_CN": "允许上传文件的最大数量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + }, + "subTag": "-" + }, + "trigger": { + "label": { + "zh_CN": "trigger" + }, + "description": { + "zh_CN": "触发文件选择框的内容" + }, + "subTag": "-" + }, + "tip": { + "label": { + "zh_CN": "tip" + }, + "description": { + "zh_CN": "提示说明文字" + }, + "subTag": "-" + }, + "file": { + "label": { + "zh_CN": "file" + }, + "description": { + "zh_CN": "缩略图模板的内容" + }, + "subTag": "object" + } + } + } + }, + { + "id": 34, + "version": "2.7.8", + "name": { + "zh_CN": "头像" + }, + "component": "ElAvatar", + "icon": "avatar", + "description": "Avatar 组件可以用来代表人物或对象， 支持使用图片、图标或者文字作为 Avatar。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElAvatar" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "设置 Avatar 的图标类型，具体参考 Icon 组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Avatar 大小" + }, + "type": "number / enum", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "shape", + "label": { + "text": { + "zh_CN": "shape" + } + }, + "description": { + "zh_CN": "Avatar 形状" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "src", + "label": { + "text": { + "zh_CN": "src" + } + }, + "description": { + "zh_CN": "Avatar 图片的源地址" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "src-set", + "label": { + "text": { + "zh_CN": "src-set" + } + }, + "description": { + "zh_CN": "图片 Avatar 的原生 srcset 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "alt", + "label": { + "text": { + "zh_CN": "alt" + } + }, + "description": { + "zh_CN": "图片 Avatar 的原生 alt 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fit", + "label": { + "text": { + "zh_CN": "fit" + } + }, + "description": { + "zh_CN": "当展示类型为图片的时候，设置图片如何适应容器" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义头像展示内容" + } + } + } + } + }, + { + "id": 35, + "version": "2.7.8", + "name": { + "zh_CN": "徽章" + }, + "component": "ElBadge", + "icon": "badge", + "description": "按钮和图标上的数字或状态标记。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElBadge" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" + } + }, + "description": { + "zh_CN": "显示值" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max", + "label": { + "text": { + "zh_CN": "max" + } + }, + "description": { + "zh_CN": "最大值，超过最大值会显示 {max}+。 只有当 value 是数字类型时起作用。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "is-dot", + "label": { + "text": { + "zh_CN": "is-dot" + } + }, + "description": { + "zh_CN": "是否显示小圆点。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hidden", + "label": { + "text": { + "zh_CN": "hidden" + } + }, + "description": { + "zh_CN": "是否隐藏 Badge。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "badge type." + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-zero", + "label": { + "text": { + "zh_CN": "show-zero" + } + }, + "description": { + "zh_CN": "值为零时是否显示 Badge" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } + }, + "description": { + "zh_CN": "背景色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } + }, + "description": { + "zh_CN": "badge 的偏移量" + }, + "type": "[ number , number ]", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "badge-style", + "label": { + "text": { + "zh_CN": "badge-style" + } + }, + "description": { + "zh_CN": "自定义 badge 样式" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "badge-class", + "label": { + "text": { + "zh_CN": "badge-class" + } + }, + "description": { + "zh_CN": "自定义 badge 类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 36, + "version": "2.7.8", + "name": { + "zh_CN": "日历" + }, + "component": "ElCalendar", + "icon": "calendar", + "description": "显示日期", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElCalendar" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "选中项绑定值" + }, + "type": "Date", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "range", + "label": { + "text": { + "zh_CN": "range" + } + }, + "description": { + "zh_CN": "时间范围，包括开始时间与结束时间。 开始时间必须是周起始日，结束时间必须是周结束日，且时间跨度不能超过两个月。" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "date-cell": { + "label": { + "zh_CN": "date-cell" + }, + "description": { + "zh_CN": "type 表示该日期的所属月份，可选值有 prev-month、current-month 和 next-month；isSelected 标明该日期是否被选中；day 是格式化的日期，格式为 yyyy-MM-dd；date 是单元格的日期" + }, + "subTag": "object" + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "卡片标题内容" + }, + "subTag": "object" + } + } + } + }, + { + "id": 37, + "version": "2.7.8", + "name": { + "zh_CN": "卡片" + }, + "component": "ElCard", + "icon": "card", + "description": "将信息聚合在卡片容器中展示。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElCard" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "header", + "label": { + "text": { + "zh_CN": "header" + } + }, + "description": { + "zh_CN": "卡片的标题 你既可以通过设置 header 来修改标题，也可以通过 slot#header 传入 DOM 节点" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "footer", + "label": { + "text": { + "zh_CN": "footer" + } + }, + "description": { + "zh_CN": "卡片页脚。 你既可以通过设置 footer 来修改卡片底部内容，也可以通过 slot#footer 传入 DOM 节点" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "body-style", + "label": { + "text": { + "zh_CN": "body-style" + } + }, + "description": { + "zh_CN": "body 的 CSS 样式" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "body-class", + "label": { + "text": { + "zh_CN": "body-class" + } + }, + "description": { + "zh_CN": "body 的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "shadow", + "label": { + "text": { + "zh_CN": "shadow" + } + }, + "description": { + "zh_CN": "卡片阴影显示时机" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "卡片标题内容" + } + }, + "footer": { + "label": { + "zh_CN": "footer" + }, + "description": { + "zh_CN": "卡片页脚内容" + } + } + } + } + }, + { + "id": 38, + "version": "2.7.8", + "name": { + "zh_CN": "走马灯" + }, + "component": "ElCarousel", + "icon": "carousel", + "description": "在有限空间内，循环播放同一类型的图片、文字等内容", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElCarousel" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Carousel Attributes ​" + }, + "description": { + "zh_CN": "Carousel Attributes ​" + }, + "content": [ + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "carousel 的高度" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "initial-index", + "label": { + "text": { + "zh_CN": "initial-index" + } + }, + "description": { + "zh_CN": "初始状态激活的幻灯片的索引，从 0 开始" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "trigger" + } + }, + "description": { + "zh_CN": "指示器的触发方式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "autoplay", + "label": { + "text": { + "zh_CN": "autoplay" + } + }, + "description": { + "zh_CN": "是否自动切换" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "interval", + "label": { + "text": { + "zh_CN": "interval" + } + }, + "description": { + "zh_CN": "自动切换的时间间隔，单位为毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "indicator-position", + "label": { + "text": { + "zh_CN": "indicator-position" + } + }, + "description": { + "zh_CN": "指示器的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "arrow", + "label": { + "text": { + "zh_CN": "arrow" + } + }, + "description": { + "zh_CN": "切换箭头的显示时机" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "carousel 的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cardScale", + "label": { + "text": { + "zh_CN": "cardScale" + } + }, + "description": { + "zh_CN": "当 type 为 card时，二级卡的缩放大小" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loop", + "label": { + "text": { + "zh_CN": "loop" + } + }, + "description": { + "zh_CN": "是否循环显示" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "direction", + "label": { + "text": { + "zh_CN": "direction" + } + }, + "description": { + "zh_CN": "展示的方向" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "pause-on-hover", + "label": { + "text": { + "zh_CN": "pause-on-hover" + } + }, + "description": { + "zh_CN": "鼠标悬浮时暂停自动切换" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "motion-blur", + "label": { + "text": { + "zh_CN": "motion-blur" + } + }, + "description": { + "zh_CN": "添加动态模糊以给走马灯注入活力和流畅性。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Carousel-Item Attributes ​" + }, + "description": { + "zh_CN": "Carousel-Item Attributes ​" + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "该幻灯片所对应指示器的文本" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 39, + "version": "2.7.8", + "name": { + "zh_CN": "折叠面板" + }, + "component": "ElCollapse", + "icon": "collapse", + "description": "通过折叠面板收纳内容区域", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElCollapse" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Collapse Attributes ​" + }, + "description": { + "zh_CN": "Collapse Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "当前活动面板，在手风琴模式下其类型是string，在其他模式下是array" + }, + "type": "string / array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "accordion", + "label": { + "text": { + "zh_CN": "accordion" + } + }, + "description": { + "zh_CN": "是否手风琴模式" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Collapse Item Attributes ​" + }, + "description": { + "zh_CN": "Collapse Item Attributes ​" + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "唯一标志符" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "面板标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + }, + "subTag": "Collapse Item" + } + } + } + }, + { + "id": 40, + "version": "2.7.8", + "name": { + "zh_CN": "描述列表" + }, + "component": "ElDescriptions", + "icon": "descriptions", + "description": "列表形式展示多个字段。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDescriptions" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Descriptions Attributes ​" + }, + "description": { + "zh_CN": "Descriptions Attributes ​" + }, + "content": [ + { + "property": "border", + "label": { + "text": { + "zh_CN": "border" + } + }, + "description": { + "zh_CN": "是否带有边框" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "column", + "label": { + "text": { + "zh_CN": "column" + } + }, + "description": { + "zh_CN": "一行 Descriptions Item 的数量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "direction", + "label": { + "text": { + "zh_CN": "direction" + } + }, + "description": { + "zh_CN": "排列的方向" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "列表的尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "标题文本，显示在左上方" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "extra", + "label": { + "text": { + "zh_CN": "extra" + } + }, + "description": { + "zh_CN": "操作区文本，显示在右上方" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "DescriptionsItem Attributes ​" + }, + "description": { + "zh_CN": "DescriptionsItem Attributes ​" + }, + "content": [ + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "标签文本" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "span", + "label": { + "text": { + "zh_CN": "span" + } + }, + "description": { + "zh_CN": "列的数量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "rowspan", + "label": { + "text": { + "zh_CN": "rowspan" + } + }, + "description": { + "zh_CN": "单元格应该跨越的行数" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "列的宽度，不同行相同列的宽度按最大值设定（如无 border ，宽度包含标签与内容）" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "min-width", + "label": { + "text": { + "zh_CN": "min-width" + } + }, + "description": { + "zh_CN": "列的最小宽度，与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列（如无 border，宽度包含标签与内容）" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "align", + "label": { + "text": { + "zh_CN": "align" + } + }, + "description": { + "zh_CN": "列的内容对齐方式（如无 border，对标签和内容均生效）" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label-align", + "label": { + "text": { + "zh_CN": "label-align" + } + }, + "description": { + "zh_CN": "列的标签对齐方式，若不设置该项，则使用内容的对齐方式（如无 border，请使用 align 参数）" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "class-name", + "label": { + "text": { + "zh_CN": "class-name" + } + }, + "description": { + "zh_CN": "列的内容自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label-class-name", + "label": { + "text": { + "zh_CN": "label-class-name" + } + }, + "description": { + "zh_CN": "column label custom class name" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "自定义标题，显示在左上方" + }, + "subTag": "—" + }, + "extra": { + "label": { + "zh_CN": "extra" + }, + "description": { + "zh_CN": "自定义操作区，显示在右上方" + }, + "subTag": "—" + }, + "label": { + "label": { + "zh_CN": "label" + }, + "description": { + "zh_CN": "自定义标签" + } + } + } + } + }, + { + "id": 41, + "version": "2.7.8", + "name": { + "zh_CN": "空状态" + }, + "component": "ElEmpty", + "icon": "empty", + "description": "空状态时的占位提示。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElEmpty" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "image", + "label": { + "text": { + "zh_CN": "image" + } + }, + "description": { + "zh_CN": "empty 组件的图像地址" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "image-size", + "label": { + "text": { + "zh_CN": "image-size" + } + }, + "description": { + "zh_CN": "empty 组件的图像尺寸（宽度）" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "description", + "label": { + "text": { + "zh_CN": "description" + } + }, + "description": { + "zh_CN": "empty 组件的描述信息" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "作为底部内容的内容" + } + }, + "image": { + "label": { + "zh_CN": "image" + }, + "description": { + "zh_CN": "作为图像的内容" + } + }, + "description": { + "label": { + "zh_CN": "description" + }, + "description": { + "zh_CN": "作为描述的内容" + } + } + } + } + }, + { + "id": 42, + "version": "2.7.8", + "name": { + "zh_CN": "图片" + }, + "component": "ElImage", + "icon": "image", + "description": "图片容器，在保留所有原生 img 的特性下，支持懒加载，自定义占位、加载失败等", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElImage" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Image Attributes ​" + }, + "description": { + "zh_CN": "Image Attributes ​" + }, + "content": [ + { + "property": "src", + "label": { + "text": { + "zh_CN": "src" + } + }, + "description": { + "zh_CN": "图片源地址，同原生属性一致" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fit", + "label": { + "text": { + "zh_CN": "fit" + } + }, + "description": { + "zh_CN": "确定图片如何适应容器框，同原生 object-fit" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-on-click-modal", + "label": { + "text": { + "zh_CN": "hide-on-click-modal" + } + }, + "description": { + "zh_CN": "当开启 preview 功能时，是否可以通过点击遮罩层关闭 preview" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "浏览器加载图像的策略，和 浏览器原生能力一致" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "lazy", + "label": { + "text": { + "zh_CN": "lazy" + } + }, + "description": { + "zh_CN": "是否使用懒加载" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scroll-container", + "label": { + "text": { + "zh_CN": "scroll-container" + } + }, + "description": { + "zh_CN": "开启懒加载功能后，监听 scroll 事件的容器 默认情况下，开启懒加载功能后，监听 scroll 事件的容器" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "alt", + "label": { + "text": { + "zh_CN": "alt" + } + }, + "description": { + "zh_CN": "原生属性 alt" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "referrerpolicy", + "label": { + "text": { + "zh_CN": "referrerpolicy" + } + }, + "description": { + "zh_CN": "原生属性 referrerPolicy。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "crossorigin", + "label": { + "text": { + "zh_CN": "crossorigin" + } + }, + "description": { + "zh_CN": "原生属性 crossorigin" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "preview-src-list", + "label": { + "text": { + "zh_CN": "preview-src-list" + } + }, + "description": { + "zh_CN": "开启图片预览功能" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "z-index", + "label": { + "text": { + "zh_CN": "z-index" + } + }, + "description": { + "zh_CN": "设置图片预览的 z-index" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "initial-index", + "label": { + "text": { + "zh_CN": "initial-index" + } + }, + "description": { + "zh_CN": "初始预览图像索引，小于 url-list 的长度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-press-escape", + "label": { + "text": { + "zh_CN": "close-on-press-escape" + } + }, + "description": { + "zh_CN": "是否可以通过按下 ESC 关闭 Image Viewer" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "preview-teleported", + "label": { + "text": { + "zh_CN": "preview-teleported" + } + }, + "description": { + "zh_CN": "image-viewer 是否插入至 body 元素上。 嵌套的父元素属性会发生修改时应该将此属性设置为 true" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "infinite", + "label": { + "text": { + "zh_CN": "infinite" + } + }, + "description": { + "zh_CN": "是否可以无限循环预览" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "zoom-rate", + "label": { + "text": { + "zh_CN": "zoom-rate" + } + }, + "description": { + "zh_CN": "图像查看器缩放事件的缩放速率。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "min-scale", + "label": { + "text": { + "zh_CN": "min-scale" + } + }, + "description": { + "zh_CN": "图像查看器缩放事件的最小缩放比例" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-scale", + "label": { + "text": { + "zh_CN": "max-scale" + } + }, + "description": { + "zh_CN": "图像查看器缩放事件的最大缩放比例" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Image Viewer Attributes ​" + }, + "description": { + "zh_CN": "Image Viewer Attributes ​" + }, + "content": [ + { + "property": "url-list", + "label": { + "text": { + "zh_CN": "url-list" + } + }, + "description": { + "zh_CN": "用于预览的图片链接列表" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "z-index", + "label": { + "text": { + "zh_CN": "z-index" + } + }, + "description": { + "zh_CN": "预览时遮罩层的 z-index" + }, + "type": "number / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "initial-index", + "label": { + "text": { + "zh_CN": "initial-index" + } + }, + "description": { + "zh_CN": "初始预览图像索引，小于 url-list 的长度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "infinite", + "label": { + "text": { + "zh_CN": "infinite" + } + }, + "description": { + "zh_CN": "是否可以无限循环预览" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-on-click-modal", + "label": { + "text": { + "zh_CN": "hide-on-click-modal" + } + }, + "description": { + "zh_CN": "是否可以通过点击遮罩层关闭预览" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "image 自身是否插入至 body 元素上。 嵌套的父元素属性会发生修改时应该将此属性设置为 true" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "zoom-rate", + "label": { + "text": { + "zh_CN": "zoom-rate" + } + }, + "description": { + "zh_CN": "图像查看器缩放事件的缩放速率。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "min-scale", + "label": { + "text": { + "zh_CN": "min-scale" + } + }, + "description": { + "zh_CN": "图像查看器缩放事件的最小缩放比例" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-scale", + "label": { + "text": { + "zh_CN": "max-scale" + } + }, + "description": { + "zh_CN": "图像查看器缩放事件的最大缩放比例" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-press-escape", + "label": { + "text": { + "zh_CN": "close-on-press-escape" + } + }, + "description": { + "zh_CN": "是否可以通过按下 ESC 关闭 Image Viewer" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "placeholder": { + "label": { + "zh_CN": "placeholder" + }, + "description": { + "zh_CN": "当图像尚未加载时，自定义的占位符内容" + } + }, + "error": { + "label": { + "zh_CN": "error" + }, + "description": { + "zh_CN": "自定义图像加载失败的内容" + } + }, + "viewer": { + "label": { + "zh_CN": "viewer" + }, + "description": { + "zh_CN": "当图像预览时自定义内容" + } + } + } + } + }, + { + "id": 43, + "version": "2.7.8", + "name": { + "zh_CN": "Scroll 无限滚动" + }, + "component": "ElInfinite", + "icon": "infinite", + "description": "滚动至底部时，加载更多数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElInfinite" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 44, + "version": "2.7.8", + "name": { + "zh_CN": "分页" + }, + "component": "ElPagination", + "icon": "pagination", + "description": "当数据量过多时，使用分页分解数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElPagination" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "small", + "label": { + "text": { + "zh_CN": "small" + } + }, + "description": { + "zh_CN": "是否使用小型分页样式" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "分页大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "background", + "label": { + "text": { + "zh_CN": "background" + } + }, + "description": { + "zh_CN": "是否为分页按钮添加背景色" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "page-size", + "label": { + "text": { + "zh_CN": "page-size" + } + }, + "description": { + "zh_CN": "每页显示条目个数" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-page-size", + "label": { + "text": { + "zh_CN": "default-page-size" + } + }, + "description": { + "zh_CN": "每页默认的条目个数，不设置时默认为10" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "total", + "label": { + "text": { + "zh_CN": "total" + } + }, + "description": { + "zh_CN": "总条目数" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "page-count", + "label": { + "text": { + "zh_CN": "page-count" + } + }, + "description": { + "zh_CN": "总页数， total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "pager-count", + "label": { + "text": { + "zh_CN": "pager-count" + } + }, + "description": { + "zh_CN": "设置最大页码按钮数。 页码按钮的数量，当总页数超过该值时会折叠" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "current-page", + "label": { + "text": { + "zh_CN": "current-page" + } + }, + "description": { + "zh_CN": "当前页数" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-current-page", + "label": { + "text": { + "zh_CN": "default-current-page" + } + }, + "description": { + "zh_CN": "当前页数的默认初始值，不设置时默认为 1" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "layout", + "label": { + "text": { + "zh_CN": "layout" + } + }, + "description": { + "zh_CN": "组件布局，子组件名用逗号分隔" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "page-sizes", + "label": { + "text": { + "zh_CN": "page-sizes" + } + }, + "description": { + "zh_CN": "每页显示个数选择器的选项设置" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "每页显示个数选择器的下拉框类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prev-text", + "label": { + "text": { + "zh_CN": "prev-text" + } + }, + "description": { + "zh_CN": "替代图标显示的上一页文字" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prev-icon", + "label": { + "text": { + "zh_CN": "prev-icon" + } + }, + "description": { + "zh_CN": "上一页的图标， 比 prev-text 优先级更高" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "next-text", + "label": { + "text": { + "zh_CN": "next-text" + } + }, + "description": { + "zh_CN": "替代图标显示的下一页文字" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "next-icon", + "label": { + "text": { + "zh_CN": "next-icon" + } + }, + "description": { + "zh_CN": "下一页的图标， 比 next-text 优先级更低" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用分页" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将下拉菜单teleport至 body" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-on-single-page", + "label": { + "text": { + "zh_CN": "hide-on-single-page" + } + }, + "description": { + "zh_CN": "只有一页时是否隐藏" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义内容 设置文案，需要在 layout 中列出 slot" + } + } + } + } + }, + { + "id": 45, + "version": "2.7.8", + "name": { + "zh_CN": "进度条" + }, + "component": "ElProgress", + "icon": "progress", + "description": "用于展示操作进度，告知用户当前状态和预期。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElProgress" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "percentage", + "label": { + "text": { + "zh_CN": "percentage" + } + }, + "description": { + "zh_CN": "percentage" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "进度条类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "stroke-width", + "label": { + "text": { + "zh_CN": "stroke-width" + } + }, + "description": { + "zh_CN": "进度条的宽度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "text-inside", + "label": { + "text": { + "zh_CN": "text-inside" + } + }, + "description": { + "zh_CN": "进度条显示文字内置在进度条内（仅 type 为 'line' 时可用）" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "status", + "label": { + "text": { + "zh_CN": "status" + } + }, + "description": { + "zh_CN": "进度条当前状态" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "indeterminate", + "label": { + "text": { + "zh_CN": "indeterminate" + } + }, + "description": { + "zh_CN": "是否为动画进度条" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "duration", + "label": { + "text": { + "zh_CN": "duration" + } + }, + "description": { + "zh_CN": "控制动画进度条速度和条纹进度条流动速度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } + }, + "description": { + "zh_CN": "进度条背景色 （会覆盖 status 状态颜色）" + }, + "type": "string / function / Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "环形进度条画布宽度（只在 type 为 circle 或 dashboard 时可用）" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-text", + "label": { + "text": { + "zh_CN": "show-text" + } + }, + "description": { + "zh_CN": "是否显示进度条文字内容" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "stroke-linecap", + "label": { + "text": { + "zh_CN": "stroke-linecap" + } + }, + "description": { + "zh_CN": "circle/dashboard 类型路径两端的形状" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format", + "label": { + "text": { + "zh_CN": "format" + } + }, + "description": { + "zh_CN": "指定进度条文字内容" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "striped", + "label": { + "text": { + "zh_CN": "striped" + } + }, + "description": { + "zh_CN": "在进度条上增加条纹" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "striped-flow", + "label": { + "text": { + "zh_CN": "striped-flow" + } + }, + "description": { + "zh_CN": "让进度条上的条纹流动起来" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义内容" + }, + "subTag": "object" + } + } + } + }, + { + "id": 46, + "version": "2.7.8", + "name": { + "zh_CN": "结果" + }, + "component": "ElResult", + "icon": "result", + "description": "用于对用户的操作结果或者异常状态做反馈。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElResult" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "result 组件的标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sub-title", + "label": { + "text": { + "zh_CN": "sub-title" + } + }, + "description": { + "zh_CN": "result 组件的副标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "result 组件的图标类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "icon 内容" + } + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "result title 的内容" + } + }, + "sub-title": { + "label": { + "zh_CN": "sub-title" + }, + "description": { + "zh_CN": "sub title 的内容" + } + }, + "extra": { + "label": { + "zh_CN": "extra" + }, + "description": { + "zh_CN": "内容额外区域的内容" + } + } + } + } + }, + { + "id": 47, + "version": "2.7.8", + "name": { + "zh_CN": "骨架屏" + }, + "component": "ElSkeleton", + "icon": "skeleton", + "description": "在需要等待加载内容的位置设置一个骨架屏，某些场景下比 Loading 的视觉效果更好。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElSkeleton" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Skeleton 属性 ​" + }, + "description": { + "zh_CN": "Skeleton 属性 ​" + }, + "content": [ + { + "property": "animated", + "label": { + "text": { + "zh_CN": "animated" + } + }, + "description": { + "zh_CN": "是否使用动画" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "count", + "label": { + "text": { + "zh_CN": "count" + } + }, + "description": { + "zh_CN": "渲染多少个 template, 建议使用尽可能小的数字" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否显示加载结束后的 DOM 结构" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "rows", + "label": { + "text": { + "zh_CN": "rows" + } + }, + "description": { + "zh_CN": "骨架屏段落数量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "throttle", + "label": { + "text": { + "zh_CN": "throttle" + } + }, + "description": { + "zh_CN": "渲染延迟（以毫秒为单位）" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "SkeletonItem 属性 ​" + }, + "description": { + "zh_CN": "SkeletonItem 属性 ​" + }, + "content": [ + { + "property": "variant", + "label": { + "text": { + "zh_CN": "variant" + } + }, + "description": { + "zh_CN": "当前渲染 skeleton 类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "真正渲染的DOM" + }, + "subTag": "object" + }, + "template": { + "label": { + "zh_CN": "template" + }, + "description": { + "zh_CN": "渲染 skeleton 模板的内容" + }, + "subTag": "object" + } + } + } + }, + { + "id": 48, + "version": "2.7.8", + "name": { + "zh_CN": "表格" + }, + "component": "ElTable", + "icon": "table", + "description": "用于展示多条结构类似的数据， 可对数据进行排序、筛选、对比或其他自定义操作。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTable" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Table 属性 ​" + }, + "description": { + "zh_CN": "Table 属性 ​" + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "表数据" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "table 的高度。 默认为自动高度。 如果 height 为 number 类型，单位 px；如果 height 为 string 类型，则这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "max-height" + } + }, + "description": { + "zh_CN": "table 的最大高度。 合法的值为数字或者单位为 px 的高度。" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "stripe", + "label": { + "text": { + "zh_CN": "stripe" + } + }, + "description": { + "zh_CN": "是否为斑马纹 table" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "border" + } + }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "type": ":::", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Table 的尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fit", + "label": { + "text": { + "zh_CN": "fit" + } + }, + "description": { + "zh_CN": "列的宽度是否自撑开" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-header", + "label": { + "text": { + "zh_CN": "show-header" + } + }, + "description": { + "zh_CN": "是否显示表头" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "highlight-current-row", + "label": { + "text": { + "zh_CN": "highlight-current-row" + } + }, + "description": { + "zh_CN": "是否要高亮当前行" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "current-row-key", + "label": { + "text": { + "zh_CN": "current-row-key" + } + }, + "description": { + "zh_CN": "当前行的 key，只写属性" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-class-name", + "label": { + "text": { + "zh_CN": "row-class-name" + } + }, + "description": { + "zh_CN": "行的 className 的回调方法，也可以使用字符串为所有行设置一个固定的 className。" + }, + "type": "Function / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-style", + "label": { + "text": { + "zh_CN": "row-style" + } + }, + "description": { + "zh_CN": "行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。" + }, + "type": "Function / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cell-class-name", + "label": { + "text": { + "zh_CN": "cell-class-name" + } + }, + "description": { + "zh_CN": "单元格的 className 的回调方法，也可以使用字符串为所有单元格设置一个固定的 className。" + }, + "type": "Function / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cell-style", + "label": { + "text": { + "zh_CN": "cell-style" + } + }, + "description": { + "zh_CN": "单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。" + }, + "type": "Function / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-row-class-name", + "label": { + "text": { + "zh_CN": "header-row-class-name" + } + }, + "description": { + "zh_CN": "表头行的 className 的回调方法，也可以使用字符串为所有表头行设置一个固定的 className。" + }, + "type": "Function / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-row-style", + "label": { + "text": { + "zh_CN": "header-row-style" + } + }, + "description": { + "zh_CN": "表头行的 style 的回调方法，也可以使用一个固定的 Object 为所有表头行设置一样的 Style。" + }, + "type": "Function / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-cell-class-name", + "label": { + "text": { + "zh_CN": "header-cell-class-name" + } + }, + "description": { + "zh_CN": "表头单元格的 className 的回调方法，也可以使用字符串为所有表头单元格设置一个固定的 className。" + }, + "type": "Function / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-cell-style", + "label": { + "text": { + "zh_CN": "header-cell-style" + } + }, + "description": { + "zh_CN": "表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。" + }, + "type": "Function / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-key", + "label": { + "text": { + "zh_CN": "row-key" + } + }, + "description": { + "zh_CN": "行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。" + }, + "type": "function / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-text", + "label": { + "text": { + "zh_CN": "empty-text" + } + }, + "description": { + "zh_CN": "空数据时显示的文本内容， 也可以通过 #empty 设置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-expand-all", + "label": { + "text": { + "zh_CN": "default-expand-all" + } + }, + "description": { + "zh_CN": "是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expand-row-keys", + "label": { + "text": { + "zh_CN": "expand-row-keys" + } + }, + "description": { + "zh_CN": "可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-sort", + "label": { + "text": { + "zh_CN": "default-sort" + } + }, + "description": { + "zh_CN": "默认的排序列的 prop 和顺序。 它的 prop 属性指定默认的排序的列，order 指定默认排序的顺序" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tooltip-effect", + "label": { + "text": { + "zh_CN": "tooltip-effect" + } + }, + "description": { + "zh_CN": "溢出的 tooltip 的 effect" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tooltip-options", + "label": { + "text": { + "zh_CN": "tooltip-options" + } + }, + "description": { + "zh_CN": "溢出 tooltip 的选项，参见下述 tooltip 组件" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-summary", + "label": { + "text": { + "zh_CN": "show-summary" + } + }, + "description": { + "zh_CN": "是否在表尾显示合计行" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sum-text", + "label": { + "text": { + "zh_CN": "sum-text" + } + }, + "description": { + "zh_CN": "显示摘要行第一列的文本" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "summary-method", + "label": { + "text": { + "zh_CN": "summary-method" + } + }, + "description": { + "zh_CN": "自定义的合计计算方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "span-method", + "label": { + "text": { + "zh_CN": "span-method" + } + }, + "description": { + "zh_CN": "合并行或列的计算方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "select-on-indeterminate", + "label": { + "text": { + "zh_CN": "select-on-indeterminate" + } + }, + "description": { + "zh_CN": "在多选表格中，当仅有部分行被选中时，点击表头的多选框时的行为。 若为 true，则选中所有行；若为 false，则取消选择所有行" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "indent", + "label": { + "text": { + "zh_CN": "indent" + } + }, + "description": { + "zh_CN": "展示树形数据时，树节点的缩进" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "lazy", + "label": { + "text": { + "zh_CN": "lazy" + } + }, + "description": { + "zh_CN": "是否懒加载子节点数据" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "load", + "label": { + "text": { + "zh_CN": "load" + } + }, + "description": { + "zh_CN": "加载子节点数据的函数，lazy 为 true 时生效" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tree-props", + "label": { + "text": { + "zh_CN": "tree-props" + } + }, + "description": { + "zh_CN": "渲染嵌套数据的配置选项" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "table-layout", + "label": { + "text": { + "zh_CN": "table-layout" + } + }, + "description": { + "zh_CN": "设置表格单元、行和列的布局方式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scrollbar-always-on", + "label": { + "text": { + "zh_CN": "scrollbar-always-on" + } + }, + "description": { + "zh_CN": "总是显示滚动条" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-overflow-tooltip", + "label": { + "text": { + "zh_CN": "show-overflow-tooltip" + } + }, + "description": { + "zh_CN": "是否隐藏额外内容并在单元格悬停时使用 Tooltip 显示它们。这将影响全部列的展示，详请参考tooltip-options" + }, + "type": "boolean / object 2.3.7", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "flexible", + "label": { + "text": { + "zh_CN": "flexible" + } + }, + "description": { + "zh_CN": "确保主轴的最小尺寸，以便不超过内容" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Table-column 属性 ​" + }, + "description": { + "zh_CN": "Table-column 属性 ​" + }, + "content": [ + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "index", + "label": { + "text": { + "zh_CN": "index" + } + }, + "description": { + "zh_CN": "如果设置了 type=index，可以通过传递 index 属性来自定义索引" + }, + "type": "number / Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "显示的标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "column-key", + "label": { + "text": { + "zh_CN": "column-key" + } + }, + "description": { + "zh_CN": "column 的 key， column 的 key， 如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prop", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "zh_CN": "字段名称 对应列内容的字段名， 也可以使用 property属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "对应列的宽度" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "min-width", + "label": { + "text": { + "zh_CN": "min-width" + } + }, + "description": { + "zh_CN": "对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fixed", + "label": { + "text": { + "zh_CN": "fixed" + } + }, + "description": { + "zh_CN": "列是否固定在左侧或者右侧。 true 表示固定在左侧" + }, + "type": "enum / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "render-header", + "label": { + "text": { + "zh_CN": "render-header" + } + }, + "description": { + "zh_CN": "列标题 Label 区域渲染使用的 Function" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sortable", + "label": { + "text": { + "zh_CN": "sortable" + } + }, + "description": { + "zh_CN": "对应列是否可以排序， 如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件" + }, + "type": "boolean / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sort-method", + "label": { + "text": { + "zh_CN": "sort-method" + } + }, + "description": { + "zh_CN": "指定数据按照哪个属性进行排序，仅当sortable设置为true的时候有效。 应该如同 Array.sort 那样返回一个 Number" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sort-by", + "label": { + "text": { + "zh_CN": "sort-by" + } + }, + "description": { + "zh_CN": "指定数据按照哪个属性进行排序，仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组，则先按照第 1 个属性排序，如果第 1 个相等，再按照第 2 个排序，以此类推" + }, + "type": "Function / string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sort-orders", + "label": { + "text": { + "zh_CN": "sort-orders" + } + }, + "description": { + "zh_CN": "数据在排序时所使用排序策略的轮转顺序，仅当 sortable 为 true 时有效。 需传入一个数组，随着用户点击表头，该列依次按照数组中元素的顺序进行排序" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "resizable", + "label": { + "text": { + "zh_CN": "resizable" + } + }, + "description": { + "zh_CN": "对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "formatter", + "label": { + "text": { + "zh_CN": "formatter" + } + }, + "description": { + "zh_CN": "用来格式化内容" + }, + "type": "function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-overflow-tooltip", + "label": { + "text": { + "zh_CN": "show-overflow-tooltip" + } + }, + "description": { + "zh_CN": "当内容过长被隐藏时显示 tooltip" + }, + "type": "boolean / object 2.2.28", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "align", + "label": { + "text": { + "zh_CN": "align" + } + }, + "description": { + "zh_CN": "对齐方式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-align", + "label": { + "text": { + "zh_CN": "header-align" + } + }, + "description": { + "zh_CN": "表头对齐方式， 若不设置该项，则使用表格的对齐方式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "class-name", + "label": { + "text": { + "zh_CN": "class-name" + } + }, + "description": { + "zh_CN": "列的 className" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "label-class-name", + "label": { + "text": { + "zh_CN": "label-class-name" + } + }, + "description": { + "zh_CN": "当前列标题的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "selectable", + "label": { + "text": { + "zh_CN": "selectable" + } + }, + "description": { + "zh_CN": "仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "reserve-selection", + "label": { + "text": { + "zh_CN": "reserve-selection" + } + }, + "description": { + "zh_CN": "数据刷新后是否保留选项，仅对 type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filters", + "label": { + "text": { + "zh_CN": "filters" + } + }, + "description": { + "zh_CN": "数据过滤的选项， 数组格式，数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性。" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-placement", + "label": { + "text": { + "zh_CN": "filter-placement" + } + }, + "description": { + "zh_CN": "过滤弹出框的定位" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-class-name", + "label": { + "text": { + "zh_CN": "filter-class-name" + } + }, + "description": { + "zh_CN": "过滤弹出框的 className" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-multiple", + "label": { + "text": { + "zh_CN": "filter-multiple" + } + }, + "description": { + "zh_CN": "数据过滤的选项是否多选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-method", + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "zh_CN": "数据过滤使用的方法， 如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示。" + }, + "type": "function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filtered-value", + "label": { + "text": { + "zh_CN": "filtered-value" + } + }, + "description": { + "zh_CN": "选中的数据过滤项，如果需要自定义表头过滤的渲染方式，可能会需要此属性。" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义列的内容" + }, + "subTag": "object" + }, + "append": { + "label": { + "zh_CN": "append" + }, + "description": { + "zh_CN": "插入至表格最后一行之后的内容， 如果需要对表格的内容进行无限滚动操作，可能需要用到这个 slot。 若表格有合计行，该 slot 会位于合计行之上。" + }, + "subTag": "—" + }, + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "当数据为空时自定义的内容" + }, + "subTag": "—" + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "自定义表头的内容，" + }, + "subTag": "object" + }, + "filter-icon 2.7.8": { + "label": { + "zh_CN": "filter-icon 2.7.8" + }, + "description": { + "zh_CN": "自定义 filter 图标" + }, + "subTag": "object" + } + } + } + }, + { + "id": 49, + "version": "2.7.8", + "name": { + "zh_CN": "Table 虚拟化表格2.2.0" + }, + "component": "ElVirtualized", + "icon": "virtualized", + "description": "在前端开发领域，表格一直都是一个高频出现的组件，尤其是在中后台和数据分析场景。 但是，对于 Table V1来说，当一屏里超过 1000 条数据记录时，就会出现卡顿等性能问题，体验不是很好。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElVirtualized" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "TableV2 属性 ​" + }, + "description": { + "zh_CN": "TableV2 属性 ​" + }, + "content": [ + { + "property": "cache", + "label": { + "text": { + "zh_CN": "cache" + } + }, + "description": { + "zh_CN": "为了更好的渲染效果预先多加载的行数" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "estimated-row-height", + "label": { + "text": { + "zh_CN": "estimated-row-height" + } + }, + "description": { + "zh_CN": "渲染动态的单元格的预估高度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-class", + "label": { + "text": { + "zh_CN": "header-class" + } + }, + "description": { + "zh_CN": "header 部分的自定义 class 名" + }, + "type": "String/Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-props", + "label": { + "text": { + "zh_CN": "header-props" + } + }, + "description": { + "zh_CN": "header 部分的自定义 props 名" + }, + "type": "Object/Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-cell-props", + "label": { + "text": { + "zh_CN": "header-cell-props" + } + }, + "description": { + "zh_CN": "header cell 部分的自定义 props 名" + }, + "type": "Object/Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-height", + "label": { + "text": { + "zh_CN": "header-height" + } + }, + "description": { + "zh_CN": "Header 的高度由height设置。 如果传入数组，它会使 header row 等于数组长度" + }, + "type": "Number/Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "footer-height", + "label": { + "text": { + "zh_CN": "footer-height" + } + }, + "description": { + "zh_CN": "Footer 部分的高度，当传入值时，这部分将被计算入 table 的高度里" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-class", + "label": { + "text": { + "zh_CN": "row-class" + } + }, + "description": { + "zh_CN": "row wrapper 部分的自定义 class 名" + }, + "type": "String/Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-key", + "label": { + "text": { + "zh_CN": "row-key" + } + }, + "description": { + "zh_CN": "每行的 key 值，如果不提供，将使用索引 index 代替" + }, + "type": "String/Symbol/Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-props", + "label": { + "text": { + "zh_CN": "row-props" + } + }, + "description": { + "zh_CN": "row component 部分的自定义 class 名" + }, + "type": "Object/Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "row-height", + "label": { + "text": { + "zh_CN": "row-height" + } + }, + "description": { + "zh_CN": "每行的高度, 用于计算表的总高度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cell-props", + "label": { + "text": { + "zh_CN": "cell-props" + } + }, + "description": { + "zh_CN": "每个单元格 cell 的自定义 props (除了 header cell 以外)" + }, + "type": "Object/Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "columns", + "label": { + "text": { + "zh_CN": "columns" + } + }, + "description": { + "zh_CN": "列 column 的配置数组" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "要在表中渲染的数据数组" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "data-getter", + "label": { + "text": { + "zh_CN": "data-getter" + } + }, + "description": { + "zh_CN": "一个自定义方法从数据源获取数据" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fixed-data", + "label": { + "text": { + "zh_CN": "fixed-data" + } + }, + "description": { + "zh_CN": "渲染行在表格主内容上方和 header 下方区域的数据" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expand-column-key", + "label": { + "text": { + "zh_CN": "expand-column-key" + } + }, + "description": { + "zh_CN": "列的 key 来标记哪个行可以被展开" + }, + "type": "String", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expanded-row-keys", + "label": { + "text": { + "zh_CN": "expanded-row-keys" + } + }, + "description": { + "zh_CN": "存放行展开状态的 key 的数组，可以和 v-model 搭配使用" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-expanded-row-keys", + "label": { + "text": { + "zh_CN": "default-expanded-row-keys" + } + }, + "description": { + "zh_CN": "默认展开的行的 key 的数组, 这个数据不是响应式的" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "class", + "label": { + "text": { + "zh_CN": "class" + } + }, + "description": { + "zh_CN": "表格的类名称，将应用于表格的全部的三个部分 (左、右、主)" + }, + "type": "String/Array/Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fixed", + "label": { + "text": { + "zh_CN": "fixed" + } + }, + "description": { + "zh_CN": "单元格宽度是自适应还是固定" + }, + "type": "Boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "表格的宽度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "表格的高度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "max-height" + } + }, + "description": { + "zh_CN": "表格的最大高度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "h-scrollbar-size", + "label": { + "text": { + "zh_CN": "h-scrollbar-size" + } + }, + "description": { + "zh_CN": "配置表格的水平滚动条大小，防止水平和垂直滚动条重叠。" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "v-scrollbar-size", + "label": { + "text": { + "zh_CN": "v-scrollbar-size" + } + }, + "description": { + "zh_CN": "配置表格的垂直滚动条大小，防止水平和垂直滚动条重叠。" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scrollbar-always-on", + "label": { + "text": { + "zh_CN": "scrollbar-always-on" + } + }, + "description": { + "zh_CN": "如果开启，滚动条将一直显示，反之只会在鼠标经过时显示。" + }, + "type": "Boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sort-by", + "label": { + "text": { + "zh_CN": "sort-by" + } + }, + "description": { + "zh_CN": "排序方式" + }, + "type": "Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sort-state", + "label": { + "text": { + "zh_CN": "sort-state" + } + }, + "description": { + "zh_CN": "多个排序" + }, + "type": "Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Column 属性 ​" + }, + "description": { + "zh_CN": "Column 属性 ​" + }, + "content": [ + { + "property": "align", + "label": { + "text": { + "zh_CN": "align" + } + }, + "description": { + "zh_CN": "表格单元格内容对齐方式" + }, + "type": "Alignment", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "class", + "label": { + "text": { + "zh_CN": "class" + } + }, + "description": { + "zh_CN": "列的类名" + }, + "type": "String", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fixed", + "label": { + "text": { + "zh_CN": "fixed" + } + }, + "description": { + "zh_CN": "固定列位置" + }, + "type": "Boolean/FixedDir", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "flexGrow", + "label": { + "text": { + "zh_CN": "flexGrow" + } + }, + "description": { + "zh_CN": "CSS 属性 flex grow, 仅当不是固定表时才生效" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "flexShrink", + "label": { + "text": { + "zh_CN": "flexShrink" + } + }, + "description": { + "zh_CN": "CSS 属性 flex shrink, 仅当不是固定表时才生效" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "headerClass", + "label": { + "text": { + "zh_CN": "headerClass" + } + }, + "description": { + "zh_CN": "自定义 header 头部类名" + }, + "type": "String", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hidden", + "label": { + "text": { + "zh_CN": "hidden" + } + }, + "description": { + "zh_CN": "此列是否不可见" + }, + "type": "Boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "style", + "label": { + "text": { + "zh_CN": "style" + } + }, + "description": { + "zh_CN": "自定义列单元格的类名，将会与 gird 单元格合并" + }, + "type": "CSSProperties", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "sortable", + "label": { + "text": { + "zh_CN": "sortable" + } + }, + "description": { + "zh_CN": "设置列是否可排序" + }, + "type": "Boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "Header 头部单元格中的默认文本" + }, + "type": "String", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "maxWidth", + "label": { + "text": { + "zh_CN": "maxWidth" + } + }, + "description": { + "zh_CN": "列的最大宽度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "minWidth", + "label": { + "text": { + "zh_CN": "minWidth" + } + }, + "description": { + "zh_CN": "列的最小宽度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "列宽度" + }, + "type": "Number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cellRenderer", + "label": { + "text": { + "zh_CN": "cellRenderer" + } + }, + "description": { + "zh_CN": "自定义单元格渲染器" + }, + "type": "VueComponent/(props: CellRenderProps) => VNode", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "headerCellRenderer", + "label": { + "text": { + "zh_CN": "headerCellRenderer" + } + }, + "description": { + "zh_CN": "自定义头部渲染器" + }, + "type": "VueComponent/(props: HeaderRenderProps) => VNode", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "cell": { + "label": { + "zh_CN": "cell" + }, + "description": { + "zh_CN": "CellSlotProps" + } + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "HeaderSlotProps" + } + }, + "header-cell": { + "label": { + "zh_CN": "header-cell" + }, + "description": { + "zh_CN": "HeaderCellSlotProps" + } + }, + "row": { + "label": { + "zh_CN": "row" + }, + "description": { + "zh_CN": "RowSlotProps" + } + }, + "footer": { + "label": { + "zh_CN": "footer" + }, + "description": { + "zh_CN": "—" + } + }, + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "—" + } + }, + "overlay": { + "label": { + "zh_CN": "overlay" + }, + "description": { + "zh_CN": "—" + } + } + } + } + }, + { + "id": 50, + "version": "2.7.8", + "name": { + "zh_CN": "标签" + }, + "component": "ElTag", + "icon": "tag", + "description": "用于标记和选择。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTag" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Tag Attributes ​" + }, + "description": { + "zh_CN": "Tag Attributes ​" + }, + "content": [ + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "Tag 的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "closable", + "label": { + "text": { + "zh_CN": "closable" + } + }, + "description": { + "zh_CN": "是否可关闭" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disable-transitions", + "label": { + "text": { + "zh_CN": "disable-transitions" + } + }, + "description": { + "zh_CN": "是否禁用渐变动画" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hit", + "label": { + "text": { + "zh_CN": "hit" + } + }, + "description": { + "zh_CN": "是否有边框描边" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } + }, + "description": { + "zh_CN": "背景色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Tag 的尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "Tag 的主题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "round", + "label": { + "text": { + "zh_CN": "round" + } + }, + "description": { + "zh_CN": "Tag 是否为圆形" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "CheckTag Attributes ​" + }, + "description": { + "zh_CN": "CheckTag Attributes ​" + }, + "content": [ + { + "property": "checked", + "label": { + "text": { + "zh_CN": "checked" + } + }, + "description": { + "zh_CN": "是否选中" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "CheckTag 类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 51, + "version": "2.7.8", + "name": { + "zh_CN": "时间线" + }, + "component": "ElTimeline", + "icon": "timeline", + "description": "可视化地呈现时间流信息。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTimeline" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Timeline-Item Attributes ​" + }, + "description": { + "zh_CN": "Timeline-Item Attributes ​" + }, + "content": [ + { + "property": "timestamp", + "label": { + "text": { + "zh_CN": "timestamp" + } + }, + "description": { + "zh_CN": "时间戳" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-timestamp", + "label": { + "text": { + "zh_CN": "hide-timestamp" + } + }, + "description": { + "zh_CN": "是否隐藏时间戳" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "center", + "label": { + "text": { + "zh_CN": "center" + } + }, + "description": { + "zh_CN": "是否垂直居中" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "时间戳位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "节点类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } + }, + "description": { + "zh_CN": "节点颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "节点尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "自定义图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hollow", + "label": { + "text": { + "zh_CN": "hollow" + } + }, + "description": { + "zh_CN": "是否空心点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "customize default content for timeline item" + } + }, + "dot": { + "label": { + "zh_CN": "dot" + }, + "description": { + "zh_CN": "customize defined node for timeline item" + } + } + } + } + }, + { + "id": 52, + "version": "2.7.8", + "name": { + "zh_CN": "漫游式引导2.5.0" + }, + "component": "ElTour", + "icon": "tour", + "description": "用于分步引导用户了解产品功能的气泡组件。 用来引导用户并介绍产品", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTour" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Tour 属性 ​" + }, + "description": { + "zh_CN": "Tour 属性 ​" + }, + "content": [ + { + "property": "show-arrow", + "label": { + "text": { + "zh_CN": "show-arrow" + } + }, + "description": { + "zh_CN": "是否显示箭头" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "引导卡片相对于目标元素的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content-style", + "label": { + "text": { + "zh_CN": "content-style" + } + }, + "description": { + "zh_CN": "为content自定义样式" + }, + "type": "CSSProperties", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "mask", + "label": { + "text": { + "zh_CN": "mask" + } + }, + "description": { + "zh_CN": "是否启用遮罩，通过自定义属性改变遮罩样式以及填充的颜色" + }, + "type": "boolean | Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型，影响底色与文字颜色" + }, + "type": "default | primary", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "打开引导" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "current", + "label": { + "text": { + "zh_CN": "current" + } + }, + "description": { + "zh_CN": "当前值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scroll-into-view-options", + "label": { + "text": { + "zh_CN": "scroll-into-view-options" + } + }, + "description": { + "zh_CN": "是否支持当前元素滚动到视窗内，也可传入配置指定滚动视窗的相关参数" + }, + "type": "boolean | ScrollIntoViewOptions", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "z-index", + "label": { + "text": { + "zh_CN": "z-index" + } + }, + "description": { + "zh_CN": "Tour 的层级" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-close", + "label": { + "text": { + "zh_CN": "show-close" + } + }, + "description": { + "zh_CN": "是否显示关闭按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-icon", + "label": { + "text": { + "zh_CN": "close-icon" + } + }, + "description": { + "zh_CN": "自定义关闭图标，默认Close" + }, + "type": "string | Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-press-escape", + "label": { + "text": { + "zh_CN": "close-on-press-escape" + } + }, + "description": { + "zh_CN": "是否可以通过按下 ESC 关闭引导" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "target-area-clickable", + "label": { + "text": { + "zh_CN": "target-area-clickable" + } + }, + "description": { + "zh_CN": "启用蒙层时，target 元素区域是否可以点击。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "TourStep 属性 ​" + }, + "description": { + "zh_CN": "TourStep 属性 ​" + }, + "content": [ + { + "property": "target", + "label": { + "text": { + "zh_CN": "target" + } + }, + "description": { + "zh_CN": "获取引导卡片指向的元素， 为空时居中于屏幕。 自2.5.2以来支持字符串和函数类型。 字符串类型是文档.querySelector的选择器。" + }, + "type": "HTMLElement | string | Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-arrow", + "label": { + "text": { + "zh_CN": "show-arrow" + } + }, + "description": { + "zh_CN": "是否显示箭头" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "description", + "label": { + "text": { + "zh_CN": "description" + } + }, + "description": { + "zh_CN": "主要描述部分" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "引导卡片相对于目标元素的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content-style", + "label": { + "text": { + "zh_CN": "content-style" + } + }, + "description": { + "zh_CN": "为content自定义样式" + }, + "type": "CSSProperties", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "mask", + "label": { + "text": { + "zh_CN": "mask" + } + }, + "description": { + "zh_CN": "是否启用蒙层，也可传入配置改变蒙层样式和填充色" + }, + "type": "boolean | Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型，影响底色与文字颜色" + }, + "type": "default | primary", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "next-button-props", + "label": { + "text": { + "zh_CN": "next-button-props" + } + }, + "description": { + "zh_CN": "“下一步”按钮的属性" + }, + "type": "Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prev-button-props", + "label": { + "text": { + "zh_CN": "prev-button-props" + } + }, + "description": { + "zh_CN": "“上一步”按钮的属性" + }, + "type": "Object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "scroll-into-view-options", + "label": { + "text": { + "zh_CN": "scroll-into-view-options" + } + }, + "description": { + "zh_CN": "是否支持当前元素滚动到视窗内，也可传入配置指定滚动视窗的相关参数，默认跟随 Tour 的 scrollIntoViewOptions 属性" + }, + "type": "boolean | ScrollIntoViewOptions", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-close", + "label": { + "text": { + "zh_CN": "show-close" + } + }, + "description": { + "zh_CN": "是否显示关闭按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-icon", + "label": { + "text": { + "zh_CN": "close-icon" + } + }, + "description": { + "zh_CN": "自定义关闭图标，默认Close" + }, + "type": "string | Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "主要描述部分" + } + }, + "indicators": { + "label": { + "zh_CN": "indicators" + }, + "description": { + "zh_CN": "自定义指示器, scope 参数是 { current, total }" + } + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "头部" + } + } + } + } + }, + { + "id": 53, + "version": "2.7.8", + "name": { + "zh_CN": "树形控件" + }, + "component": "ElTree", + "icon": "tree", + "description": "用清晰的层级结构展示信息，可展开或折叠。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTree" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "展示数据" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-text", + "label": { + "text": { + "zh_CN": "empty-text" + } + }, + "description": { + "zh_CN": "内容为空的时候展示的文本" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "node-key", + "label": { + "text": { + "zh_CN": "node-key" + } + }, + "description": { + "zh_CN": "每个树节点用来作为唯一标识的属性，整棵树应该是唯一的" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "props", + "label": { + "text": { + "zh_CN": "props" + } + }, + "description": { + "zh_CN": "配置选项，具体看下表" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "render-after-expand", + "label": { + "text": { + "zh_CN": "render-after-expand" + } + }, + "description": { + "zh_CN": "是否在第一次展开某个树节点后才渲染其子节点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "load", + "label": { + "text": { + "zh_CN": "load" + } + }, + "description": { + "zh_CN": "加载子树数据的方法，仅当 lazy 属性为true 时生效" + }, + "type": "function(node, resolve, reject)", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "render-content", + "label": { + "text": { + "zh_CN": "render-content" + } + }, + "description": { + "zh_CN": "树节点的内容区的渲染 Function" + }, + "type": "Function(h, { node, data, store })", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "highlight-current", + "label": { + "text": { + "zh_CN": "highlight-current" + } + }, + "description": { + "zh_CN": "是否高亮当前选中节点，默认值是 false。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-expand-all", + "label": { + "text": { + "zh_CN": "default-expand-all" + } + }, + "description": { + "zh_CN": "是否默认展开所有节点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expand-on-click-node", + "label": { + "text": { + "zh_CN": "expand-on-click-node" + } + }, + "description": { + "zh_CN": "是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "check-on-click-node", + "label": { + "text": { + "zh_CN": "check-on-click-node" + } + }, + "description": { + "zh_CN": "是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "auto-expand-parent", + "label": { + "text": { + "zh_CN": "auto-expand-parent" + } + }, + "description": { + "zh_CN": "展开子节点的时候是否自动展开父节点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-expanded-keys", + "label": { + "text": { + "zh_CN": "default-expanded-keys" + } + }, + "description": { + "zh_CN": "默认展开的节点的 key 的数组" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-checkbox", + "label": { + "text": { + "zh_CN": "show-checkbox" + } + }, + "description": { + "zh_CN": "节点是否可被选择" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "check-strictly", + "label": { + "text": { + "zh_CN": "check-strictly" + } + }, + "description": { + "zh_CN": "在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-checked-keys", + "label": { + "text": { + "zh_CN": "default-checked-keys" + } + }, + "description": { + "zh_CN": "默认勾选的节点的 key 的数组" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "current-node-key", + "label": { + "text": { + "zh_CN": "current-node-key" + } + }, + "description": { + "zh_CN": "当前选中的节点" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-node-method", + "label": { + "text": { + "zh_CN": "filter-node-method" + } + }, + "description": { + "zh_CN": "对树节点进行筛选时执行的方法， 返回 false 则表示这个节点会被隐藏" + }, + "type": "Function(value, data, node)", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "accordion", + "label": { + "text": { + "zh_CN": "accordion" + } + }, + "description": { + "zh_CN": "是否每次只打开一个同级树节点展开" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "indent", + "label": { + "text": { + "zh_CN": "indent" + } + }, + "description": { + "zh_CN": "相邻级节点间的水平缩进，单位为像素" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "自定义树节点图标组件" + }, + "type": "string | Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "lazy", + "label": { + "text": { + "zh_CN": "lazy" + } + }, + "description": { + "zh_CN": "是否懒加载子节点，需与 load 方法结合使用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "draggable", + "label": { + "text": { + "zh_CN": "draggable" + } + }, + "description": { + "zh_CN": "是否开启拖拽节点功能" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "allow-drag", + "label": { + "text": { + "zh_CN": "allow-drag" + } + }, + "description": { + "zh_CN": "判断节点能否被拖拽 如果返回 false ，节点不能被拖动" + }, + "type": "Function(node)", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "allow-drop", + "label": { + "text": { + "zh_CN": "allow-drop" + } + }, + "description": { + "zh_CN": "拖拽时判定目标节点能否成为拖动目标位置。 如果返回 false ，拖动节点不能被拖放到目标节点。 type 参数有三种情况：'prev'、'inner' 和 'next'，分别表示放置在目标节点前、插入至目标节点和放置在目标节点后" + }, + "type": "Function(draggingNode, dropNode, type)", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "—": { + "label": { + "zh_CN": "—" + }, + "description": { + "zh_CN": "自定义树节点的内容， 自定义树节点的内容， 参数为 { node, data }" + } + }, + "empty 2.3.4": { + "label": { + "zh_CN": "empty 2.3.4" + }, + "description": { + "zh_CN": "当数据为空时自定义的内容" + } + } + } + } + }, + { + "id": 54, + "version": "2.7.8", + "name": { + "zh_CN": "Tree 虚拟化树形控件" + }, + "component": "ElVirtualized", + "icon": "virtualized", + "description": "不论你的数据量多大，虚拟树都能毫无压力地处理。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElVirtualized" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "TreeV2 属性 ​" + }, + "description": { + "zh_CN": "TreeV2 属性 ​" + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "展示数据" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "empty-text", + "label": { + "text": { + "zh_CN": "empty-text" + } + }, + "description": { + "zh_CN": "内容为空的时候展示的文本" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "props", + "label": { + "text": { + "zh_CN": "props" + } + }, + "description": { + "zh_CN": "配置选项，具体看下表" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "highlight-current", + "label": { + "text": { + "zh_CN": "highlight-current" + } + }, + "description": { + "zh_CN": "是否高亮当前选中节点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expand-on-click-node", + "label": { + "text": { + "zh_CN": "expand-on-click-node" + } + }, + "description": { + "zh_CN": "是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "check-on-click-node", + "label": { + "text": { + "zh_CN": "check-on-click-node" + } + }, + "description": { + "zh_CN": "是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-expanded-keys", + "label": { + "text": { + "zh_CN": "default-expanded-keys" + } + }, + "description": { + "zh_CN": "默认展开的节点的 key 的数组" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-checkbox", + "label": { + "text": { + "zh_CN": "show-checkbox" + } + }, + "description": { + "zh_CN": "节点是否可被选择" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "check-strictly", + "label": { + "text": { + "zh_CN": "check-strictly" + } + }, + "description": { + "zh_CN": "在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-checked-keys", + "label": { + "text": { + "zh_CN": "default-checked-keys" + } + }, + "description": { + "zh_CN": "默认勾选的节点的 key 的数组" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "current-node-key", + "label": { + "text": { + "zh_CN": "current-node-key" + } + }, + "description": { + "zh_CN": "当前选中的节点" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "filter-method", + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "zh_CN": "对树节点进行筛选时执行的方法，返回 true 表示这个节点可以显示， 返回 false 则表示这个节点会被隐藏" + }, + "type": "Function(value, data)", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "indent", + "label": { + "text": { + "zh_CN": "indent" + } + }, + "description": { + "zh_CN": "相邻级节点间的水平缩进，单位为像素" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "自定义树节点的图标" + }, + "type": "string | Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "item-size", + "label": { + "text": { + "zh_CN": "item-size" + } + }, + "description": { + "zh_CN": "自定义树节点的高度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "-": { + "label": { + "zh_CN": "-" + }, + "description": { + "zh_CN": "自定义树节点的内容。 作用域参数为 { node: TreeNode, data: TreeNodeData }" + } + } + } + } + }, + { + "id": 55, + "version": "2.7.8", + "name": { + "zh_CN": "统计组件2.2.30" + }, + "component": "ElStatistic", + "icon": "statistic", + "description": "显示统计数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElStatistic" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Statistic Attributes ​" + }, + "description": { + "zh_CN": "Statistic Attributes ​" + }, + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" + } + }, + "description": { + "zh_CN": "数字内容" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "decimal-separator", + "label": { + "text": { + "zh_CN": "decimal-separator" + } + }, + "description": { + "zh_CN": "设置小数点符号" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "formatter", + "label": { + "text": { + "zh_CN": "formatter" + } + }, + "description": { + "zh_CN": "自定义数字格式化" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "group-separator", + "label": { + "text": { + "zh_CN": "group-separator" + } + }, + "description": { + "zh_CN": "设置千分位标识符" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "precision", + "label": { + "text": { + "zh_CN": "precision" + } + }, + "description": { + "zh_CN": "数字精度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prefix", + "label": { + "text": { + "zh_CN": "prefix" + } + }, + "description": { + "zh_CN": "设置数字的前缀" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "suffix", + "label": { + "text": { + "zh_CN": "suffix" + } + }, + "description": { + "zh_CN": "设置数字的后缀" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "数字标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-style", + "label": { + "text": { + "zh_CN": "value-style" + } + }, + "description": { + "zh_CN": "数字样式" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Countdown 属性 ​" + }, + "description": { + "zh_CN": "Countdown 属性 ​" + }, + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" + } + }, + "description": { + "zh_CN": "目标时间" + }, + "type": "number / Dayjs", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "format", + "label": { + "text": { + "zh_CN": "format" + } + }, + "description": { + "zh_CN": "格式化倒计时" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "prefix", + "label": { + "text": { + "zh_CN": "prefix" + } + }, + "description": { + "zh_CN": "设置倒计时前缀" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "suffix", + "label": { + "text": { + "zh_CN": "suffix" + } + }, + "description": { + "zh_CN": "设置倒计时的后缀" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "倒计时标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "value-style", + "label": { + "text": { + "zh_CN": "value-style" + } + }, + "description": { + "zh_CN": "倒计时值的样式" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "prefix": { + "label": { + "zh_CN": "prefix" + }, + "description": { + "zh_CN": "倒计时值前缀" + } + }, + "suffix": { + "label": { + "zh_CN": "suffix" + }, + "description": { + "zh_CN": "倒计时后缀" + } + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "倒计时标题" + } + } + } + } + }, + { + "id": 56, + "version": "2.7.8", + "name": { + "zh_CN": "分段控制器2.7.0" + }, + "component": "ElSegmented", + "icon": "segmented", + "description": "用于展示多个选项并允许用户选择其中单个选项。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElSegmented" + }, + "group": "Data 数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "绑定值" + }, + "type": "string / number / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "options" + } + }, + "description": { + "zh_CN": "选项的数据" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "组件大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "block", + "label": { + "text": { + "zh_CN": "block" + } + }, + "description": { + "zh_CN": "撑满父元素宽度" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } + }, + "description": { + "zh_CN": "是否触发表单验证" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "原生 name 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "id", + "label": { + "text": { + "zh_CN": "id" + } + }, + "description": { + "zh_CN": "原生 id 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "原生 aria-label 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义 Option 模板" + } + } + } + } + }, + { + "id": 57, + "version": "2.7.8", + "name": { + "zh_CN": "固钉" + }, + "component": "ElAffix", + "icon": "affix", + "description": "将页面元素固定在特定可视区域。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElAffix" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } + }, + "description": { + "zh_CN": "偏移距离" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "position", + "label": { + "text": { + "zh_CN": "position" + } + }, + "description": { + "zh_CN": "固钉位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "target", + "label": { + "text": { + "zh_CN": "target" + } + }, + "description": { + "zh_CN": "指定容器（CSS 选择器）" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "z-index", + "label": { + "text": { + "zh_CN": "z-index" + } + }, + "description": { + "zh_CN": "z-index" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 58, + "version": "2.7.8", + "name": { + "zh_CN": "锚点2.6.0" + }, + "component": "ElAnchor", + "icon": "anchor", + "description": "通过锚点，您可以很快找到当前页面上信息内容的位置。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElAnchor" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Anchor Attributes ​" + }, + "description": { + "zh_CN": "Anchor Attributes ​" + }, + "content": [ + { + "property": "container", + "label": { + "text": { + "zh_CN": "container" + } + }, + "description": { + "zh_CN": "滚动的容器" + }, + "type": "string | HTMLElement | Window", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } + }, + "description": { + "zh_CN": "设置锚点滚动的偏移量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "bound", + "label": { + "text": { + "zh_CN": "bound" + } + }, + "description": { + "zh_CN": "触发锚点的元素的位置偏移量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "duration", + "label": { + "text": { + "zh_CN": "duration" + } + }, + "description": { + "zh_CN": "设置容器滚动持续时间，单位为毫秒。" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "marker", + "label": { + "text": { + "zh_CN": "marker" + } + }, + "description": { + "zh_CN": "是否显示标记" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "设置锚点类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "direction", + "label": { + "text": { + "zh_CN": "direction" + } + }, + "description": { + "zh_CN": "设置锚点方向" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "AnchorLink Attributes ​" + }, + "description": { + "zh_CN": "AnchorLink Attributes ​" + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "链接的文本内容。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "href", + "label": { + "text": { + "zh_CN": "href" + } + }, + "description": { + "zh_CN": "链接的地址。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "链接的内容" + } + }, + "sub-link": { + "label": { + "zh_CN": "sub-link" + }, + "description": { + "zh_CN": "子链接的槽位。" + } + } + } + } + }, + { + "id": 59, + "version": "2.7.8", + "name": { + "zh_CN": "回到顶部" + }, + "component": "ElBacktop", + "icon": "backtop", + "description": "返回页面顶部的操作按钮。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElBacktop" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "target", + "label": { + "text": { + "zh_CN": "target" + } + }, + "description": { + "zh_CN": "触发滚动的对象" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "visibility-height", + "label": { + "text": { + "zh_CN": "visibility-height" + } + }, + "description": { + "zh_CN": "滚动高度达到此参数值才出现" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "right", + "label": { + "text": { + "zh_CN": "right" + } + }, + "description": { + "zh_CN": "控制其显示位置，距离页面右边距" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "bottom", + "label": { + "text": { + "zh_CN": "bottom" + } + }, + "description": { + "zh_CN": "控制其显示位置，距离页面底部距离" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 60, + "version": "2.7.8", + "name": { + "zh_CN": "面包屑" + }, + "component": "ElBreadcrumb", + "icon": "breadcrumb", + "description": "显示当前页面的路径，快速返回之前的任意页面。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElBreadcrumb" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Breadcrumb Attributes ​" + }, + "description": { + "zh_CN": "Breadcrumb Attributes ​" + }, + "content": [ + { + "property": "separator", + "label": { + "text": { + "zh_CN": "separator" + } + }, + "description": { + "zh_CN": "分隔符" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "separator-icon", + "label": { + "text": { + "zh_CN": "separator-icon" + } + }, + "description": { + "zh_CN": "图标分隔符的组件或组件名" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "BreadcrumbItem Attributes ​" + }, + "description": { + "zh_CN": "BreadcrumbItem Attributes ​" + }, + "content": [ + { + "property": "to", + "label": { + "text": { + "zh_CN": "to" + } + }, + "description": { + "zh_CN": "路由跳转目标，同 vue-router 的 to 属性" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "replace", + "label": { + "text": { + "zh_CN": "replace" + } + }, + "description": { + "zh_CN": "如果设置该属性为 true, 导航将不会留下历史记录" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + } + } + } + }, + { + "id": 61, + "version": "2.7.8", + "name": { + "zh_CN": "下拉菜单" + }, + "component": "ElDropdown", + "icon": "dropdown", + "description": "将动作或菜单折叠到下拉菜单中。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDropdown" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Dropdown Attributes ​" + }, + "description": { + "zh_CN": "Dropdown Attributes ​" + }, + "content": [ + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "菜单按钮类型，同 Button 组件一样，仅在 split-button 为 true 的情况下有效。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "菜单尺寸，在 split-button 为 true 的情况下也对触发按钮生效。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "max-height" + } + }, + "description": { + "zh_CN": "菜单最大高度" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "split-button", + "label": { + "text": { + "zh_CN": "split-button" + } + }, + "description": { + "zh_CN": "下拉触发元素呈现为按钮组" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "菜单弹出位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "trigger" + } + }, + "description": { + "zh_CN": "触发下拉的行为" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-on-click", + "label": { + "text": { + "zh_CN": "hide-on-click" + } + }, + "description": { + "zh_CN": "是否在点击菜单项后隐藏菜单" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-timeout", + "label": { + "text": { + "zh_CN": "show-timeout" + } + }, + "description": { + "zh_CN": "展开下拉菜单的延时，仅在 trigger 为 hover 时有效" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-timeout", + "label": { + "text": { + "zh_CN": "hide-timeout" + } + }, + "description": { + "zh_CN": "收起下拉菜单的延时（仅在 trigger 为 hover 时有效）" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "role", + "label": { + "text": { + "zh_CN": "role" + } + }, + "description": { + "zh_CN": "下拉菜单的 ARIA 属性。 根据具体场景，您可能想要将此更改为“navigation”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tabindex", + "label": { + "text": { + "zh_CN": "tabindex" + } + }, + "description": { + "zh_CN": "Dropdown 组件的 tabindex" + }, + "type": "number / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "自定义浮层类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper-options" + } + }, + "description": { + "zh_CN": "popper.js 参数" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将下拉列表插入至 body 元素" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Dropdown-Item Attributes ​" + }, + "description": { + "zh_CN": "Dropdown-Item Attributes ​" + }, + "content": [ + { + "property": "command", + "label": { + "text": { + "zh_CN": "command" + } + }, + "description": { + "zh_CN": "派发到command回调函数的指令参数" + }, + "type": "string / number / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "divided", + "label": { + "text": { + "zh_CN": "divided" + } + }, + "description": { + "zh_CN": "是否显示分隔符" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "自定义图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义Dropdown-Item内容" + } + }, + "dropdown": { + "label": { + "zh_CN": "dropdown" + }, + "description": { + "zh_CN": "下拉列表，通常是 组件" + }, + "subTag": "Dropdown-Menu" + } + } + } + }, + { + "id": 62, + "version": "2.7.8", + "name": { + "zh_CN": "菜单" + }, + "component": "ElMenu", + "icon": "menu", + "description": "为网站提供导航功能的菜单。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElMenu" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Menu Attributes ​" + }, + "description": { + "zh_CN": "Menu Attributes ​" + }, + "content": [ + { + "property": "mode", + "label": { + "text": { + "zh_CN": "mode" + } + }, + "description": { + "zh_CN": "菜单展示模式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse", + "label": { + "text": { + "zh_CN": "collapse" + } + }, + "description": { + "zh_CN": "是否水平折叠收起菜单（仅在 mode 为 vertical 时可用）" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "ellipsis", + "label": { + "text": { + "zh_CN": "ellipsis" + } + }, + "description": { + "zh_CN": "是否省略多余的子项（仅在横向模式生效）" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "ellipsis-icon", + "label": { + "text": { + "zh_CN": "ellipsis-icon" + } + }, + "description": { + "zh_CN": "自定义省略图标 (仅在水平模式下可用)" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-offset", + "label": { + "text": { + "zh_CN": "popper-offset" + } + }, + "description": { + "zh_CN": "弹出层的偏移量(对所有子菜单有效)" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "background-color", + "label": { + "text": { + "zh_CN": "background-color" + } + }, + "description": { + "zh_CN": "菜单的背景颜色 (十六进制格式) (已废弃，请在样式类中使用 --el-menu-bg-color" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "text-color", + "label": { + "text": { + "zh_CN": "text-color" + } + }, + "description": { + "zh_CN": "菜单的文字颜色 (十六进制格式) (已废弃，请在样式类中使用 --el-menu-text-color)" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active-text-color", + "label": { + "text": { + "zh_CN": "active-text-color" + } + }, + "description": { + "zh_CN": "活动菜单项的文本颜色（十六进制格式）（已被废弃，使用 css var --el-menu-active-color）" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-active", + "label": { + "text": { + "zh_CN": "default-active" + } + }, + "description": { + "zh_CN": "页面加载时默认激活菜单的 index" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "default-openeds", + "label": { + "text": { + "zh_CN": "default-openeds" + } + }, + "description": { + "zh_CN": "默认打开的 sub-menu 的 index 的数组" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "unique-opened", + "label": { + "text": { + "zh_CN": "unique-opened" + } + }, + "description": { + "zh_CN": "是否只保持一个子菜单的展开" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "menu-trigger", + "label": { + "text": { + "zh_CN": "menu-trigger" + } + }, + "description": { + "zh_CN": "子菜单打开的触发方式，只在 mode 为 horizontal 时有效。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "router", + "label": { + "text": { + "zh_CN": "router" + } + }, + "description": { + "zh_CN": "是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项。" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-transition", + "label": { + "text": { + "zh_CN": "collapse-transition" + } + }, + "description": { + "zh_CN": "是否开启折叠动画" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-effect", + "label": { + "text": { + "zh_CN": "popper-effect" + } + }, + "description": { + "zh_CN": "Tooltip 主题，内置了 dark / light 两种主题，当菜单折叠时生效。" + }, + "type": "enum / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-click-outside", + "label": { + "text": { + "zh_CN": "close-on-click-outside" + } + }, + "description": { + "zh_CN": "可选，单击外部时是否折叠菜单" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "为 popper 添加类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-timeout", + "label": { + "text": { + "zh_CN": "show-timeout" + } + }, + "description": { + "zh_CN": "菜单出现前的延迟" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-timeout", + "label": { + "text": { + "zh_CN": "hide-timeout" + } + }, + "description": { + "zh_CN": "菜单消失前的延迟" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "SubMenu Attributes ​" + }, + "description": { + "zh_CN": "SubMenu Attributes ​" + }, + "content": [ + { + "property": "index", + "label": { + "text": { + "zh_CN": "index" + } + }, + "description": { + "zh_CN": "唯一标志" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "为 popper 添加类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-timeout", + "label": { + "text": { + "zh_CN": "show-timeout" + } + }, + "description": { + "zh_CN": "子菜单出现之前的延迟，(继承 menu 的 show-timeout 配置)" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-timeout", + "label": { + "text": { + "zh_CN": "hide-timeout" + } + }, + "description": { + "zh_CN": "子菜单消失之前的延迟，(继承 menu 的 hide-timeout 配置)" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将弹出菜单挂载到 body 上，第一级SubMenu默认值为 true，其他SubMenus 的值为 false" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-offset", + "label": { + "text": { + "zh_CN": "popper-offset" + } + }, + "description": { + "zh_CN": "弹出窗口的偏移量 (覆盖 popper的菜单)" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expand-close-icon", + "label": { + "text": { + "zh_CN": "expand-close-icon" + } + }, + "description": { + "zh_CN": "父菜单展开且子菜单关闭时的图标， expand-close-icon 和 expand-open-icon 需要一起配置才能生效" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "expand-open-icon", + "label": { + "text": { + "zh_CN": "expand-open-icon" + } + }, + "description": { + "zh_CN": "父菜单展开且子菜单打开时的图标， expand-open-icon 和 expand-close-icon 需要一起配置才能生效" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-close-icon", + "label": { + "text": { + "zh_CN": "collapse-close-icon" + } + }, + "description": { + "zh_CN": "父菜单收起且子菜单关闭时的图标， collapse-close-icon 和 collapse-open-icon 需要一起配置才能生效" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "collapse-open-icon", + "label": { + "text": { + "zh_CN": "collapse-open-icon" + } + }, + "description": { + "zh_CN": "父菜单收起且子菜单打开时的图标， collapse-open-icon 和 collapse-close-icon 需要一起配置才能生效" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Menu-Item Attributes ​" + }, + "description": { + "zh_CN": "Menu-Item Attributes ​" + }, + "content": [ + { + "property": "index", + "label": { + "text": { + "zh_CN": "index" + } + }, + "description": { + "zh_CN": "唯一标志" + }, + "type": "string / null", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "route", + "label": { + "text": { + "zh_CN": "route" + } + }, + "description": { + "zh_CN": "Vue Router 路径对象" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Menu-Item-Group Attributes ​" + }, + "description": { + "zh_CN": "Menu-Item-Group Attributes ​" + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "组标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "默认插槽内容" + }, + "subTag": "Menu-Item" + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "自定义组标题内容" + }, + "subTag": "—" + } + } + } + }, + { + "id": 63, + "version": "2.7.8", + "name": { + "zh_CN": "Header 页头" + }, + "component": "ElPage", + "icon": "page", + "description": "如果页面的路径比较简单，推荐使用页头组件而非面包屑组件。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElPage" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "Page Header 的图标 Icon 组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "Page Header 的主标题，默认是 Back (内置 a11y)" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "content" + } + }, + "description": { + "zh_CN": "Page Header 的内容" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "图标内容" + } + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "标题内容" + } + }, + "content": { + "label": { + "zh_CN": "content" + }, + "description": { + "zh_CN": "内容" + } + }, + "extra": { + "label": { + "zh_CN": "extra" + }, + "description": { + "zh_CN": "扩展设置" + } + }, + "breadcrumb": { + "label": { + "zh_CN": "breadcrumb" + }, + "description": { + "zh_CN": "面包屑导航内容" + } + }, + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "默认内容" + } + } + } + } + }, + { + "id": 64, + "version": "2.7.8", + "name": { + "zh_CN": "步骤条" + }, + "component": "ElSteps", + "icon": "steps", + "description": "引导用户按照流程完成任务的分步导航条， 可根据实际应用场景设定步骤，步骤不得少于 2 步。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElSteps" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Steps 属性 ​" + }, + "description": { + "zh_CN": "Steps 属性 ​" + }, + "content": [ + { + "property": "space", + "label": { + "text": { + "zh_CN": "space" + } + }, + "description": { + "zh_CN": "每个 step 的间距，不填写将自适应间距。 支持百分比。" + }, + "type": "number / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "direction", + "label": { + "text": { + "zh_CN": "direction" + } + }, + "description": { + "zh_CN": "显示方向" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "active", + "label": { + "text": { + "zh_CN": "active" + } + }, + "description": { + "zh_CN": "设置当前激活步骤" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "process-status", + "label": { + "text": { + "zh_CN": "process-status" + } + }, + "description": { + "zh_CN": "设置当前步骤的状态" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "finish-status", + "label": { + "text": { + "zh_CN": "finish-status" + } + }, + "description": { + "zh_CN": "设置结束步骤的状态" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "align-center", + "label": { + "text": { + "zh_CN": "align-center" + } + }, + "description": { + "zh_CN": "进行居中对齐" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "simple", + "label": { + "text": { + "zh_CN": "simple" + } + }, + "description": { + "zh_CN": "是否应用简洁风格" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Step 属性 ​" + }, + "description": { + "zh_CN": "Step 属性 ​" + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "description", + "label": { + "text": { + "zh_CN": "description" + } + }, + "description": { + "zh_CN": "描述文案" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "Step 组件的自定义图标。 也支持 slot 方式写入" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "status", + "label": { + "text": { + "zh_CN": "status" + } + }, + "description": { + "zh_CN": "设置当前步骤的状态， 不设置则根据 steps 确定状态" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "默认插槽" + }, + "subTag": "Step" + }, + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "自定义图标" + } + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "自定义标题" + } + }, + "description": { + "label": { + "zh_CN": "description" + }, + "description": { + "zh_CN": "自定义描述文案" + } + } + } + } + }, + { + "id": 65, + "version": "2.7.8", + "name": { + "zh_CN": "标签页" + }, + "component": "ElTabs", + "icon": "tabs", + "description": "分隔内容上有关联但属于不同类别的数据集合。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTabs" + }, + "group": "Navigation 导航", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Tabs 属性 ​" + }, + "description": { + "zh_CN": "Tabs 属性 ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "绑定值，选中选项卡的 name，默认值是第一个 tab 的 name" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "风格类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "closable", + "label": { + "text": { + "zh_CN": "closable" + } + }, + "description": { + "zh_CN": "标签是否可关闭" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "addable", + "label": { + "text": { + "zh_CN": "addable" + } + }, + "description": { + "zh_CN": "标签是否可增加" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "editable", + "label": { + "text": { + "zh_CN": "editable" + } + }, + "description": { + "zh_CN": "标签是否同时可增加和关闭" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tab-position", + "label": { + "text": { + "zh_CN": "tab-position" + } + }, + "description": { + "zh_CN": "选项卡所在位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "stretch", + "label": { + "text": { + "zh_CN": "stretch" + } + }, + "description": { + "zh_CN": "标签的宽度是否自撑开" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "before-leave", + "label": { + "text": { + "zh_CN": "before-leave" + } + }, + "description": { + "zh_CN": "切换标签之前的钩子函数， 若返回 false 或者返回被 reject 的 Promise，则阻止切换。" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Tab-pane 属性 ​" + }, + "description": { + "zh_CN": "Tab-pane 属性 ​" + }, + "content": [ + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "选项卡标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } + }, + "description": { + "zh_CN": "与选项卡绑定值 value 对应的标识符，表示选项卡别名。默认值是tab面板的序列号，如第一个 tab 是 0" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "closable", + "label": { + "text": { + "zh_CN": "closable" + } + }, + "description": { + "zh_CN": "标签是否可关闭" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "lazy", + "label": { + "text": { + "zh_CN": "lazy" + } + }, + "description": { + "zh_CN": "标签是否延迟渲染" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "Tab-pane 的内容" + } + }, + "addIcon 2.4.0 deprecated": { + "label": { + "zh_CN": "addIcon 2.4.0 deprecated" + }, + "description": { + "zh_CN": "自定义添加按钮图标" + }, + "subTag": "—" + }, + "add-icon 2.5.4": { + "label": { + "zh_CN": "add-icon 2.5.4" + }, + "description": { + "zh_CN": "自定义添加按钮图标" + }, + "subTag": "—" + }, + "label": { + "label": { + "zh_CN": "label" + }, + "description": { + "zh_CN": "Tab-pane 的标题内容" + } + } + } + } + }, + { + "id": 66, + "version": "2.7.8", + "name": { + "zh_CN": "提示" + }, + "component": "ElAlert", + "icon": "alert", + "description": "用于页面中展示重要的提示信息。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElAlert" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "Alert 标题。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "Alert 类型。" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "description", + "label": { + "text": { + "zh_CN": "description" + } + }, + "description": { + "zh_CN": "描述性文本" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "closable", + "label": { + "text": { + "zh_CN": "closable" + } + }, + "description": { + "zh_CN": "是否可以关闭" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "center", + "label": { + "text": { + "zh_CN": "center" + } + }, + "description": { + "zh_CN": "文字是否居中" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-text", + "label": { + "text": { + "zh_CN": "close-text" + } + }, + "description": { + "zh_CN": "自定义关闭按钮文本" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-icon", + "label": { + "text": { + "zh_CN": "show-icon" + } + }, + "description": { + "zh_CN": "是否显示类型图标" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "主题样式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "Alert 内容描述" + } + }, + "title": { + "label": { + "zh_CN": "title" + }, + "description": { + "zh_CN": "标题的内容" + } + } + } + } + }, + { + "id": 67, + "version": "2.7.8", + "name": { + "zh_CN": "对话框" + }, + "component": "ElDialog", + "icon": "dialog", + "description": "在保留当前页面状态的情况下，告知用户并承载相关操作。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDialog" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "是否显示 Dialog" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "Dialog 对话框 Dialog 的标题， 也可通过具名 slot （见下表）传入" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "对话框的宽度，默认值为 50%" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fullscreen", + "label": { + "text": { + "zh_CN": "fullscreen" + } + }, + "description": { + "zh_CN": "是否为全屏 Dialog" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "top", + "label": { + "text": { + "zh_CN": "top" + } + }, + "description": { + "zh_CN": "dialog CSS 中的 margin-top 值，默认为 15vh" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "modal", + "label": { + "text": { + "zh_CN": "modal" + } + }, + "description": { + "zh_CN": "是否需要遮罩层" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "modal-class", + "label": { + "text": { + "zh_CN": "modal-class" + } + }, + "description": { + "zh_CN": "遮罩的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "append-to-body", + "label": { + "text": { + "zh_CN": "append-to-body" + } + }, + "description": { + "zh_CN": "Dialog 自身是否插入至 body 元素上。 嵌套的 Dialog 必须指定该属性并赋值为 true" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "append-to", + "label": { + "text": { + "zh_CN": "append-to" + } + }, + "description": { + "zh_CN": "Dialog 挂载到哪个 DOM 元素 将覆盖 append-to-body" + }, + "type": "string / HTMLElement", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "lock-scroll", + "label": { + "text": { + "zh_CN": "lock-scroll" + } + }, + "description": { + "zh_CN": "是否在 Dialog 出现时将 body 滚动锁定" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "custom-class", + "label": { + "text": { + "zh_CN": "custom-class" + } + }, + "description": { + "zh_CN": "Dialog 的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "open-delay", + "label": { + "text": { + "zh_CN": "open-delay" + } + }, + "description": { + "zh_CN": "dialog 打开的延时时间，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-delay", + "label": { + "text": { + "zh_CN": "close-delay" + } + }, + "description": { + "zh_CN": "dialog 关闭的延时时间，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-click-modal", + "label": { + "text": { + "zh_CN": "close-on-click-modal" + } + }, + "description": { + "zh_CN": "是否可以通过点击 modal 关闭 Dialog" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-press-escape", + "label": { + "text": { + "zh_CN": "close-on-press-escape" + } + }, + "description": { + "zh_CN": "是否可以通过按下 ESC 关闭 Dialog" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-close", + "label": { + "text": { + "zh_CN": "show-close" + } + }, + "description": { + "zh_CN": "是否显示关闭按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "before-close", + "label": { + "text": { + "zh_CN": "before-close" + } + }, + "description": { + "zh_CN": "关闭前的回调，会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候." + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "draggable", + "label": { + "text": { + "zh_CN": "draggable" + } + }, + "description": { + "zh_CN": "为 Dialog 启用可拖拽功能" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "overflow", + "label": { + "text": { + "zh_CN": "overflow" + } + }, + "description": { + "zh_CN": "拖动范围可以超出可视区" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "center", + "label": { + "text": { + "zh_CN": "center" + } + }, + "description": { + "zh_CN": "是否让 Dialog 的 header 和 footer 部分居中排列" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "align-center", + "label": { + "text": { + "zh_CN": "align-center" + } + }, + "description": { + "zh_CN": "是否水平垂直对齐对话框" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "destroy-on-close", + "label": { + "text": { + "zh_CN": "destroy-on-close" + } + }, + "description": { + "zh_CN": "当关闭 Dialog 时，销毁其中的元素" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-icon", + "label": { + "text": { + "zh_CN": "close-icon" + } + }, + "description": { + "zh_CN": "自定义关闭图标，默认 Close" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "z-index", + "label": { + "text": { + "zh_CN": "z-index" + } + }, + "description": { + "zh_CN": "和原生的 CSS 的 z-index 相同，改变 z 轴的顺序" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-aria-level", + "label": { + "text": { + "zh_CN": "header-aria-level" + } + }, + "description": { + "zh_CN": "header 的 aria-level 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "—": { + "label": { + "zh_CN": "—" + }, + "description": { + "zh_CN": "Dialog 的内容" + } + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "对话框标题的内容；会替换标题部分，但不会移除关闭按钮。" + } + }, + "title deprecated": { + "label": { + "zh_CN": "title deprecated" + }, + "description": { + "zh_CN": "与 header 作用相同 请使用 header" + } + }, + "footer": { + "label": { + "zh_CN": "footer" + }, + "description": { + "zh_CN": "Dialog 按钮操作区的内容" + } + } + } + } + }, + { + "id": 68, + "version": "2.7.8", + "name": { + "zh_CN": "抽屉" + }, + "component": "ElDrawer", + "icon": "drawer", + "description": "有些时候, Dialog 组件并不满足我们的需求, 比如你的表单很长, 亦或是你需要临时展示一些文档, Drawer 拥有和 Dialog 几乎相同的 API, 在 UI 上带来不一样的体验.", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDrawer" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "model-value", + "label": { + "text": { + "zh_CN": "model-value" + } + }, + "description": { + "zh_CN": "是否显示 Drawer" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "append-to-body", + "label": { + "text": { + "zh_CN": "append-to-body" + } + }, + "description": { + "zh_CN": "Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "append-to", + "label": { + "text": { + "zh_CN": "append-to" + } + }, + "description": { + "zh_CN": "挂载到哪个 DOM 元素 将覆盖 append-to-body" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "lock-scroll", + "label": { + "text": { + "zh_CN": "lock-scroll" + } + }, + "description": { + "zh_CN": "是否在 Drawer 出现时将 body 滚动锁定" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "before-close", + "label": { + "text": { + "zh_CN": "before-close" + } + }, + "description": { + "zh_CN": "关闭前的回调，会暂停 Drawer 的关闭" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-click-modal", + "label": { + "text": { + "zh_CN": "close-on-click-modal" + } + }, + "description": { + "zh_CN": "是否可以通过点击 modal 关闭 Drawer" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-on-press-escape", + "label": { + "text": { + "zh_CN": "close-on-press-escape" + } + }, + "description": { + "zh_CN": "是否可以通过按下 ESC 关闭 Drawer" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "open-delay", + "label": { + "text": { + "zh_CN": "open-delay" + } + }, + "description": { + "zh_CN": "Drawer 打开的延时时间，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "close-delay", + "label": { + "text": { + "zh_CN": "close-delay" + } + }, + "description": { + "zh_CN": "Drawer 关闭的延时时间，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "custom-class", + "label": { + "text": { + "zh_CN": "custom-class" + } + }, + "description": { + "zh_CN": "Drawer 的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "destroy-on-close", + "label": { + "text": { + "zh_CN": "destroy-on-close" + } + }, + "description": { + "zh_CN": "控制是否在关闭 Drawer 之后将子元素全部销毁" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "modal", + "label": { + "text": { + "zh_CN": "modal" + } + }, + "description": { + "zh_CN": "是否需要遮罩层" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "direction", + "label": { + "text": { + "zh_CN": "direction" + } + }, + "description": { + "zh_CN": "Drawer 打开的方向" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-close", + "label": { + "text": { + "zh_CN": "show-close" + } + }, + "description": { + "zh_CN": "是否显示关闭按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 'x%', 否则便会以 number 类型解释" + }, + "type": "number / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "Drawer 的标题，也可通过具名 slot （见下表）传入" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "with-header", + "label": { + "text": { + "zh_CN": "with-header" + } + }, + "description": { + "zh_CN": "控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title attribute 和 title slot 均不生效" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "modal-class", + "label": { + "text": { + "zh_CN": "modal-class" + } + }, + "description": { + "zh_CN": "遮罩层的自定义类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "z-index", + "label": { + "text": { + "zh_CN": "z-index" + } + }, + "description": { + "zh_CN": "设置 z-index" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "header-aria-level", + "label": { + "text": { + "zh_CN": "header-aria-level" + } + }, + "description": { + "zh_CN": "header 的 aria-level 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "Drawer 的内容" + } + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "Drawer 标题的内容；会替换标题部分，但不会移除关闭按钮。" + } + }, + "title deprecated": { + "label": { + "zh_CN": "title deprecated" + }, + "description": { + "zh_CN": "与 header 作用相同 请使用 header" + } + }, + "footer": { + "label": { + "zh_CN": "footer" + }, + "description": { + "zh_CN": "Drawer 页脚部分" + } + } + } + } + }, + { + "id": 69, + "version": "2.7.8", + "name": { + "zh_CN": "加载" + }, + "component": "ElLoading", + "icon": "loading", + "description": "加载数据时显示动效。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElLoading" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 70, + "version": "2.7.8", + "name": { + "zh_CN": "消息提示" + }, + "component": "ElMessage", + "icon": "message", + "description": "常用于主动操作后的反馈提示。 与 Notification 的区别是后者更多用于系统级通知的被动提醒。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElMessage" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 71, + "version": "2.7.8", + "name": { + "zh_CN": "Box 消息弹出框" + }, + "component": "ElMessage", + "icon": "message", + "description": "模拟系统的消息提示框而实现的一套模态对话框组件，用于消息提示、确认消息和提交内容。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElMessage" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 72, + "version": "2.7.8", + "name": { + "zh_CN": "通知" + }, + "component": "ElNotification", + "icon": "notification", + "description": "悬浮出现在页面角落，显示全局的通知提醒消息。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElNotification" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [], + "events": {}, + "slots": {} + } + }, + { + "id": 73, + "version": "2.7.8", + "name": { + "zh_CN": "气泡确认框" + }, + "component": "ElPopconfirm", + "icon": "popconfirm", + "description": "点击某个元素弹出一个简单的气泡确认框", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElPopconfirm" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "confirm-button-text", + "label": { + "text": { + "zh_CN": "confirm-button-text" + } + }, + "description": { + "zh_CN": "确认按钮文字" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cancel-button-text", + "label": { + "text": { + "zh_CN": "cancel-button-text" + } + }, + "description": { + "zh_CN": "取消按钮文字" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "confirm-button-type", + "label": { + "text": { + "zh_CN": "confirm-button-type" + } + }, + "description": { + "zh_CN": "确认按钮类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "cancel-button-type", + "label": { + "text": { + "zh_CN": "cancel-button-type" + } + }, + "description": { + "zh_CN": "取消按钮类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "自定义图标" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon-color", + "label": { + "text": { + "zh_CN": "icon-color" + } + }, + "description": { + "zh_CN": "Icon 颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-icon", + "label": { + "text": { + "zh_CN": "hide-icon" + } + }, + "description": { + "zh_CN": "是否隐藏 Icon" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-after", + "label": { + "text": { + "zh_CN": "hide-after" + } + }, + "description": { + "zh_CN": "关闭时的延迟" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将 popover 的下拉列表插入至 body 元素" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "persistent", + "label": { + "text": { + "zh_CN": "persistent" + } + }, + "description": { + "zh_CN": "当 popover 组件长时间不触发且 persistent 属性设置为 false 时, popover 将会被删除" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "弹层宽度，最小宽度 150px" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "reference": { + "label": { + "zh_CN": "reference" + }, + "description": { + "zh_CN": "触发 Popconfirm 显示的 HTML 元素" + }, + "subTag": "—" + }, + "actions 2.8.1": { + "label": { + "zh_CN": "actions 2.8.1" + }, + "description": { + "zh_CN": "页脚的内容" + }, + "subTag": "object" + } + } + } + }, + { + "id": 74, + "version": "2.7.8", + "name": { + "zh_CN": "弹出框" + }, + "component": "ElPopover", + "icon": "popover", + "description": "", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElPopover" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "trigger" + } + }, + "description": { + "zh_CN": "触发方式" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "title" + } + }, + "description": { + "zh_CN": "标题" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "Tooltip 主题，Element Plus 内置了 dark / light 两种主题" + }, + "type": "enum / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "content" + } + }, + "description": { + "zh_CN": "显示的内容，也可以通过写入默认 slot 修改显示内容" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "宽度" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "出现位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "Popover 是否可用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "visible", + "label": { + "text": { + "zh_CN": "visible" + } + }, + "description": { + "zh_CN": "Popover 是否显示" + }, + "type": "boolean / null", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } + }, + "description": { + "zh_CN": "浮层偏移量, Popover 是在 Tooltip,基础上开发的， Popover的 offset 是 undefined, 但Tooltip 的 offset 是12" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "transition", + "label": { + "text": { + "zh_CN": "transition" + } + }, + "description": { + "zh_CN": "定义渐变动画，默认是 el-fade-in-linear" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-arrow", + "label": { + "text": { + "zh_CN": "show-arrow" + } + }, + "description": { + "zh_CN": "是否显示 Tooltip 箭头， 欲了解更多信息，请参考 ElPopper" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper-options" + } + }, + "description": { + "zh_CN": "popper.js 的参数" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "为 popper 添加类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-style", + "label": { + "text": { + "zh_CN": "popper-style" + } + }, + "description": { + "zh_CN": "为 popper 自定义样式" + }, + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-after", + "label": { + "text": { + "zh_CN": "show-after" + } + }, + "description": { + "zh_CN": "在触发后多久显示内容，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-after", + "label": { + "text": { + "zh_CN": "hide-after" + } + }, + "description": { + "zh_CN": "延迟关闭，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "auto-close", + "label": { + "text": { + "zh_CN": "auto-close" + } + }, + "description": { + "zh_CN": "tooltip 出现后自动隐藏延时，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tabindex", + "label": { + "text": { + "zh_CN": "tabindex" + } + }, + "description": { + "zh_CN": "Popover 组件的 tabindex" + }, + "type": "number / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否将 popover 的下拉列表插入至 body 元素" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "persistent", + "label": { + "text": { + "zh_CN": "persistent" + } + }, + "description": { + "zh_CN": "当 popover 组件长时间不触发且 persistent 属性设置为 false 时, popover 将会被删除" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "Popover 内嵌 HTML 文本" + } + }, + "reference": { + "label": { + "zh_CN": "reference" + }, + "description": { + "zh_CN": "触发 Popover 显示的 HTML 元素" + } + } + } + } + }, + { + "id": 75, + "version": "2.7.8", + "name": { + "zh_CN": "文字提示" + }, + "component": "ElTooltip", + "icon": "tooltip", + "description": "常用于展示鼠标 hover 时的提示信息。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTooltip" + }, + "group": "Feedback 反馈组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "append-to", + "label": { + "text": { + "zh_CN": "append-to" + } + }, + "description": { + "zh_CN": "指示 Tooltip 的内容将附加在哪一个网页元素上" + }, + "type": "CSSSelector / HTMLElement", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } + }, + "description": { + "zh_CN": "Tooltip 主题，内置了 dark / light 两种" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "content" + } + }, + "description": { + "zh_CN": "显示的内容，也可被 slot#content 覆盖" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "raw-content", + "label": { + "text": { + "zh_CN": "raw-content" + } + }, + "description": { + "zh_CN": "content 中的内容是否作为 HTML 字符串处理" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "placement" + } + }, + "description": { + "zh_CN": "Tooltip 组件出现的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "fallback-placements", + "label": { + "text": { + "zh_CN": "fallback-placements" + } + }, + "description": { + "zh_CN": "Tooltip 可用的 positions 请查看popper.js 文档" + }, + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "visible", + "label": { + "text": { + "zh_CN": "visible" + } + }, + "description": { + "zh_CN": "Tooltip 组件可见性" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "Tooltip 组件是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } + }, + "description": { + "zh_CN": "出现位置的偏移量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "transition", + "label": { + "text": { + "zh_CN": "transition" + } + }, + "description": { + "zh_CN": "动画名称" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper-options" + } + }, + "description": { + "zh_CN": "popper.js 参数" + }, + "type": "object 请参考 popper.js 文档", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-after", + "label": { + "text": { + "zh_CN": "show-after" + } + }, + "description": { + "zh_CN": "在触发后多久显示内容，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "show-arrow", + "label": { + "text": { + "zh_CN": "show-arrow" + } + }, + "description": { + "zh_CN": "tooltip 的内容是否有箭头" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "hide-after", + "label": { + "text": { + "zh_CN": "hide-after" + } + }, + "description": { + "zh_CN": "延迟关闭，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "auto-close", + "label": { + "text": { + "zh_CN": "auto-close" + } + }, + "description": { + "zh_CN": "tooltip 出现后自动隐藏延时，单位毫秒" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "popper-class" + } + }, + "description": { + "zh_CN": "为 Tooltip 的 popper 添加类名" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "enterable", + "label": { + "text": { + "zh_CN": "enterable" + } + }, + "description": { + "zh_CN": "鼠标是否可进入到 tooltip 中" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } + }, + "description": { + "zh_CN": "是否使用 teleport。设置成 true则会被追加到 append-to 的位置" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "trigger" + } + }, + "description": { + "zh_CN": "如何触发 Tooltip" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "virtual-triggering", + "label": { + "text": { + "zh_CN": "virtual-triggering" + } + }, + "description": { + "zh_CN": "用来标识虚拟触发是否被启用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "virtual-ref", + "label": { + "text": { + "zh_CN": "virtual-ref" + } + }, + "description": { + "zh_CN": "标识虚拟触发时的触发元素" + }, + "type": "HTMLElement", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "trigger-keys", + "label": { + "text": { + "zh_CN": "trigger-keys" + } + }, + "description": { + "zh_CN": "当鼠标点击或者聚焦在触发元素上时， 可以定义一组键盘按键并且通过它们来控制 Tooltip 的显示" + }, + "type": "Array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "persistent", + "label": { + "text": { + "zh_CN": "persistent" + } + }, + "description": { + "zh_CN": "当 tooltip 组件长时间不触发且 persistent 属性设置为 false 时, popconfirm 将会被删除" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "aria-label", + "label": { + "text": { + "zh_CN": "aria-label" + } + }, + "description": { + "zh_CN": "和 aria-label 属性保持一致" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "Tooltip 触发 & 引用的元素" + } + }, + "content": { + "label": { + "zh_CN": "content" + }, + "description": { + "zh_CN": "自定义内容" + } + } + } + } + }, + { + "id": 76, + "version": "2.7.8", + "name": { + "zh_CN": "分割线" + }, + "component": "ElDivider", + "icon": "divider", + "description": "区隔内容的分割线。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElDivider" + }, + "group": "Others 其他", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" + }, + "content": [ + { + "property": "direction", + "label": { + "text": { + "zh_CN": "direction" + } + }, + "description": { + "zh_CN": "设置分割线方向" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "border-style", + "label": { + "text": { + "zh_CN": "border-style" + } + }, + "description": { + "zh_CN": "设置分隔符样式" + }, + "type": "enum css/border-style", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content-position", + "label": { + "text": { + "zh_CN": "content-position" + } + }, + "description": { + "zh_CN": "自定义分隔线内容的位置" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "设置分割线文案的位置" + } + } + } + } + }, + { + "id": 77, + "version": "2.7.8", + "name": { + "zh_CN": "水印 2.4.0" + }, + "component": "ElWatermark", + "icon": "watermark", + "description": "在页面上添加文本或图片等水印信息", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElWatermark" + }, + "group": "Others 其他", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "属性 ​" + }, + "description": { + "zh_CN": "属性 ​" + }, + "content": [ + { + "property": "width", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "zh_CN": "水印的宽度， content 的默认值是它自己的宽度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "水印的高度， content 的默认值是它自己的高度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "rotate", + "label": { + "text": { + "zh_CN": "rotate" + } + }, + "description": { + "zh_CN": "水印的旋转角度, 单位 °" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "zIndex", + "label": { + "text": { + "zh_CN": "zIndex" + } + }, + "description": { + "zh_CN": "水印元素的z-index值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "image", + "label": { + "text": { + "zh_CN": "image" + } + }, + "description": { + "zh_CN": "水印图片，建议使用 2x 或 3x 图像" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "content" + } + }, + "description": { + "zh_CN": "水印文本内容" + }, + "type": "string/object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "font", + "label": { + "text": { + "zh_CN": "font" + } + }, + "description": { + "zh_CN": "文字样式" + }, + "type": "Font", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "gap", + "label": { + "text": { + "zh_CN": "gap" + } + }, + "description": { + "zh_CN": "水印之间的间距" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "offset" + } + }, + "description": { + "zh_CN": "水印从容器左上角的偏移 默认值为 gap/2" + }, + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "默认": { + "label": { + "zh_CN": "默认" + }, + "description": { + "zh_CN": "添加水印的容器" + } + } + } + } + } + ], + "blocks": [], + "snippets": [ + { + "group": "element-plus", + "children": [ + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "ElButton", + "schema": {} + }, + { + "name": { + "zh_CN": "边框" + }, + "icon": "border", + "screenshot": "", + "snippetName": "ElBorder", + "schema": {} + }, + { + "name": { + "zh_CN": "色彩" + }, + "icon": "color", + "screenshot": "", + "snippetName": "ElColor", + "schema": {} + }, + { + "name": { + "zh_CN": "布局容器" + }, + "icon": "container", + "screenshot": "", + "snippetName": "ElContainer", + "schema": {} + }, + { + "name": { + "zh_CN": "图标" + }, + "icon": "icon", + "screenshot": "", + "snippetName": "ElIcon", + "schema": {} + }, + { + "name": { + "zh_CN": "布局" + }, + "icon": "layout", + "screenshot": "", + "snippetName": "ElLayout", + "schema": {} + }, + { + "name": { + "zh_CN": "链接" + }, + "icon": "link", + "screenshot": "", + "snippetName": "ElLink", + "schema": {} + }, + { + "name": { + "zh_CN": "文本2.3.0" + }, + "icon": "text", + "screenshot": "", + "snippetName": "ElText", + "schema": {} + }, + { + "name": { + "zh_CN": "滚动条" + }, + "icon": "scrollbar", + "screenshot": "", + "snippetName": "ElScrollbar", + "schema": {} + }, + { + "name": { + "zh_CN": "间距" + }, + "icon": "space", + "screenshot": "", + "snippetName": "ElSpace", + "schema": {} + }, + { + "name": { + "zh_CN": "排版" + }, + "icon": "typography", + "screenshot": "", + "snippetName": "ElTypography", + "schema": {} + }, + { + "name": { + "zh_CN": "Provider 全局配置" + }, + "icon": "config", + "screenshot": "", + "snippetName": "ElConfig", + "schema": {} + }, + { + "name": { + "zh_CN": "自动补全输入框" + }, + "icon": "autocomplete", + "screenshot": "", + "snippetName": "ElAutocomplete", + "schema": {} + }, + { + "name": { + "zh_CN": "级联选择器" + }, + "icon": "cascader", + "screenshot": "", + "snippetName": "ElCascader", + "schema": {} + }, + { + "name": { + "zh_CN": "多选框" + }, + "icon": "checkbox", + "screenshot": "", + "snippetName": "ElCheckbox", + "schema": {} + }, + { + "name": { + "zh_CN": "Picker 取色器" + }, + "icon": "color", + "screenshot": "", + "snippetName": "ElColor", + "schema": {} + }, + { + "name": { + "zh_CN": "Picker 日期选择器" + }, + "icon": "date", + "screenshot": "", + "snippetName": "ElDate", + "schema": {} + }, + { + "name": { + "zh_CN": "Picker 日期时间选择器" + }, + "icon": "datetime", + "screenshot": "", + "snippetName": "ElDateTime", + "schema": {} + }, + { + "name": { + "zh_CN": "表单" + }, + "icon": "form", + "screenshot": "", + "snippetName": "ElForm", + "schema": {} + }, + { + "name": { + "zh_CN": "输入框" + }, + "icon": "input", + "screenshot": "", + "snippetName": "ElInput", + "schema": {} + }, + { + "name": { + "zh_CN": "Number 数字输入框" + }, + "icon": "input", + "screenshot": "", + "snippetName": "ElInput", + "schema": {} + }, + { + "name": { + "zh_CN": "提及2.8.0" + }, + "icon": "mention", + "screenshot": "", + "snippetName": "ElMention", + "schema": {} + }, + { + "name": { + "zh_CN": "单选框" + }, + "icon": "radio", + "screenshot": "", + "snippetName": "ElRadio", + "schema": {} + }, + { + "name": { + "zh_CN": "评分" + }, + "icon": "rate", + "screenshot": "", + "snippetName": "ElRate", + "schema": {} + }, + { + "name": { + "zh_CN": "选择器" + }, + "icon": "select", + "screenshot": "", + "snippetName": "ElSelect", + "schema": {} + }, + { + "name": { + "zh_CN": "Select 虚拟化选择器" + }, + "icon": "virtualized", + "screenshot": "", + "snippetName": "ElVirtualized", + "schema": {} + }, + { + "name": { + "zh_CN": "滑块" + }, + "icon": "slider", + "screenshot": "", + "snippetName": "ElSlider", + "schema": {} + }, + { + "name": { + "zh_CN": "开关" + }, + "icon": "switch", + "screenshot": "", + "snippetName": "ElSwitch", + "schema": {} + }, + { + "name": { + "zh_CN": "Picker 时间选择器" + }, + "icon": "time", + "screenshot": "", + "snippetName": "ElTime", + "schema": {} + }, + { + "name": { + "zh_CN": "Select 时间选择" + }, + "icon": "time", + "screenshot": "", + "snippetName": "ElTime", + "schema": {} + }, + { + "name": { + "zh_CN": "穿梭框" + }, + "icon": "transfer", + "screenshot": "", + "snippetName": "ElTransfer", + "schema": {} + }, + { + "name": { + "zh_CN": "树形选择2.1.8" + }, + "icon": "treeselect", + "screenshot": "", + "snippetName": "ElTreeSelect", + "schema": {} + }, + { + "name": { + "zh_CN": "上传" + }, + "icon": "upload", + "screenshot": "", + "snippetName": "ElUpload", + "schema": {} + }, + { + "name": { + "zh_CN": "头像" + }, + "icon": "avatar", + "screenshot": "", + "snippetName": "ElAvatar", + "schema": {} + }, + { + "name": { + "zh_CN": "徽章" + }, + "icon": "badge", + "screenshot": "", + "snippetName": "ElBadge", + "schema": {} + }, + { + "name": { + "zh_CN": "日历" + }, + "icon": "calendar", + "screenshot": "", + "snippetName": "ElCalendar", + "schema": {} + }, + { + "name": { + "zh_CN": "卡片" + }, + "icon": "card", + "screenshot": "", + "snippetName": "ElCard", + "schema": {} + }, + { + "name": { + "zh_CN": "走马灯" + }, + "icon": "carousel", + "screenshot": "", + "snippetName": "ElCarousel", + "schema": {} + }, + { + "name": { + "zh_CN": "折叠面板" + }, + "icon": "collapse", + "screenshot": "", + "snippetName": "ElCollapse", + "schema": {} + }, { "name": { - "zh_CN": "段落" + "zh_CN": "描述列表" }, - "icon": "paragraph", + "icon": "descriptions", "screenshot": "", - "snippetName": "p", - "schema": { - "componentName": "p", - "children": "TinyEngine 前端可视化设计器致力于通过友好的用户交互提升业务应用的开发效率。" - } + "snippetName": "ElDescriptions", + "schema": {} }, { "name": { - "zh_CN": "链接" + "zh_CN": "空状态" }, - "icon": "link", + "icon": "empty", "screenshot": "", - "snippetName": "a", - "schema": { - "componentName": "a", - "children": "链接" - } + "snippetName": "ElEmpty", + "schema": {} }, { "name": { - "zh_CN": "分隔线" + "zh_CN": "图片" }, - "icon": "hr", + "icon": "image", "screenshot": "", - "snippetName": "hr", + "snippetName": "ElImage", "schema": {} }, { "name": { - "zh_CN": "标题" + "zh_CN": "Scroll 无限滚动" }, - "icon": "h16", + "icon": "infinite", "screenshot": "", - "snippetName": "h1", - "schema": { - "componentName": "h1", - "props": {}, - "children": "Heading" - } + "snippetName": "ElInfinite", + "schema": {} }, { "name": { - "zh_CN": "输入框" + "zh_CN": "分页" }, - "icon": "input", + "icon": "pagination", "screenshot": "", - "snippetName": "input", - "schema": { - "componentName": "input", - "props": { - "type": "text", - "placeholder": "请输入" - } - } + "snippetName": "ElPagination", + "schema": {} }, { "name": { - "zh_CN": "视频" + "zh_CN": "进度条" }, - "icon": "video", + "icon": "progress", "screenshot": "", - "snippetName": "video", - "schema": { - "componentName": "video", - "props": { - "src": "img/webNova.jpg", - "width": "200", - "height": "100", - "style": "border:1px solid #ccc" - } - } + "snippetName": "ElProgress", + "schema": {} }, { "name": { - "zh_CN": "图片" + "zh_CN": "结果" }, - "icon": "Image", + "icon": "result", "screenshot": "", - "snippetName": "img", - "schema": { - "componentName": "img", - "props": { - "src": "img/webNova.jpg", - "width": "200", - "height": "100" - } - } + "snippetName": "ElResult", + "schema": {} }, { "name": { - "zh_CN": "按钮" + "zh_CN": "骨架屏" }, - "icon": "button", + "icon": "skeleton", "screenshot": "", - "snippetName": "button", - "schema": { - "componentName": "button", - "props": {}, - "children": [ - { - "componentName": "Text", - "props": { - "text": "按钮文案" - } - } - ] - } + "snippetName": "ElSkeleton", + "schema": {} }, { "name": { @@ -13295,1000 +34611,269 @@ }, "icon": "table", "screenshot": "", - "snippetName": "table", - "schema": { - "componentName": "table", - "props": { - "border": "1" - }, - "children": [ - { - "componentName": "tr", - "children": [ - { - "componentName": "td", - "children": "Month" - }, - { - "componentName": "td", - "children": "Savings" - } - ] - }, - { - "componentName": "tr", - "children": [ - { - "componentName": "td", - "children": "January" - }, - { - "componentName": "td", - "children": "100" - } - ] - } - ] - } + "snippetName": "ElTable", + "schema": {} }, { "name": { - "zh_CN": "表单" + "zh_CN": "Table 虚拟化表格2.2.0" }, - "icon": "form", + "icon": "virtualized", "screenshot": "", - "snippetName": "form", - "schema": { - "componentName": "form", - "props": { - "action": "action" - }, - "children": [ - { - "componentName": "label", - "props": { - "for": "male" - }, - "children": "male" - }, - { - "componentName": "input", - "props": { - "type": "text" - } - }, - { - "componentName": "br" - }, - { - "componentName": "label", - "props": { - "for": "Female" - }, - "children": "Female" - }, - { - "componentName": "input", - "props": { - "type": "text" - } - } - ] - } - } - ] - }, - { - "group": "content", - "children": [ + "snippetName": "ElVirtualized", + "schema": {} + }, { "name": { - "zh_CN": "走马灯" + "zh_CN": "标签" }, + "icon": "tag", "screenshot": "", - "snippetName": "tiny-carousel", - "icon": "carousel", - "schema": { - "componentName": "TinyCarousel", - "props": { - "height": "180px" - }, - "children": [ - { - "componentName": "TinyCarouselItem", - "children": [ - { - "componentName": "div", - "props": { - "style": "margin:10px 0 0 30px" - } - } - ] - }, - { - "componentName": "TinyCarouselItem", - "children": [ - { - "componentName": "div", - "props": { - "style": "margin:10px 0 0 30px" - } - } - ] - } - ] - } + "snippetName": "ElTag", + "schema": {} }, { "name": { - "zh_CN": "表单" + "zh_CN": "时间线" }, + "icon": "timeline", "screenshot": "", - "snippetName": "tiny-form", - "icon": "form", - "schema": { - "componentName": "TinyForm", - "props": { - "labelWidth": "80px", - "labelPosition": "top" - }, - "children": [ - { - "componentName": "TinyFormItem", - "props": { - "label": "人员" - }, - "children": [ - { - "componentName": "TinyInput", - "props": { - "placeholder": "请输入", - "modelValue": "" - } - } - ] - }, - { - "componentName": "TinyFormItem", - "props": { - "label": "密码" - }, - "children": [ - { - "componentName": "TinyInput", - "props": { - "placeholder": "请输入", - "modelValue": "", - "type": "password" - } - } - ] - }, - { - "componentName": "TinyFormItem", - "props": { - "label": "" - }, - "children": [ - { - "componentName": "TinyButton", - "props": { - "text": "提交", - "type": "primary", - "style": "margin-right: 10px" - } - }, - { - "componentName": "TinyButton", - "props": { - "text": "重置", - "type": "primary" - } - } - ] - } - ] - } + "snippetName": "ElTimeline", + "schema": {} }, { "name": { - "zh_CN": "下拉框" + "zh_CN": "漫游式引导2.5.0" }, - "icon": "select", + "icon": "tour", "screenshot": "", - "snippetName": "TinySelect", - "schema": { - "componentName": "TinySelect", - "props": { - "modelValue": "", - "placeholder": "请选择", - "options": [ - { - "value": "1", - "label": "黄金糕" - }, - { - "value": "2", - "label": "双皮奶" - } - ] - } - } + "snippetName": "ElTour", + "schema": {} }, { "name": { - "zh_CN": "开关" + "zh_CN": "树形控件" }, - "icon": "switch", + "icon": "tree", "screenshot": "", - "snippetName": "TinySwitch", - "schema": { - "componentName": "TinySwitch", - "props": { - "modelValue": "" - } - } + "snippetName": "ElTree", + "schema": {} }, { "name": { - "zh_CN": "复选框组" + "zh_CN": "Tree 虚拟化树形控件" }, - "icon": "checkboxs", + "icon": "virtualized", "screenshot": "", - "snippetName": "TinyCheckboxGroup", - "schema": { - "componentName": "TinyCheckboxGroup", - "props": { - "modelValue": ["name1", "name2"], - "type": "checkbox", - "options": [ - { - "text": "复选框1", - "label": "name1" - }, - { - "text": "复选框2", - "label": "name2" - }, - { - "text": "复选框3", - "label": "name3" - } - ] - } - } + "snippetName": "ElVirtualized", + "schema": {} }, { "name": { - "zh_CN": "复选框拖拽按钮组" + "zh_CN": "统计组件2.2.30" }, - "icon": "checkboxgroup", + "icon": "statistic", "screenshot": "", - "snippetName": "TinyCheckboxbuttonGroup", - "schema": { - "componentName": "TinyCheckboxGroup", - "props": { - "modelValue": [] - }, - "children": [ - { - "componentName": "TinyCheckboxButton", - "children": [ - { - "componentName": "div" - } - ] - } - ] - } + "snippetName": "ElStatistic", + "schema": {} }, { "name": { - "zh_CN": "对话框" + "zh_CN": "分段控制器2.7.0" }, + "icon": "segmented", "screenshot": "", - "snippetName": "TinyDialogBox", - "icon": "dialogbox", - "schema": { - "componentName": "TinyDialogBox", - "props": { - "visible": true, - "show-close": true, - "title": "dialogBox title" - }, - "children": [ - { - "componentName": "div" - } - ] - } + "snippetName": "ElSegmented", + "schema": {} }, { "name": { - "zh_CN": "标签页" + "zh_CN": "固钉" }, - "icon": "tabs", + "icon": "affix", "screenshot": "", - "group": true, - "snippetName": "TinyTabs", - "schema": { - "componentName": "TinyTabs", - "props": { - "modelValue": "first" - }, - "children": [ - { - "componentName": "TinyTabItem", - "props": { - "title": "标签页1", - "name": "first" - }, - "children": [ - { - "componentName": "div", - "props": { - "style": "margin:10px 0 0 30px" - } - } - ] - }, - { - "componentName": "TinyTabItem", - "props": { - "title": "标签页2", - "name": "second" - }, - "children": [ - { - "componentName": "div", - "props": { - "style": "margin:10px 0 0 30px" - } - } - ] - } - ] - } + "snippetName": "ElAffix", + "schema": {} }, { "name": { - "zh_CN": "折叠面板" + "zh_CN": "锚点2.6.0" }, + "icon": "anchor", "screenshot": "", - "snippetName": "TinyCollapse", - "icon": "collapse", - "schema": { - "componentName": "TinyCollapse", - "props": { - "modelValue": "collapse1" - }, - "children": [ - { - "componentName": "TinyCollapseItem", - "props": { - "name": "collapse1", - "title": "折叠项1" - }, - "children": [ - { - "componentName": "div" - } - ] - }, - { - "componentName": "TinyCollapseItem", - "props": { - "name": "collapse2", - "title": "折叠项2" - }, - "children": [ - { - "componentName": "div" - } - ] - }, - { - "componentName": "TinyCollapseItem", - "props": { - "name": "collapse3", - "title": "折叠项3" - }, - "children": [ - { - "componentName": "div" - } - ] - } - ] - } + "snippetName": "ElAnchor", + "schema": {} }, { "name": { - "zh_CN": "表格" + "zh_CN": "回到顶部" }, - "icon": "grid", + "icon": "backtop", "screenshot": "", - "snippetName": "tinyGrid", - "schema": { - "componentName": "TinyGrid", - "props": { - "editConfig": { - "trigger": "click", - "mode": "cell", - "showStatus": true - }, - "columns": [ - { - "type": "index", - "width": 60 - }, - { - "type": "selection", - "width": 60 - }, - { - "field": "employees", - "title": "员工数" - }, - { - "field": "created_date", - "title": "创建日期" - }, - { - "field": "city", - "title": "城市" - } - ], - "data": [ - { - "id": "1", - "name": "GFD科技有限公司", - "city": "福州", - "employees": 800, - "created_date": "2014-04-30 00:56:00", - "boole": false - }, - { - "id": "2", - "name": "WWW科技有限公司", - "city": "深圳", - "employees": 300, - "created_date": "2016-07-08 12:36:22", - "boole": true - } - ] - } - } + "snippetName": "ElBacktop", + "schema": {} }, { "name": { - "zh_CN": "弹出编辑" + "zh_CN": "面包屑" }, - "icon": "popeditor", + "icon": "breadcrumb", "screenshot": "", - "snippetName": "TinyPopeditor", - "schema": { - "componentName": "TinyPopeditor", - "props": { - "modelValue": "", - "placeholder": "请选择", - "gridOp": { - "columns": [ - { - "field": "id", - "title": "ID", - "width": 40 - }, - { - "field": "name", - "title": "名称", - "showOverflow": "tooltip" - }, - { - "field": "province", - "title": "省份", - "width": 80 - }, - { - "field": "city", - "title": "城市", - "width": 80 - } - ], - "data": [ - { - "id": "1", - "name": "GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司", - "city": "福州", - "province": "福建" - }, - { - "id": "2", - "name": "WWW科技有限公司", - "city": "深圳", - "province": "广东" - }, - { - "id": "3", - "name": "RFV有限责任公司", - "city": "中山", - "province": "广东" - }, - { - "id": "4", - "name": "TGB科技有限公司", - "city": "龙岩", - "province": "福建" - }, - { - "id": "5", - "name": "YHN科技有限公司", - "city": "韶关", - "province": "广东" - }, - { - "id": "6", - "name": "WSX科技有限公司", - "city": "黄冈", - "province": "武汉" - } - ] - } - } - } + "snippetName": "ElBreadcrumb", + "schema": {} }, { "name": { - "zh_CN": "树" + "zh_CN": "下拉菜单" }, - "icon": "tree", + "icon": "dropdown", "screenshot": "", - "snippetName": "TinyTree", - "schema": { - "componentName": "TinyTree", - "props": { - "data": [ - { - "label": "一级 1", - "children": [ - { - "label": "二级 1-1", - "children": [ - { - "label": "三级 1-1-1" - } - ] - } - ] - }, - { - "label": "一级 2", - "children": [ - { - "label": "二级 2-1", - "children": [ - { - "label": "三级 2-1-1" - } - ] - }, - { - "label": "二级 2-2", - "children": [ - { - "label": "三级 2-2-1" - } - ] - } - ] - } - ] - } - } + "snippetName": "ElDropdown", + "schema": {} }, { "name": { - "zh_CN": "文字提示框" + "zh_CN": "菜单" }, - "icon": "tooltip", + "icon": "menu", "screenshot": "", - "snippetName": "TinyTooltip", - "schema": { - "componentName": "TinyTooltip", - "props": { - "content": "Top Left 提示文字", - "placement": "top-start", - "manual": true, - "modelValue": true - }, - "children": [ - { - "componentName": "span", - "children": [ - { - "componentName": "div", - "props": {} - } - ] - }, - { - "componentName": "Template", - "props": { - "slot": "content" - }, - "children": [ - { - "componentName": "span", - "children": [ - { - "componentName": "div", - "props": { - "placeholder": "提示内容" - } - } - ] - } - ] - } - ] - } + "snippetName": "ElMenu", + "schema": {} }, { "name": { - "zh_CN": "提示框" + "zh_CN": "Header 页头" }, - "icon": "popover", + "icon": "page", "screenshot": "", - "snippetName": "TinyPopover", - "schema": { - "componentName": "TinyPopover", - "props": { - "width": 200, - "title": "弹框标题", - "trigger": "manual", - "modelValue": true - }, - "children": [ - { - "componentName": "Template", - "props": { - "slot": "reference" - }, - "children": [ - { - "componentName": "div", - "props": { - "placeholder": "触发源" - } - } - ] - }, - { - "componentName": "Template", - "props": { - "slot": "default" - }, - "children": [ - { - "componentName": "div", - "props": { - "placeholder": "提示内容" - } - } - ] - } - ] - } + "snippetName": "ElPage", + "schema": {} }, { "name": { - "zh_CN": "分页" + "zh_CN": "步骤条" }, - "icon": "pager", + "icon": "steps", "screenshot": "", - "snippetName": "TinyPager", - "schema": { - "componentName": "TinyPager", - "props": { - "layout": "total, sizes, prev, pager, next", - "total": 100, - "pageSize": 10, - "currentPage": 1 - } - } + "snippetName": "ElSteps", + "schema": {} }, { "name": { - "zh_CN": "面包屑" + "zh_CN": "标签页" }, - "icon": "breadcrumb", + "icon": "tabs", "screenshot": "", - "snippetName": "TinyBreadcrumb", - "schema": { - "componentName": "TinyBreadcrumb", - "props": { - "options": [ - { - "to": "{ path: '/' }", - "label": "首页" - }, - { - "to": "{ path: '/breadcrumb' }", - "label": "产品" - }, - { - "replace": "true", - "label": "软件" - } - ] - } - } + "snippetName": "ElTabs", + "schema": {} }, { "name": { - "zh_CN": "日期选择" + "zh_CN": "提示" }, - "icon": "datepick", + "icon": "alert", "screenshot": "", - "snippetName": "TinyDatePicker", - "schema": { - "componentName": "TinyDatePicker", - "props": { - "placeholder": "请输入", - "modelValue": "" - } - } + "snippetName": "ElAlert", + "schema": {} }, { "name": { - "zh_CN": "数字输入框" + "zh_CN": "对话框" }, - "icon": "numeric", + "icon": "dialog", "screenshot": "", - "snippetName": "TinyNumeric", - "schema": { - "componentName": "TinyNumeric", - "props": { - "allow-empty": true, - "placeholder": "请输入", - "controlsPosition": "right", - "step": 1 - } - } - } - ] - }, - { - "group": "general", - "children": [ + "snippetName": "ElDialog", + "schema": {} + }, { "name": { - "zh_CN": "Row" + "zh_CN": "抽屉" }, - "icon": "row", + "icon": "drawer", "screenshot": "", - "snippetName": "TinyRow", - "schema": { - "componentName": "TinyRow", - "props": {}, - "children": [ - { - "componentName": "TinyCol", - "props": { - "span": 3 - } - }, - { - "componentName": "TinyCol", - "props": { - "span": 3 - } - }, - { - "componentName": "TinyCol", - "props": { - "span": 3 - } - }, - { - "componentName": "TinyCol", - "props": { - "span": 3 - } - } - ] - } + "snippetName": "ElDrawer", + "schema": {} }, { "name": { - "zh_CN": "Col" + "zh_CN": "加载" }, - "icon": "col", + "icon": "loading", "screenshot": "", - "snippetName": "TinyCol", - "schema": { - "componentName": "TinyCol", - "props": { - "span": 12, - "style": { - "height": "30px", - "border": "1px solid #ccc" - } - } - } + "snippetName": "ElLoading", + "schema": {} }, { "name": { - "zh_CN": "按钮" + "zh_CN": "消息提示" }, - "icon": "button", + "icon": "message", "screenshot": "", - "snippetName": "TinyButton", - "schema": { - "componentName": "TinyButton", - "props": { - "text": "按钮文案" - } - } + "snippetName": "ElMessage", + "schema": {} }, { "name": { - "zh_CN": "按钮组" + "zh_CN": "Box 消息弹出框" }, - "icon": "buttons", - "snippetName": "TinyButtons", + "icon": "message", "screenshot": "", - "schema": { - "componentName": "div", - "props": {}, - "children": [ - { - "componentName": "TinyButton", - "props": { - "text": "提交", - "type": "primary", - "style": { - "margin": "0 5px 0 5px" - } - } - }, - { - "componentName": "TinyButton", - "props": { - "text": "重置", - "style": { - "margin": "0 5px 0 5px" - } - } - }, - { - "componentName": "TinyButton", - "props": { - "text": "取消" - } - } - ] - }, - "configure": { - "isContainer": true - } + "snippetName": "ElMessage", + "schema": {} }, { "name": { - "zh_CN": "互斥按钮组" + "zh_CN": "通知" }, - "icon": "buttons", - "snippetName": "TinyButtonGroup", + "icon": "notification", "screenshot": "", - "schema": { - "componentName": "TinyButtonGroup", - "props": { - "data": [ - { - "text": "Button1", - "value": "1" - }, - { - "text": "Button2", - "value": "2" - }, - { - "text": "Button3", - "value": "3" - } - ], - "modelValue": "1" - } - } + "snippetName": "ElNotification", + "schema": {} }, { "name": { - "zh_CN": "输入框" + "zh_CN": "气泡确认框" }, - "icon": "input", + "icon": "popconfirm", "screenshot": "", - "snippetName": "TinyInput", - "schema": { - "componentName": "TinyInput", - "props": { - "placeholder": "请输入", - "modelValue": "" - } - } + "snippetName": "ElPopconfirm", + "schema": {} }, { "name": { - "zh_CN": "单选" + "zh_CN": "弹出框" }, - "icon": "radio", + "icon": "popover", "screenshot": "", - "snippetName": "TinyRadio", - "schema": { - "componentName": "TinyRadio", - "props": { - "label": "1", - "text": "单选文本" - } - } + "snippetName": "ElPopover", + "schema": {} }, { "name": { - "zh_CN": "复选框" + "zh_CN": "文字提示" }, - "icon": "checkbox", + "icon": "tooltip", "screenshot": "", - "snippetName": "TinyCheckbox", - "schema": { - "componentName": "TinyCheckbox", - "props": { - "text": "复选框文案" - } - } - } - ] - }, - { - "group": "navigation", - "children": [ + "snippetName": "ElTooltip", + "schema": {} + }, { "name": { - "zh_CN": "搜索框" + "zh_CN": "分割线" }, - "icon": "search", + "icon": "divider", "screenshot": "", - "snippetName": "TinySearch", - "schema": { - "componentName": "TinySearch", - "props": { - "modelValue": "", - "placeholder": "输入关键词" - } - } + "snippetName": "ElDivider", + "schema": {} }, { "name": { - "zh_CN": "时间线" + "zh_CN": "水印 2.4.0" }, - "icon": "timeline", + "icon": "watermark", "screenshot": "", - "snippetName": "TinyTimeLine", - "schema": { - "componentName": "TinyTimeLine", - "props": { - "active": "2", - "data": [ - { - "name": "已下单" - }, - { - "name": "运输中" - }, - { - "name": "已签收" - } - ] - } - } + "snippetName": "ElWatermark", + "schema": {} } ] } diff --git a/packages/design-core/public/mock/bundle_new.json b/packages/design-core/public/mock/bundle_new.json new file mode 100644 index 000000000..9773a7759 --- /dev/null +++ b/packages/design-core/public/mock/bundle_new.json @@ -0,0 +1,592 @@ +{ + "data": { + "framework": "Vue", + "materials": { + "components": [ + { + "id": 1, + "version": "2.7.8", + "name": { + "zh_CN": "按钮" + }, + "component": "ElButton", + "icon": "button", + "description": "常用的操作按钮。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.7.8", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElButton" + }, + "group": "Basic 基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "Button 属性 ​" + }, + "description": { + "zh_CN": "Button 属性 ​" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "plain" + } + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "text" + } + }, + "description": { + "zh_CN": "是否为文字按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "bg", + "label": { + "text": { + "zh_CN": "bg" + } + }, + "description": { + "zh_CN": "是否显示文字按钮背景颜色" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "link", + "label": { + "text": { + "zh_CN": "link" + } + }, + "description": { + "zh_CN": "是否为链接按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "round", + "label": { + "text": { + "zh_CN": "round" + } + }, + "description": { + "zh_CN": "是否为圆角按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "circle" + } + }, + "description": { + "zh_CN": "是否为圆形按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否为加载中状态" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "loading-icon", + "label": { + "text": { + "zh_CN": "loading-icon" + } + }, + "description": { + "zh_CN": "自定义加载中状态图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "按钮是否为禁用状态" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "icon", + "label": { + "text": { + "zh_CN": "icon" + } + }, + "description": { + "zh_CN": "图标组件" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "autofocus" + } + }, + "description": { + "zh_CN": "原生 autofocus 属性" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "native-type", + "label": { + "text": { + "zh_CN": "native-type" + } + }, + "description": { + "zh_CN": "原生 type 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "auto-insert-space", + "label": { + "text": { + "zh_CN": "auto-insert-space" + } + }, + "description": { + "zh_CN": "自动在两个中文字符之间插入空格" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } + }, + "description": { + "zh_CN": "自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "dark", + "label": { + "text": { + "zh_CN": "dark" + } + }, + "description": { + "zh_CN": "dark 模式, 意味着自动设置 color 为 dark 模式的颜色" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "tag", + "label": { + "text": { + "zh_CN": "tag" + } + }, + "description": { + "zh_CN": "自定义元素标签" + }, + "type": "string / Component", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": ["default"] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "ButtonGroup 属性 ​" + }, + "description": { + "zh_CN": "ButtonGroup 属性 ​" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该按钮组内按钮的大小" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "用于控制该按钮组内按钮的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": ["default"] + } + } + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义按钮组内容" + }, + "subTag": "Button" + }, + "loading": { + "label": { + "zh_CN": "loading" + }, + "description": { + "zh_CN": "自定义加载中组件" + } + }, + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "自定义图标组件" + } + } + } + } + } + ], + "blocks": [], + "snippets": [ + { + "group": "element-plus", + "children": [ + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "ElButton", + "schema": {} + } + ] + } + ] + } + } +} diff --git a/packages/design-core/public/mock/genMeterials.js b/packages/design-core/public/mock/genMeterials.js new file mode 100644 index 000000000..56e0fbad6 --- /dev/null +++ b/packages/design-core/public/mock/genMeterials.js @@ -0,0 +1,301 @@ +const baseUrl = 'https://element-plus.org' +const VERSION = '2.7.8' + +const axios = require('axios') +const cheerio = require('cheerio') +const fs = require('fs') + +function createConfigure(params) { + return { + loop: true, + condition: true, + styles: true, + isContainer: false, + isModal: false, + isPopper: false, + nestingRule: { + childWhitelist: '', + parentWhitelist: '', + descendantBlacklist: '', + ancestorWhitelist: '' + }, + isNullNode: false, + isLayout: false, + rootSelector: '', + shortcuts: { + properties: params || [] + }, + contextMenu: { + actions: ['copy', 'remove', 'insert', 'updateAttr', 'bindEevent', 'createBlock'], + disable: [] + }, + invalidity: [''], + clickCapture: true, + framework: 'Vue' + } +} + +function createSchema(params) { + // 这个函数的作用是：将参数转为 + const result = { + properties: [], + events: {}, + slots: {} + } + const widgetTypeMap = { + string: 'MetaInput', + enum: 'MetaSelect', + boolean: 'MetaSwitch', + function: 'MetaCodeEditor', + object: 'MetaCodeEditor' + } + const typeTypeMap = { + string: 'MetaInput', + enum: 'MetaSelect', + boolean: 'MetaSwitch', + function: 'MetaCodeEditor', + object: 'MetaCodeEditor' + } + + // 处理属性 + params.tables.forEach((table) => { + if (table.tableName.includes('属性') || table.tableName.includes('Attributes')) { + const propertyGroup = { + name: '0', + label: { zh_CN: table.tableName.trim() }, + description: { zh_CN: table.tableName.trim() }, + content: [] + } + + table.bodys.forEach((row) => { + const [property, description, type, defaultValue] = row + propertyGroup.content.push({ + property: property.split(' ')[0], + label: { + text: { zh_CN: property.split(' ')[0] } + }, + description: { + zh_CN: description + }, + type: type === 'enum' ? 'string' : type, + required: true, // 根据你的需求，这个可以设置为 true 或 false + readOnly: false, + disabled: false, + cols: 12, + labelPosition: 'top', + widget: { + component: widgetTypeMap[type] || '__ERROR__', + props: { + slots: ['default'] + } + } + }) + }) + + result.properties.push(propertyGroup) + } + + // 处理插槽 + if (table.tableName.includes('插槽') || table.tableName.includes('Slots')) { + table.bodys.forEach(([slot, description, subTag]) => { + result.slots[slot] = { + label: { zh_CN: slot }, + description: { zh_CN: description } + } + if (subTag) { + result.slots[slot].subTag = subTag + } + }) + } + + // 处理方法（如果需要的话） + if (table.tableName.includes('方法') || table.tableName.includes('Events')) { + table.bodys.forEach((row) => { + const [property, description, type] = row + // 在这里添加方法的处理逻辑 + // 示例: result.methods[property] = { description, type }; + }) + } + }) + + return result +} + +async function loadMenuData() { + const url = 'https://element-plus.org/zh-CN/component/overview.html' + const response = await axios.get(url) + const html = response.data + const $ = cheerio.load(html) + const sidebarItems = $('.sidebar-group') + const data = [] + + sidebarItems.each((index, element) => { + const tagP = $(element).find('.sidebar-group__title') + const tagAList = $(element).find('a') + const tagPText = tagP.text() + tagAList.each((i, item) => { + const link = `${baseUrl}${$(item).attr('href')}.html` + const text = $(item).text().trim() + data.push({ text, link, group: tagPText }) + }) + }) + return data.filter((itemStr) => itemStr.text !== 'Overview 组件总览') +} + +function chunk(array, size) { + const result = [] + for (let i = 0; i < array.length; i += size) { + result.push(array.slice(i, i + size)) + } + return result +} + +async function loadBaseDataByMenus(menus) { + let result = [] + for (let i = 0; i < menus.length; i++) { + const menu = menus[i] + const response = await axios.get(menu.link) + const html = response.data + const $ = cheerio.load(html) + const sidebarItems = $('.vp-table') + const desc = $('h1 + p').text() + const tables = [] + let objName = { + name: menu.text, + desc, + group: menu.group, + tables + // children: [] + } + sidebarItems.each((index, table) => { + const thItems = $(table).find('tr th') + const thtdItems = $(table).find('tr td') + const prevNodeTitle = $(table).prev().text() + const headers = [] + let wrapBodys = [] + const bodys = [] + const tableObj = { headers, bodys: [], tableName: prevNodeTitle } + thItems.each((i, th) => { + headers.push($(th).text().trim()) + }) + thtdItems.each((i, th) => { + bodys.push($(th).text().trim()) + }) + wrapBodys = chunk(bodys, headers.length) + tableObj.bodys = wrapBodys + tables.push(tableObj) + }) + // objName.children = tables // Assuming tables correspond to children in this context + result.push(objName) + } + return result +} + +function generateJSONFile(jsonData, fileName = 'output.json', filePath = './') { + const jsonString = JSON.stringify(jsonData, null, 2) + const fullFilePath = filePath.endsWith('/') ? filePath + fileName : filePath + '/' + fileName + fs.writeFile(fullFilePath, jsonString, 'utf8', (err) => { + if (err) { + console.error('写入文件时出错：', err) + } else { + console.log(`JSON 数据已成功写入到文件 ${fullFilePath}`) + } + }) +} + +async function generateComponent(params) { + const components = [] + + for (let i = 0; i < params.length; i++) { + const param = params[i] + + const cleanedName = param.name.replace(/^\w+\s+/, '') + + const getName = (str) => str.split(' ')[0] + const name = getName(param.name) + + // Button + const component = { + id: components.length + 1, + version: VERSION, + name: { zh_CN: cleanedName }, + component: `El${name}`, + icon: String(name).toLowerCase(), + description: param.desc, + doc_url: '', + screenshot: '', + tags: '', + keywords: '', + dev_mode: 'proCode', + npm: { + package: 'element-plus', + version: VERSION, + script: 'https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs', + css: 'https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css', + dependencies: null, + exportName: `El${name}` + }, + group: param.group, + category: 'element-plus', + configure: createConfigure(), + schema: createSchema(param) + } + components.push(component) + } + return components +} + +async function generateSnippets(params) { + const snippets = [] + const snippetChildrens = [] + for (let i = 0; i < params.length; i++) { + const param = params[i] + + const snippetChildren = { + name: { zh_CN: param.name['zh_CN'] }, + icon: param.icon, // Default icon, you can customize it + screenshot: '', // Screenshot URL or path, if available + snippetName: param.component, + schema: {} // Schema structure, populate as needed + } + snippetChildrens.push(snippetChildren) + } + + const snippet = { + group: 'element-plus', + children: snippetChildrens + } + + snippets.push(snippet) + + return snippets +} + +async function generateMaterial(params) { + const components = await generateComponent(params) + const blocks = [] + const snippets = await generateSnippets(components) + const result = { + framework: 'Vue', + materials: { + components, + blocks, + snippets + } + } + return result +} + +async function main() { + try { + const menus = await loadMenuData() + //const onlyFirst = menus.slice(0, 20) + const x = await loadBaseDataByMenus(menus) + const m = await generateMaterial(x) + generateJSONFile({ data: m }, 'bundle.json', './') + } catch (error) { + console.error('Error in main function:', error) + } +} + +main() diff --git a/packages/design-core/public/mock/oldbundle.json b/packages/design-core/public/mock/oldbundle.json new file mode 100644 index 000000000..2fa58678f --- /dev/null +++ b/packages/design-core/public/mock/oldbundle.json @@ -0,0 +1,14298 @@ +{ + "data": { + "framework": "Vue", + "materials": { + "components": [ + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "输入框" + }, + "component": "ElInput", + "icon": "input", + "description": "通过鼠标或键盘输入字符", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElInput" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["type", "size"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "modelValue" + } + }, + "description": { + "zh_CN": "绑定值" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "device": [] + }, + { + "property": "maxlength", + "label": { + "text": { + "zh_CN": "maxlength" + } + }, + "description": { + "zh_CN": "最大输入长度" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "number", + "widget": { + "component": "MetaNumberic", + "props": {} + }, + "device": [] + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定值改变时触发" + }, + "description": { + "zh_CN": "双向绑定值改变时触发" + } + }, + "onBlur": { + "label": { + "zh_CN": "输入框失去焦点时触发" + }, + "description": { + "zh_CN": "输入框失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "prefix": { + "label": { + "zh_CN": "头部内容" + }, + "description": { + "zh_CN": "输入框头部内容，只对非 type='textarea' 有效" + } + }, + "suffix": { + "label": { + "zh_CN": "尾部内容" + }, + "description": { + "zh_CN": "输入框尾部内容，只对非 type='textarea' 有效" + } + }, + "prepend": { + "label": { + "zh_CN": "前置内容" + }, + "description": { + "zh_CN": "输入框前置内容，只对非 type='textarea' 有效" + } + }, + "append": { + "label": { + "zh_CN": "后置内容" + }, + "description": { + "zh_CN": "输入框后置内容，只对非 type='textarea' 有效" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "按钮" + }, + "component": "ElButton", + "icon": "button", + "description": "常用的操作按钮", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElButton" + }, + "group": "基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["type", "size"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "plain" + } + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "text" + } + }, + "description": { + "zh_CN": "是否为文字按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "bg", + "label": { + "text": { + "zh_CN": "bg" + } + }, + "description": { + "zh_CN": "是否显示文字按钮背景颜色" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "link", + "label": { + "text": { + "zh_CN": "link" + } + }, + "description": { + "zh_CN": "是否为链接按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "round", + "label": { + "text": { + "zh_CN": "round" + } + }, + "description": { + "zh_CN": "是否为圆角按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "circle" + } + }, + "description": { + "zh_CN": "是否为圆形按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否为加载中状态" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + }, + "loading": { + "label": { + "zh_CN": "loading" + }, + "description": { + "zh_CN": "自定义加载中组件" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElForm", + "icon": "form", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElForm" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": ["ElFormItem"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "model", + "label": { + "text": { + "zh_CN": "model" + } + }, + "description": { + "zh_CN": "表单数据对象" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } + }, + "description": { + "zh_CN": "表单验证规则" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "inline", + "label": { + "text": { + "zh_CN": "inline" + } + }, + "description": { + "zh_CN": "行内表单模式" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "label-position", + "label": { + "text": { + "zh_CN": "label-position" + } + }, + "description": { + "zh_CN": "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "right", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + }, + { + "label": "top", + "value": "top" + } + ] + } + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } + }, + "description": { + "zh_CN": "标签的长度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "label-suffix", + "label": { + "text": { + "zh_CN": "label-suffix" + } + }, + "description": { + "zh_CN": "表单域标签的后缀" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "hide-required-asterisk", + "label": { + "text": { + "zh_CN": "hide-required-asterisk" + } + }, + "description": { + "zh_CN": "是否隐藏必填字段标签旁边的红色星号" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "require-asterisk-position", + "label": { + "text": { + "zh_CN": "星号的位置" + } + }, + "description": { + "zh_CN": "星号的位置" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "left", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "show-message", + "label": { + "text": { + "zh_CN": "show-message" + } + }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "inline-message", + "label": { + "text": { + "zh_CN": "inline-message" + } + }, + "description": { + "zh_CN": "是否以行内形式展示校验信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "status-icon", + "label": { + "text": { + "zh_CN": "status-icon" + } + }, + "description": { + "zh_CN": "是否在输入框中显示校验结果反馈图标" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "validate-on-rule-change", + "label": { + "text": { + "zh_CN": "validate-on-rule-change" + } + }, + "description": { + "zh_CN": "是否在 rules 属性改变后立即触发一次验证" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "scroll-to-error", + "label": { + "text": { + "zh_CN": "scroll-to-error" + } + }, + "description": { + "zh_CN": "当校验失败时，滚动到第一个错误表单项" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onValidate": { + "label": { + "zh_CN": "任一表单项被校验后触发" + }, + "description": { + "zh_CN": "任一表单项被校验后触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": {} + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单子项" + }, + "component": "ElFormItem", + "icon": "formItem", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElFormItem" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "prop", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "zh_CN": "model 的键名。 它可以是一个属性的值(如 a.b.0 或 [a', 'b', '0'])。 在定义了 validate、resetFields 的方法时，该属性是必填的" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "标签文本" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } + }, + "description": { + "zh_CN": "标签宽度，例如 '50px'。 可以使用 auto" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "required", + "label": { + "text": { + "zh_CN": "required" + } + }, + "description": { + "zh_CN": "是否为必填项，如不设置，则会根据校验规则确认" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } + }, + "description": { + "zh_CN": "表单验证规则, 更多内容可以参考async-validator" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "error", + "label": { + "text": { + "zh_CN": "error" + } + }, + "description": { + "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error，并显示该错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "show-message", + "label": { + "text": { + "zh_CN": "show-message" + } + }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "inline-message", + "label": { + "text": { + "zh_CN": "inline-message" + } + }, + "description": { + "zh_CN": "是否在行内显示校验信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "for", + "label": { + "text": { + "zh_CN": "for" + } + }, + "description": { + "zh_CN": "和原生标签相同能力" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "validate-status", + "label": { + "text": { + "zh_CN": "validate-status" + } + }, + "description": { + "zh_CN": "formItem 校验的状态" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "error", + "value": "error" + }, + { + "label": "validating", + "value": "validating" + }, + { + "label": "success", + "value": "success" + } + ] + } + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": { + "label": { + "label": { + "zh_CN": "label" + }, + "description": { + "zh_CN": "标签位置显示的内容" + } + }, + "error": { + "label": { + "zh_CN": "error" + }, + "description": { + "zh_CN": "验证错误信息的显示内容" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElTable", + "icon": "table", + "description": "用于展示多条结构类似的数据， 可对数据进行排序、筛选、对比或其他自定义操作", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTable" + }, + "group": "数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": ["ElTableColumn"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "显示的数据" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "array", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "columns", + "label": { + "text": { + "zh_CN": "表格列" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "type", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "text": { + "zh_CN": "对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "selection", + "value": "selection" + }, + { + "label": "index", + "value": "index" + }, + { + "label": "expand", + "value": "expand" + } + ] + } + } + }, + { + "property": "index", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "index" + } + }, + "description": { + "text": { + "zh_CN": "如果设置了 type=index，可以通过传递 index 属性来自定义索引" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "label", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "text": { + "zh_CN": "显示的标题" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "column-key", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "column-key" + } + }, + "description": { + "text": { + "zh_CN": "column 的 key， column 的 key， 如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "prop", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "text": { + "zh_CN": "字段名称 对应列内容的字段名， 也可以使用 property属性" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "width", + "type": "number", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "text": { + "zh_CN": "对应列的宽度" + } + }, + "widget": { + "component": "MetaNumberic", + "props": {} + } + }, + { + "property": "min-width", + "type": "number", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "min-width" + } + }, + "description": { + "text": { + "zh_CN": "对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列" + } + }, + "widget": { + "component": "MetaNumberic", + "props": {} + } + }, + { + "property": "fixed", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "fixed" + } + }, + "description": { + "text": { + "zh_CN": "列是否固定在左侧或者右侧。 true 表示固定在左侧" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "sortable", + "type": "boolean", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sortable" + } + }, + "description": { + "text": { + "zh_CN": "对应列是否可以排序" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "sort-method", + "type": "function", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-method" + } + }, + "description": { + "text": { + "zh_CN": "指定数据按照哪个属性进行排序，仅当sortable设置为true的时候有效。 应该如同 Array.sort 那样返回一个 Number" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "sort-by", + "type": "array", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-by" + } + }, + "description": { + "text": { + "zh_CN": "指定数据按照哪个属性进行排序，仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组，则先按照第 1 个属性排序，如果第 1 个相等，再按照第 2 个排序，以此类推" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "sort-orders", + "type": "array", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-orders" + } + }, + "description": { + "text": { + "zh_CN": "数据在排序时所使用排序策略的轮转顺序，仅当 sortable 为 true 时有效。 需传入一个数组，随着用户点击表头，该列依次按照数组中元素的顺序进行排序" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "resizable", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "resizable" + } + }, + "description": { + "text": { + "zh_CN": "对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "formatter", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "formatter" + } + }, + "description": { + "text": { + "zh_CN": "用来格式化内容" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "dataType": "JSFunction" + } + } + }, + { + "property": "show-overflow-tooltip", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "show-overflow-tooltip" + } + }, + "description": { + "text": { + "zh_CN": "当内容过长被隐藏时显示 tooltip" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "align", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "align" + } + }, + "description": { + "text": { + "zh_CN": "对齐方式" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "center", + "value": "center" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "header-align", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "header-align" + } + }, + "description": { + "text": { + "zh_CN": "表头对齐方式， 若不设置该项，则使用表格的对齐方式" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "center", + "value": "center" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "class-name", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "class-name" + } + }, + "description": { + "text": { + "zh_CN": "列的 className" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label-class-name", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "label-class-name" + } + }, + "description": { + "text": { + "zh_CN": "当前列标题的自定义类名" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "selectable", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "selectable" + } + }, + "description": { + "text": { + "zh_CN": "仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "reserve-selection", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "reserve-selection" + } + }, + "description": { + "text": { + "zh_CN": "数据刷新后是否保留选项，仅对 type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "filters", + "type": "array", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filters" + } + }, + "description": { + "text": { + "zh_CN": "数据刷新后是否保留选项，仅对 type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "filter-placement", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "filter-placement" + } + }, + "description": { + "text": { + "zh_CN": "过滤弹出框的定位" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "filter-multiple", + "type": "string", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filter-multiple" + } + }, + "description": { + "text": { + "zh_CN": "数据过滤的选项是否多选" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "filter-method", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "text": { + "zh_CN": "数据过滤使用的方法， 如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "filtered-value", + "type": "array", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filtered-value" + } + }, + "description": { + "text": { + "zh_CN": "选中的数据过滤项，如果需要自定义表头过滤的渲染方式，可能会需要此属性" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + } + ] + } + ], + "widget": { + "component": "MetaTableColumns", + "props": { + "type": "object", + "textField": "label", + "language": "json", + "buttonText": "编辑列配置", + "title": "编辑列配置", + "expand": true + } + }, + "description": { + "zh_CN": "表格列的配置信息" + }, + "labelPosition": "top" + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "max-height" + } + }, + "description": { + "zh_CN": "Table 的最大高度。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "number", + "widget": { + "component": "MetaNumberic", + "props": {} + }, + "device": [] + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "Table 的高度， 默认为自动高度。 这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "stripe", + "label": { + "text": { + "zh_CN": "stripe" + } + }, + "description": { + "zh_CN": "是否为斑马纹 table" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "border" + } + }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Table 的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "fit", + "label": { + "text": { + "zh_CN": "fit" + } + }, + "description": { + "zh_CN": "列的宽度是否自撑开" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "show-header", + "label": { + "text": { + "zh_CN": "show-header" + } + }, + "description": { + "zh_CN": "是否显示表头" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "highlight-current-row", + "label": { + "text": { + "zh_CN": "highlight-current-row" + } + }, + "description": { + "zh_CN": "是否要高亮当前行" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "current-row-key", + "label": { + "text": { + "zh_CN": "current-row-key" + } + }, + "description": { + "zh_CN": "当前行的 key，只写属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "row-class-name", + "label": { + "text": { + "zh_CN": "row-class-name" + } + }, + "description": { + "zh_CN": "行的 className" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "row-key", + "label": { + "text": { + "zh_CN": "row-key" + } + }, + "description": { + "zh_CN": "行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "device": [] + }, + { + "property": "empty-text", + "label": { + "text": { + "zh_CN": "empty-text" + } + }, + "description": { + "zh_CN": "空数据时显示的文本内容" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "table-layout", + "label": { + "text": { + "zh_CN": "table-layout" + } + }, + "description": { + "zh_CN": "设置表格单元、行和列的布局方式" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": "fixed", + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "fixed", + "value": "fixed" + }, + { + "label": "auto", + "value": "auto" + } + ] + } + }, + "device": [] + }, + { + "property": "scrollbar-always-on", + "label": { + "text": { + "zh_CN": "scrollbar-always-on" + } + }, + "description": { + "zh_CN": "总是显示滚动条" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "flexible", + "label": { + "text": { + "zh_CN": "flexible" + } + }, + "description": { + "zh_CN": "确保主轴的最小尺寸，以便不超过内容" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onSelect": { + "label": { + "zh_CN": "勾选数据行的 Checkbox 时触发" + }, + "description": { + "zh_CN": "当用户手动勾选数据行的 Checkbox 时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + }, + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + } + ], + "returns": {} + } + }, + "onSelectAll": { + "label": { + "zh_CN": "勾选全选时触发" + }, + "description": { + "zh_CN": "当用户手动勾选全选 Checkbox 时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + } + ], + "returns": {} + } + }, + "onSelectionChange": { + "label": { + "zh_CN": "选择项发生变化时会触发" + }, + "description": { + "zh_CN": "当选择项发生变化时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + } + ], + "returns": {} + } + }, + "onCellMouseEnter": { + "label": { + "zh_CN": "单元格 hover 时会触发" + }, + "description": { + "zh_CN": "当单元格 hover 进入时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + }, + { + "name": "column", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前列" + } + }, + { + "name": "cell", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前单元格" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生事件 event" + } + } + ], + "returns": {} + } + }, + "onCellMouseLeave": { + "label": { + "zh_CN": "单元格 hover 退出时会触发" + }, + "description": { + "zh_CN": "当单元格 hover 退出时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + }, + { + "name": "column", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前列" + } + }, + { + "name": "cell", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前单元格" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生事件 event" + } + } + ], + "returns": {} + } + } + }, + "slots": { + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "当数据为空时自定义的内容" + } + }, + "append": { + "label": { + "zh_CN": "append" + }, + "description": { + "zh_CN": "插入至表格最后一行之后的内容， 如果需要对表格的内容进行无限滚动操作，可能需要用到这个 slot。 若表格有合计行，该 slot 会位于合计行之上。" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElTableColumn", + "icon": "table", + "description": "用于展示多条结构类似的数据， 可对数据进行排序、筛选、对比或其他自定义操作", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTableColumn" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": {} + } + }, + { + "name": { + "zh_CN": "走马灯子项" + }, + "component": "TinyCarouselItem", + "icon": "carouselitem", + "description": "常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CarouselItem", + "version": "", + "destructuring": true + }, + "group": "component", + "category": "容器组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "幻灯片的标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "indicator-position", + "label": { + "text": { + "zh_CN": "指示器的位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "outside", + "value": "outside" + }, + { + "label": "none", + "value": "none" + } + ] + } + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "走马灯" + }, + "component": "TinyCarousel", + "icon": "carousel", + "description": "常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Carousel", + "version": "", + "destructuring": true + }, + "group": "component", + "category": "容器组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "arrow", + "label": { + "text": { + "zh_CN": "切换箭头的显示时机" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "总是显示", + "value": "always" + }, + { + "label": "鼠标悬停时显示", + "value": "hover" + }, + { + "label": "从不显示", + "value": "never" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "autoplay", + "label": { + "text": { + "zh_CN": "是否自动切换" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "tabs", + "label": { + "text": { + "zh_CN": "选项卡" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "", + "cols": 12, + "bindState": false, + "widget": { + "component": "MetaContainer", + "props": {} + }, + "description": { + "zh_CN": "tabs" + }, + "labelPosition": "none" + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "走马灯的高度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "indicator-position", + "label": { + "text": { + "zh_CN": "指示器的位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "走马灯外部", + "value": "outside" + }, + { + "label": "不显示", + "value": "none" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "initial-index", + "label": { + "text": { + "zh_CN": "初始状态激活的幻灯片的索引，从 0 开始 " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "interval", + "label": { + "text": { + "zh_CN": "自动切换的时间间隔，单位为毫秒" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "loop", + "label": { + "text": { + "zh_CN": "是否循环显示" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "show-title", + "label": { + "text": { + "zh_CN": "是否显示标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "指示器的触发方式，默认为 hover" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "点击", + "value": "click" + }, + { + "label": "悬停", + "value": "hover" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "走马灯的类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "水平", + "value": "horizontal" + }, + { + "label": "垂直", + "value": "vertical" + }, + { + "label": "卡片", + "value": "card" + } + ] + } + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "clickCapture": false, + "isModal": false, + "nestingRule": { + "childWhitelist": ["TinyCarouselItem"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "link", + "name": { + "zh_CN": "提示框" + }, + "component": "a", + "description": "链接", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "group": "component", + "priority": 7, + "npm": {}, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "children", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlText", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + }, + { + "property": "href", + "label": { + "text": { + "zh_CN": "跳转链接" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "链接" + } + }, + { + "property": "target", + "label": { + "text": { + "zh_CN": "页面目标" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "当前页面", + "value": "_self" + }, + { + "label": "打开新页面", + "value": "_blank" + } + ] + } + }, + "description": { + "zh_CN": "链接" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ] + }, + "configure": { + "loop": true, + "condition": true, + "slots": [], + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [], + "disable": [] + } + } + }, + { + "name": { + "zh_CN": "标题" + }, + "component": ["h1", "h2", "h3", "h4", "h5", "h6"], + "icon": "h16", + "description": "标题", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 20, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "children", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlText", + "props": { + "showRadioButton": true + } + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "段落" + }, + "component": "p", + "icon": "paragraph", + "description": "段落", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 30, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "children", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlText", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [], + "disable": [] + } + } + }, + { + "name": { + "zh_CN": "输入框" + }, + "component": "input", + "icon": "input", + "description": "输入框", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 40, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "checkbox", + "value": "checkbox" + }, + { + "label": "color", + "value": "color" + }, + { + "label": "date", + "value": "date" + }, + { + "label": "button", + "value": "button" + }, + { + "label": "email", + "value": "email" + }, + { + "label": "file", + "value": "file" + }, + { + "label": "hidden", + "value": "hidden" + }, + { + "label": "image", + "value": "image" + }, + { + "label": "month", + "value": "month" + }, + { + "label": "number", + "value": "number" + }, + { + "label": "password", + "value": "password" + }, + { + "label": "radio", + "value": "radio" + }, + { + "label": "range", + "value": "range" + }, + { + "label": "reset", + "value": "reset" + }, + { + "label": "search", + "value": "search" + }, + { + "label": "submit", + "value": "submit" + }, + { + "label": "text", + "value": "text" + }, + { + "label": "time", + "value": "time" + }, + { + "label": "week", + "value": "week" + }, + { + "label": "url", + "value": "url" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位符" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onChange": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "视频" + }, + "component": "video", + "icon": "video", + "description": "视频", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 50, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "src", + "label": { + "text": { + "zh_CN": "视频的 URL" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "视频播放器的宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "视频播放器的高度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "controls", + "label": { + "text": { + "zh_CN": "是否显示控件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "autoplay", + "label": { + "text": { + "zh_CN": "是否马上播放" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [], + "disable": [] + } + } + }, + { + "icon": "Image", + "name": { + "zh_CN": "Img" + }, + "component": "Img", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 60, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "src", + "type": "string", + "defaultValue": "", + "bindState": true, + "label": { + "text": { + "zh_CN": "src路径" + } + }, + "cols": 12, + "rules": [], + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {}, + "shortcuts": { + "properties": ["src"] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "button", + "name": { + "zh_CN": "Button" + }, + "component": "button", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 70, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + }, + "configure": { + "isContainer": true + } + }, + { + "icon": "table", + "name": { + "zh_CN": "表格" + }, + "component": "table", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 80, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "width", + "label": { + "text": { + "zh_CN": "表格的宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "表格边框的宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "td", + "name": { + "zh_CN": "表格单元格" + }, + "component": "td", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 90, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "colspan", + "label": { + "text": { + "zh_CN": "单元格可横跨的列数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "rowspan", + "label": { + "text": { + "zh_CN": "单元格可横跨的行数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "form", + "name": { + "zh_CN": "表单" + }, + "component": "form", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 100, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "表单的名称" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "action", + "label": { + "text": { + "zh_CN": "提交表单时向何处发送表单数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "method", + "label": { + "text": { + "zh_CN": "用于发送 form-data 的 HTTP 方法" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "get", + "value": "get" + }, + { + "label": "post", + "value": "post" + } + ] + } + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + }, + "configure": { + "isContainer": true + } + }, + { + "icon": "label", + "name": { + "zh_CN": "表单标签" + }, + "component": "label", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 110, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "for", + "label": { + "text": { + "zh_CN": "label 绑定到哪个表单元素" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "form", + "label": { + "text": { + "zh_CN": "label 字段所属的一个或多个表单" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {}, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "name": { + "zh_CN": "按钮组" + }, + "component": "TinyButtonGroup", + "icon": "buttonGroup", + "description": "以按钮组的方式出现，常用于多项类似操作", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "ButtonGroup", + "version": "", + "destructuring": true + }, + "group": "component", + "category": "general", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "按钮组数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "组件大小" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "mini", + "value": "mini" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "medium", + "value": "medium" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "是否是朴素按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "row", + "name": { + "zh_CN": "row" + }, + "component": "TinyRow", + "description": "定义 Layout 的行配置信息", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Row", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 5, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "layout", + "label": { + "text": { + "zh_CN": "layout" + } + }, + "cols": 12, + "widget": { + "component": "MetaLayoutGrid", + "props": {} + }, + "description": { + "zh_CN": "layout" + }, + "labelPosition": "none" + }, + { + "property": "align", + "label": { + "text": { + "zh_CN": "align" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "top", + "value": "top" + }, + { + "label": "middle", + "value": "middle" + }, + { + "label": "bottom", + "value": "bottom" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "flex", + "label": { + "text": { + "zh_CN": "flex" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "gutter", + "label": { + "text": { + "zh_CN": "gutter" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ] + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "form", + "name": { + "zh_CN": "表单" + }, + "component": "TinyForm", + "description": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Form", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 5, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "标签宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "表单中标签占位宽度，默认为 80px" + }, + "labelPosition": "left" + }, + { + "property": "inline", + "label": { + "text": { + "zh_CN": "行内布局" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "行内布局模式，默认为 false" + } + }, + { + "property": "label-align", + "label": { + "text": { + "zh_CN": "必填标识是否占位" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "必填标识 * 是否占位" + }, + "labelPosition": "left" + }, + { + "property": "label-suffix", + "label": { + "text": { + "zh_CN": "标签后缀" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "表单中标签后缀" + } + }, + { + "property": "label-position", + "label": { + "text": { + "zh_CN": "标签位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "right", + "value": "right" + }, + { + "label": "left ", + "value": "left " + }, + { + "label": "top", + "value": "top" + } + ] + } + }, + "description": { + "zh_CN": "表单中标签的布局位置" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "校验属性" + }, + "content": [ + { + "property": "model", + "label": { + "text": { + "zh_CN": "表单校验对象" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表单数据对象" + }, + "labelPosition": "left" + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "校验规则" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表单验证规则" + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onValidate": { + "label": { + "zh_CN": "表单项被校验后触发" + }, + "description": { + "zh_CN": "表单项被校验后触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "function", + "type": "Function", + "defaultValue": "(valid) => {}", + "description": { + "zh_CN": "校验回调函数" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onInput": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框输入的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "formitem", + "name": { + "zh_CN": "表单项" + }, + "component": "TinyFormItem", + "description": "由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "FormItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 12, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "label", + "label": { + "text": { + "zh_CN": "标签文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "标签", + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "标签文本" + }, + "labelPosition": "left" + }, + { + "property": "prop", + "label": { + "text": { + "zh_CN": "校验字段" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的" + } + }, + { + "property": "required", + "label": { + "text": { + "zh_CN": "必填" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否必填" + }, + "labelPosition": "left" + } + ] + } + ], + "events": {}, + "slots": { + "label": { + "label": { + "zh_CN": "字段名" + }, + "description": { + "zh_CN": "自定义显示字段名称" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": ["TinyForm"], + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label", "rules"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "col", + "name": { + "zh_CN": "col" + }, + "component": "TinyCol", + "description": "列配置信息", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Col", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "span", + "label": { + "text": { + "zh_CN": "栅格列格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "整行", + "value": 12 + }, + { + "label": "6格", + "value": 6 + }, + { + "label": "4格", + "value": 4 + }, + { + "label": "3格", + "value": 3 + }, + { + "label": "1格", + "value": 1 + } + ] + } + }, + "description": { + "zh_CN": "当一行分为12格时，一列可占位多少格" + } + }, + { + "property": "move", + "label": { + "text": { + "zh_CN": "栅格左右移动格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": -12, + "max": 12 + } + }, + "description": { + "zh_CN": "栅格左右移动格数（正数向右，负数向左）" + } + }, + { + "property": "no", + "label": { + "text": { + "zh_CN": "排序编号" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "max": 12 + } + }, + "description": { + "zh_CN": "排序编号（row中启用order生效）" + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "间隔格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 0, + "max": 12 + } + }, + "description": { + "zh_CN": "栅格左侧的间隔格数" + } + }, + { + "property": "xs", + "label": { + "text": { + "zh_CN": "超小屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "<768px 响应式栅格数" + } + }, + { + "property": "sm", + "label": { + "text": { + "zh_CN": "小屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥768px 响应式栅格数" + } + }, + { + "property": "md", + "label": { + "text": { + "zh_CN": "中屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥992px 响应式栅格数" + } + }, + { + "property": "lg", + "label": { + "text": { + "zh_CN": "大屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥1200px 响应式栅格数" + } + }, + { + "property": "xl", + "label": { + "text": { + "zh_CN": "超大屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥1920px 响应式栅格数" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label", "rules"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "按钮" + }, + "component": "TinyButton", + "icon": "button", + "description": "常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Button", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "text", + "type": "string", + "defaultValue": "按钮文案", + "label": { + "text": { + "zh_CN": "按钮文字" + } + }, + "cols": 12, + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "type": "select", + "label": { + "text": { + "zh_CN": "大小" + } + }, + "cols": 12, + "rules": [], + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "medium", + "value": "medium" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "mini", + "value": "mini" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否被禁用" + }, + "labelPosition": "left" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "primary", + "value": "primary" + }, + { + "label": "success", + "value": "success" + }, + { + "label": "info", + "value": "info" + }, + { + "label": "warning", + "value": "warning" + }, + { + "label": "danger", + "value": "danger" + }, + { + "label": "text", + "value": "text" + } + ] + } + }, + "description": { + "zh_CN": "设置不同的主题样式" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "round", + "label": { + "text": { + "zh_CN": "圆角" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否圆角按钮" + }, + "labelPosition": "left" + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "朴素按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "labelPosition": "left" + }, + { + "property": "reset-time", + "label": { + "text": { + "zh_CN": "禁用时间" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置禁用时间，防止重复提交，单位毫秒" + } + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "圆角" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否圆形按钮" + }, + "labelPosition": "left" + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "聚焦" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否默认聚焦" + }, + "labelPosition": "left" + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "加载中" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否展示位加载中样式" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击事件" + }, + "description": { + "zh_CN": "按钮被点击时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["text", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "输入框" + }, + "component": "TinyInput", + "icon": "input", + "description": "通过鼠标或键盘输入字符", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Input", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "textarea", + "value": "textarea" + }, + { + "label": "text", + "value": "text" + }, + { + "label": "password", + "value": "password" + } + ] + } + }, + "description": { + "zh_CN": "设置input框的type属性" + } + }, + { + "property": "rows", + "label": { + "text": { + "zh_CN": "行数" + } + }, + "widget": { + "component": "MetaNumber" + }, + "description": { + "zh_CN": "输入框行数，只对 type='textarea' 有效" + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "medium", + "value": "medium" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "mini", + "value": "mini" + } + ] + } + }, + "description": { + "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "maxlength", + "label": { + "text": { + "zh_CN": "最大长度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置 input 框的maxLength" + }, + "labelPosition": "left" + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "聚焦" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "自动获取焦点" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值改变时触发" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框改变后的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onInput": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框输入的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "prefix": { + "label": { + "zh_CN": "前置内容" + } + }, + "suffix": { + "label": { + "zh_CN": "后置内容" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["value", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "radio", + "name": { + "zh_CN": "单选" + }, + "component": "TinyRadio", + "description": "用于配置不同场景的选项，在一组备选项中进行单选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Radio", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 3, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "text", + "label": { + "text": { + "zh_CN": "文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "单选框的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + }, + { + "label": { + "zh_CN": "其他" + }, + "description": { + "zh_CN": "" + }, + "content": [ + { + "property": "border", + "label": { + "text": { + "zh_CN": "显示边框" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "单选框的尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "原生 name 属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值变化事件" + }, + "description": { + "zh_CN": "绑定值变化时触发的事件" + } + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["visible", "width"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "select", + "name": { + "zh_CN": "下拉框" + }, + "component": "TinySelect", + "description": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Select", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 8, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "searchable", + "label": { + "text": { + "zh_CN": "下拉面板可搜索" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "下拉面板是否可搜索" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "下拉数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "配置 Select 下拉数据项" + }, + "labelPosition": "left" + }, + { + "property": "multiple", + "label": { + "text": { + "zh_CN": "多选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许输入框输入或选择多个项" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "multiple-limit", + "label": { + "text": { + "zh_CN": "最大可选值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "多选时用户最多可以选择的项目数，为 0 则不限制" + }, + "labelPosition": "left" + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "下拉框的类名" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置下拉框自定义的类名" + }, + "labelPosition": "left" + }, + { + "property": "collapse-tags", + "label": { + "text": { + "zh_CN": "多选展示" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "多选时是否将选中值按文字的形式展示" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值改变时触发" + }, + "description": { + "zh_CN": "在下拉框值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "下拉框选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onRemoveTag": { + "label": { + "zh_CN": "多选模式下移除tag时触发" + }, + "description": { + "zh_CN": "多选模式下移除tag时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "被移除Tag对应数据项的值字段" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "onBeforeMount": "console.log('table on load'); this.options = source.data" + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["multiple", "options"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "switch", + "name": { + "zh_CN": "开关" + }, + "component": "TinySwitch", + "description": "Switch 在两种状态间切换选择", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Switch", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 9, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否被禁用" + }, + "labelPosition": "left" + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "绑定默认值" + } + }, + { + "property": "true-value", + "label": { + "text": { + "zh_CN": "打开时的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置打开时的值(Boolean / String / Number)" + }, + "labelPosition": "left" + }, + { + "property": "false-value", + "label": { + "text": { + "zh_CN": "关闭时的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置关闭时的值(Boolean / String / Number)" + }, + "labelPosition": "left" + }, + { + "property": "mini", + "label": { + "text": { + "zh_CN": "迷你尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示为 mini 模式" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "点击事件" + }, + "description": { + "zh_CN": "按钮被点击时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "开关的状态值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的开关状态值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "mini"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "search", + "name": { + "zh_CN": "搜索框" + }, + "component": "TinySearch", + "description": "指定条件对象进行搜索数据", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Search", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "默认值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框内的默认搜索值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否被禁用" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本 " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框内的提示占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清空按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置显示清空图标按钮" + }, + "labelPosition": "left" + }, + { + "property": "isEnterSearch", + "label": { + "text": { + "zh_CN": "是否Enter键触发search事件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否在按下键盘Enter键的时候触发search事件" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他配置" + }, + "content": [ + { + "property": "mini", + "label": { + "text": { + "zh_CN": "迷你尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "迷你模式，配置为true时，搜索默认显示为一个带图标的圆形按钮，点击后展开" + }, + "labelPosition": "left" + }, + { + "property": "transparent", + "label": { + "text": { + "zh_CN": "透明模式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "配置为true时，边框变为透明且收缩后半透明显示，一般用在带有背景的场景，默认 false" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "输入完成时触发" + }, + "description": { + "zh_CN": "在 input 框中输入完成时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "type", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "搜索类型,默认值为 {} " + } + }, + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前input框中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onSearch": { + "label": { + "zh_CN": "点击搜索按钮时触发" + }, + "description": { + "zh_CN": "展开状态点击搜索按钮时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "type", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "搜索类型,默认值为 {} " + } + }, + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前input框中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["clearable", "mini"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "checkbox", + "name": { + "zh_CN": "复选框" + }, + "component": "TinyCheckbox", + "description": "用于配置不同场景的选项，提供用户可在一组选项中进行多选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Checkbox", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 4, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "checked", + "label": { + "text": { + "zh_CN": "勾选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "当前是否勾选" + }, + "labelPosition": "left" + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "复选框的文本" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "border", + "label": { + "text": { + "zh_CN": "边框" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示边框" + } + }, + { + "property": "false-label", + "label": { + "text": { + "zh_CN": "未选中的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "没有选中时的值" + } + }, + { + "property": "true-label", + "label": { + "text": { + "zh_CN": "选择时的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "选中时的值" + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "勾选值改变后将触发" + }, + "description": { + "zh_CN": "勾选值改变后将触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["border", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "checkboxbutton", + "name": { + "zh_CN": "复选按钮" + }, + "component": "TinyCheckboxButton", + "description": "用于配置不同场景的选项，提供用户可在一组选项中进行多选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CheckboxButton", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "checked", + "label": { + "text": { + "zh_CN": "勾选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "当前是否勾选" + }, + "labelPosition": "left" + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "按钮文本" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "勾选值改变后将触发" + }, + "description": { + "zh_CN": "勾选值改变后将触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "array", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["text", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "checkboxgroup", + "name": { + "zh_CN": "复选按钮组" + }, + "component": "TinyCheckboxGroup", + "description": "用于配置不同场景的选项，提供用户可在一组选项中进行多选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CheckboxGroup", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "dataType": "Array" + } + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "数据列表" + } + }, + "defaultValue": [ + { + "label": "标签2" + }, + { + "label": "标签2" + } + ], + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "checkbox组件列表" + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "button", + "value": "button" + }, + { + "label": "checkbox", + "value": "checkbox" + } + ] + } + }, + "description": { + "zh_CN": "checkbox组件类型（button/checkbox），该属性的默认值为 checkbox,配合 options 属性一起使用" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "勾选值改变后将触发" + }, + "description": { + "zh_CN": "勾选值改变后将触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "array", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "type"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "dialogbox", + "name": { + "zh_CN": "对话框" + }, + "component": "TinyDialogBox", + "description": "模态对话框，在浮层中显示，引导用户进行相关操作。", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "DialogBox", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 4, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "弹出框标题" + }, + "labelPosition": "left" + }, + { + "property": "visible", + "label": { + "text": { + "zh_CN": "显示与隐藏" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "控制弹出框显示与关闭" + }, + "labelPosition": "left" + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "弹出框的宽度" + }, + "labelPosition": "left" + }, + { + "property": "draggable", + "label": { + "text": { + "zh_CN": "可拖拽" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否开启弹窗的拖拽功能，默认值为 false 。" + } + }, + { + "property": "center", + "label": { + "text": { + "zh_CN": "居中" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "弹出框的头部与底部内容会自动居中" + }, + "labelPosition": "left" + }, + { + "property": "dialog-class", + "label": { + "text": { + "zh_CN": "自定义类" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "自定义配置弹窗类名" + }, + "labelPosition": "left" + }, + { + "property": "append-to-body", + "label": { + "text": { + "zh_CN": "插入到 Body " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "DialogBox 本身是否插入到 body 上，嵌套的 Dialog 必须指定该属性并赋值为 true" + }, + "labelPosition": "left" + }, + { + "property": "show-close", + "label": { + "text": { + "zh_CN": "关闭按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示关闭按钮，默认值为 true 。" + } + } + ] + } + ], + "selector": ".TinyDialogBox", + "events": { + "onClose": { + "label": { + "zh_CN": "关闭弹窗时触发" + }, + "description": { + "zh_CN": "Dialog 关闭的回调" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:visible": { + "label": { + "zh_CN": "双向绑定的状态改变时触发" + }, + "description": { + "zh_CN": "显示或隐藏的状态值，发生改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "boolean", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的显示或隐藏的状态值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "title": { + "label": { + "zh_CN": "标题区" + }, + "description": { + "zh_CN": "Dialog 标题区的内容" + } + }, + "footer": { + "label": { + "zh_CN": "按钮操作区" + }, + "description": { + "zh_CN": "Dialog 按钮操作区的内容" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": true, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": ".tiny-dialog-box", + "shortcuts": { + "properties": ["visible", "width"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tabs", + "name": { + "zh_CN": "标签页" + }, + "component": "TinyTabs", + "description": "分隔内容上有关联但属于不同类别的数据集合", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Tabs", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 10, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "showEditIcon", + "label": { + "text": { + "zh_CN": "显示编辑ICON " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示标题后编辑 ICON" + }, + "labelPosition": "left" + }, + { + "property": "tabs", + "label": { + "text": { + "zh_CN": "选项卡" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "", + "cols": 12, + "bindState": false, + "widget": { + "component": "MetaContainer", + "props": {} + }, + "description": { + "zh_CN": "tabs" + }, + "labelPosition": "none" + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "绑定值，选中选项卡的 name" + }, + "labelPosition": "left" + }, + { + "property": "with-add", + "label": { + "text": { + "zh_CN": "可新增" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "标签是否可增加" + }, + "labelPosition": "left" + }, + { + "property": "with-close", + "label": { + "text": { + "zh_CN": "可关闭" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "标签是否可关闭" + }, + "labelPosition": "left" + }, + { + "property": "tab-style", + "label": { + "text": { + "zh_CN": "标签页样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "card", + "value": "card" + }, + { + "label": "border-card", + "value": "border-card" + } + ] + } + }, + "description": { + "zh_CN": "标签页样式" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击页签时触发事件" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "component", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前点击的页签对象" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onEdit": { + "label": { + "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" + }, + "description": { + "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "tab", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前操作的页签对象" + } + }, + { + "name": "type", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前操作的类型（remove || add || edit）" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClose": { + "label": { + "zh_CN": "关闭页签时触发" + }, + "description": { + "zh_CN": "关闭页签时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "name", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "页签名称" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "clickCapture": false, + "isModal": false, + "nestingRule": { + "childWhitelist": ["TinyTabItem"], + "parentWhitelist": [], + "descendantBlacklist": [], + "ancestorWhitelist": [] + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["size", "tab-style"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tabitem", + "name": { + "zh_CN": "tab页签" + }, + "component": "TinyTabItem", + "description": "tab 标签页", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "TabItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "唯一表示" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "唯一表示" + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "标题" + } + } + ] + } + ], + "events": {}, + "slots": { + "title": { + "label": { + "zh_CN": "标题" + }, + "description": { + "zh_CN": "自定义标题" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": ["TinyTab"], + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["name", "title"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "breadcrumb", + "name": { + "zh_CN": "面包屑" + }, + "component": "TinyBreadcrumb", + "description": "告诉访问者他们目前在网站中的位置以及如何返回", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Select", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "separator", + "label": { + "text": { + "zh_CN": "分隔符" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "自定义分隔符" + }, + "labelPosition": "left" + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "options" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "textField", + "label": { + "text": { + "zh_CN": "textField" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + } + } + ] + } + ], + "events": { + "onSelect": { + "label": { + "zh_CN": "选择 breadcrumb 时触发" + }, + "description": { + "zh_CN": "选择 breadcrumb 时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "clickCapture": false, + "isModal": false, + "nestingRule": { + "childWhitelist": ["TinyBreadcrumbItem"], + "parentWhitelist": [], + "descendantBlacklist": [], + "ancestorWhitelist": [] + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["separator"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "breadcrumb", + "name": { + "zh_CN": "面包屑项" + }, + "component": "TinyBreadcrumbItem", + "description": "", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "BreadcrumbItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "to", + "label": { + "text": { + "zh_CN": "路由路径" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "面包屑项" + } + } + ] + } + ], + "slots": { + "default": { + "label": { + "zh_CN": "面包屑项标签" + }, + "description": { + "zh_CN": "面包屑项" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": ["TinyBreadcrumb"], + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["to"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "collapse", + "name": { + "zh_CN": "折叠面板" + }, + "component": "TinyCollapse", + "description": "内容区可指定动态页面或自定义 html 等，支持展开收起操作", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Collapse", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 3, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "当前激活的面板" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定当前激活的面板" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "激活面板改变时触发" + }, + "description": { + "zh_CN": "当前激活面板改变时触发(如果是手风琴模式，参数 activeNames 类型为string，否则为array)" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "data", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前激活面板的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前激活面板的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "collapseitem", + "name": { + "zh_CN": "折叠面板项" + }, + "component": "TinyCollapseItem", + "description": "内容区可指定动态页面或自定义 html 等，支持展开收起操作", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CollapseItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "唯一标志符" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "唯一标志符;String | Number" + }, + "labelPosition": "left" + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "面板标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "面板标题" + }, + "labelPosition": "left" + } + ] + } + ], + "events": {}, + "slots": { + "title": { + "label": { + "zh_CN": "标题" + }, + "description": { + "zh_CN": "自定义标题" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "grid", + "name": { + "zh_CN": "表格" + }, + "component": "TinyGrid", + "description": "提供了非常强大数据表格功能，可以展示数据列表，可以对数据列表进行选择、编辑等", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Grid", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础属性" + }, + "description": { + "zh_CN": "基础属性" + }, + "collapse": { + "number": 15, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "表格数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "onChange": "this.delProp('fetchData')", + "description": { + "zh_CN": "设置表格的数据" + } + }, + { + "property": "columns", + "label": { + "text": { + "zh_CN": "表格列" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "title", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "列标题" + } + }, + "widget": { + "component": "MetaBindI18n", + "props": {} + } + }, + { + "property": "field", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "列键值" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "sortable", + "type": "boolean", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "是否排序" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "width", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "列宽" + } + }, + "widget": { + "component": "MetaNumber", + "props": {} + } + }, + { + "property": "formatText", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "内置渲染器" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "整数", + "value": "integer" + }, + { + "label": "小数", + "value": "number" + }, + { + "label": "金额", + "value": "money" + }, + { + "label": "百分比", + "value": "rate" + }, + { + "label": "布尔", + "value": "boole" + }, + { + "label": "年月日", + "value": "date" + }, + { + "label": "年月日时分", + "value": "dateTime" + }, + { + "label": "时间", + "value": "time" + }, + { + "label": "省略", + "value": "ellipsis" + } + ] + } + } + }, + { + "property": "renderer", + "type": "object", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "渲染函数" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "dataType": "JSFunction" + } + } + }, + { + "property": "slots", + "type": "object", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "插槽" + } + }, + "labelPosition": "none", + "widget": { + "component": "MetaJsSlot", + "props": { + "slots": ["header", "default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "列类型" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "索引列", + "value": "index" + }, + { + "label": "单选列", + "value": "radio" + }, + { + "label": "多选列", + "value": "selection" + }, + { + "label": "展开列", + "value": "expand" + } + ], + "clearable": true + } + }, + "description": { + "zh_CN": "设置内置列的类型，该属性的可选值为 index（序号）/ selection（复选框）/ radio（单选框）/ expand（展开行）" + }, + "labelPosition": "left" + }, + { + "property": "editor", + "label": { + "text": { + "zh_CN": "编辑配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "单元格编辑渲染配置项，也可以是函数 Function(h, params)" + }, + "labelPosition": "left" + }, + { + "property": "filter", + "label": { + "text": { + "zh_CN": "筛选配置" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "设置表格列的筛选配置信息。默认值为 false 不配置筛选信息" + } + }, + { + "property": "showOverflow", + "label": { + "text": { + "zh_CN": "内容超出部分省略号配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "只显示省略号", + "value": "ellipsis" + }, + { + "label": "显示为原生 title", + "value": "title" + }, + { + "label": "显示为 tooltip 提示", + "value": "tooltip" + } + ], + "clearable": true + } + }, + "description": { + "zh_CN": "设置内置列的内容超出部分显示省略号配置，该属性的可选值为 ellipsis（只显示省略号）/ title（显示为原生 title）/ tooltip（显示为 tooltip 提示）" + }, + "labelPosition": "left" + } + ] + } + ], + "widget": { + "component": "MetaArrayItem", + "props": { + "type": "object", + "textField": "title", + "language": "json", + "buttonText": "编辑列配置", + "title": "编辑列配置", + "expand": true + } + }, + "description": { + "zh_CN": "表格列的配置信息" + }, + "labelPosition": "left" + }, + { + "property": "fetchData", + "label": { + "text": { + "zh_CN": "服务端数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "onChange": "this.delProp('data')", + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "name": "fetchData", + "dataType": "JSExpression" + } + }, + "description": { + "zh_CN": "服务端数据查询方法" + } + }, + { + "property": "pager", + "label": { + "text": { + "zh_CN": "分页配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "defaultValue": { + "attrs": { + "currentPage": 1 + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "name": "pager", + "dataType": "JSExpression" + } + }, + "description": { + "zh_CN": "分页配置" + } + }, + { + "property": "resizable", + "label": { + "text": { + "zh_CN": "调整列宽" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许调整列宽" + }, + "labelPosition": "left" + }, + { + "property": "row-id", + "label": { + "text": { + "zh_CN": "行数据唯一标识的字段名" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "placeholder": "比如：id" + } + }, + "description": { + "zh_CN": "行数据唯一标识的字段名" + }, + "labelPosition": "left" + }, + { + "property": "select-config", + "label": { + "text": { + "zh_CN": "复选框配置" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "dataType": "JSExpression" + } + }, + "description": { + "zh_CN": "表格行数据复选框配置项" + }, + "labelPosition": "left" + }, + { + "property": "edit-rules", + "label": { + "text": { + "zh_CN": "校验规则" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表格校验规则配置项" + }, + "labelPosition": "left" + }, + { + "property": "edit-config", + "label": { + "text": { + "zh_CN": "编辑配置项" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表格编辑配置项" + } + }, + { + "property": "expand-config", + "label": { + "text": { + "zh_CN": "复选框配置项" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "复选框配置项" + }, + "labelPosition": "left" + }, + { + "property": "sortable", + "label": { + "text": { + "zh_CN": "可排序" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许列数据排序。默认为 true 可排序" + }, + "labelPosition": "left" + } + ] + }, + { + "label": { + "zh_CN": "其他属性" + }, + "description": { + "zh_CN": "其他属性" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "auto-resize", + "label": { + "text": { + "zh_CN": "可排序" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许列数据排序。默认为 true 可排序" + }, + "labelPosition": "left" + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "边框" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "labelPosition": "left" + }, + { + "property": "seq-serial", + "label": { + "text": { + "zh_CN": "行号连续" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置行序号是否连续，开启分页时有效，该属性的默认值为 false" + }, + "labelPosition": "left" + }, + { + "property": "highlight-current-row", + "label": { + "text": { + "zh_CN": "高亮当前行" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "高亮当前行" + }, + "labelPosition": "left" + }, + { + "property": "highlight-hover-row", + "label": { + "text": { + "zh_CN": "hover 时候高亮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "鼠标移到行是否要高亮显示" + }, + "labelPosition": "left" + }, + { + "property": "row-class-name", + "label": { + "text": { + "zh_CN": "hover 高亮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "给行附加 className，也可以是函数 Function({seq, row, rowIndex, $rowIndex})" + }, + "labelPosition": "left" + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "最大高度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置表格内容区域（不含表格头部，底部）的最大高度。" + }, + "labelPosition": "left" + }, + { + "property": "row-span", + "label": { + "text": { + "zh_CN": "行合并" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置行合并,该属性仅适用于普通表格，不可与 tree-config 同时使用" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onFilterChange": { + "label": { + "zh_CN": "筛选条件改变时触发改事件" + }, + "description": { + "zh_CN": "配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onSortChange": { + "label": { + "zh_CN": "点击列头，执行数据排序前触发的事件" + }, + "description": { + "zh_CN": "配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onSelectAll": { + "label": { + "zh_CN": "当手动勾选全选时触发的事件" + }, + "description": { + "zh_CN": "只对 type=selection 有效，当手动勾选全选时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " 包含 table 实例对象" + } + }, + { + "name": "checked", + "type": "boolean", + "defaultValue": "", + "description": { + "zh_CN": "勾选状态" + } + }, + { + "name": "selction", + "type": "Array", + "defaultValue": "", + "description": { + "zh_CN": "选中的表格数据数组" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onSelectChange": { + "label": { + "zh_CN": "手动勾选并且值发生改变时触发的事件" + }, + "description": { + "zh_CN": "只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " table 实例对象" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " 原生 Event" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onToggleExpandChange": { + "label": { + "zh_CN": "当行展开或收起时会触发该事件" + }, + "description": { + "zh_CN": "当行展开或收起时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "{$table,row,rowIndex} 包含 table 实例对象和当前行数据的对象" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " 原生 Event" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onCurrentChange": { + "label": { + "zh_CN": "行点击时触发" + }, + "description": { + "zh_CN": "行点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": ["sortable", "columns"] + }, + "contentMenu": { + "actions": ["create symbol"] + }, + "onBeforeMount": "console.log('table on load'); this.pager = source.pager; this.fetchData = source.fetchData; this.data = source.data ;this.columns = source.columns" + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["sortable", "columns"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "分页" + }, + "component": "TinyPager", + "icon": "pager", + "description": "当数据量过多时，使用分页分解数据，常用于 Grid 和 Repeater 组件", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Pager", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "currentPage", + "label": { + "text": { + "zh_CN": "当前页数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "当前页数，支持 .sync 修饰符" + }, + "labelPosition": "left" + }, + { + "property": "pageSize", + "label": { + "text": { + "zh_CN": "每页条数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "每页显示条目个数" + }, + "labelPosition": "left" + }, + { + "property": "pageSizes", + "label": { + "text": { + "zh_CN": "可选每页条数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置可选择的每页显示条数" + } + }, + { + "property": "total", + "label": { + "text": { + "zh_CN": "总条数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "数据总条数" + }, + "labelPosition": "left" + }, + { + "property": "layout", + "label": { + "text": { + "zh_CN": "布局" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "defaultValue": "total,sizes,prev, pager, next", + "widget": { + "component": "MetaInput", + "props": { + "type": "textarea" + } + }, + "description": { + "zh_CN": "组件布局，子组件名用逗号分隔" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onCurrentChange ": { + "label": { + "zh_CN": "切换页码时触发" + }, + "description": { + "zh_CN": "切换页码时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前页的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onPrevClick ": { + "label": { + "zh_CN": "点击上一页按钮时触发" + }, + "description": { + "zh_CN": "点击上一页按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "page", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前页的页码值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onNextClick": { + "label": { + "zh_CN": "点击下一页按钮时触发" + }, + "description": { + "zh_CN": "点击上一页按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "page", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前页的页码值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["currentPage", "total"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "弹出编辑" + }, + "component": "TinyPopeditor", + "icon": "popEditor", + "description": "该组件只能在弹出的面板中选择数据，不能手动输入数据；弹出面板中显示为 Tree 组件或者 Grid 组件", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "PopEditor", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 6, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "show-clear-btn", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "width", + "label": { + "text": { + "zh_CN": "宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置弹出面板的宽度（单位像素）" + }, + "labelPosition": "left" + }, + { + "property": "conditions", + "label": { + "text": { + "zh_CN": "过滤条件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "当弹出面板配置的是表格时，设置弹出面板中的过滤条件" + }, + "labelPosition": "left" + }, + { + "property": "grid-op", + "label": { + "text": { + "zh_CN": "表格配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置弹出面板中表格组件的配置信息" + }, + "labelPosition": "left" + }, + { + "property": "pager-op", + "label": { + "text": { + "zh_CN": "分页配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置弹出编辑框中分页配置" + }, + "labelPosition": "left" + }, + { + "property": "multi", + "label": { + "text": { + "zh_CN": "多选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置弹出面板中的数据是否可多选" + }, + "labelPosition": "left" + }, + { + "property": "show-pager", + "label": { + "text": { + "zh_CN": "启用分页" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "当 popseletor 为 grid 时才能生效，配置为 true 后还需配置 pagerOp 属性" + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "选中值改变时触发" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项的值" + } + }, + { + "name": "value", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中对象" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClose": { + "label": { + "zh_CN": "弹框关闭时触发的事件" + }, + "description": { + "zh_CN": "弹框关闭时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onPageChange": { + "label": { + "zh_CN": "分页切换事件" + }, + "description": { + "zh_CN": "表格模式下分页切换事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前页码数" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["modelValue", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tree", + "name": { + "zh_CN": "树" + }, + "component": "TinyTree", + "description": "可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Tree", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 12, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "show-checkbox", + "label": { + "text": { + "zh_CN": "多选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置接口是否可以多选" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据源" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "label": "一级 1", + "children": [ + { + "label": "二级 1-1" + } + ] + } + ], + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "可配置静态数据源和动态数据源" + } + }, + { + "property": "node-key", + "label": { + "text": { + "zh_CN": "唯一标识" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "节点唯一标识属性名称" + }, + "labelPosition": "left" + }, + { + "property": "render-content", + "label": { + "text": { + "zh_CN": "渲染函数" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "disabled": true, + "placeholder": "请使用变量绑定来绑定函数" + } + }, + "description": { + "zh_CN": "树节点的内容区的渲染函数" + } + }, + { + "property": "icon-trigger-click-node", + "label": { + "text": { + "zh_CN": "触发NodeClick 事件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "点击图标展开节点时是否触发 node-click 事件" + }, + "labelPosition": "left" + }, + { + "property": "expand-icon", + "label": { + "text": { + "zh_CN": "展开图标" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "节点展开图标" + }, + "labelPosition": "left" + }, + { + "property": "shrink-icon", + "label": { + "text": { + "zh_CN": "收缩图标" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "节点收缩的图标" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "check-on-click-node", + "label": { + "text": { + "zh_CN": "点击节点选中" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点" + }, + "labelPosition": "left" + }, + { + "property": "filter-node-method", + "label": { + "text": { + "zh_CN": "筛选函数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "节点筛选函数" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onCheck": { + "label": { + "zh_CN": "勾选节点后的事件" + }, + "description": { + "zh_CN": "勾选节点后的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "data", + "type": "object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中节点信息" + } + }, + { + "name": "currentNode", + "type": "object", + "defaultValue": "", + "description": { + "zh_CN": "树组件目前的选中状态信息，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onNodeClick": { + "label": { + "zh_CN": "点击节点后的事件" + }, + "description": { + "zh_CN": "点击节点后的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "data", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中节点信息" + } + }, + { + "name": "node", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "树组件目前的选中状态信息，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性" + } + }, + { + "name": "vm", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "树组件实例" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["data", "show-checkbox"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "timeline", + "name": { + "zh_CN": "时间线" + }, + "component": "TinyTimeLine", + "description": "TimeLine 时间线", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "TimeLine", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 3, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "horizontal", + "type": "Boolean", + "defaultValue": { + "type": "i18n", + "zh_CN": "布局", + "en_US": "layout", + "key": "" + }, + "label": { + "text": { + "zh_CN": "水平布局" + } + }, + "cols": 12, + "rules": [], + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "节点和文字横向布局" + } + }, + { + "property": "vertical", + "type": "Boolean", + "defaultValue": { + "type": "i18n", + "zh_CN": "垂直布局", + "en_US": "layout", + "key": "" + }, + "label": { + "text": { + "zh_CN": "垂直布局" + } + }, + "cols": 12, + "rules": [], + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "节点和文字垂直布局" + } + }, + { + "property": "active", + "label": { + "text": { + "zh_CN": "选中值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "步骤条的选中步骤值" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "name": "配置基本信息", + "status": "ready" + }, + { + "name": "配置报价", + "status": "wait" + }, + { + "name": "完成报价", + "status": "wait" + } + ], + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "时间线步骤条数据" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "节点的点击时触发" + }, + "description": { + "zh_CN": "节点的点击时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "type", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "点击节点的下标" + } + }, + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前节点对象：{ name: 节点名称, time: 时间 }" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["active", "data"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tooltip", + "name": { + "zh_CN": "文字提示框" + }, + "component": "TinyTooltip", + "description": "动态显示提示信息，一般通过鼠标事件进行响应；提供 warning、error、info、success 四种类型显示不同类别的信", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Tooltip", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 11, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 20, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "placement", + "label": { + "text": { + "zh_CN": "提示位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "top", + "value": "top" + }, + { + "label": "top-start", + "value": "top-start" + }, + { + "label": "top-end", + "value": "top-end" + }, + { + "label": "bottom", + "value": "bottom" + }, + { + "label": "bottom-start", + "value": "bottom-start" + }, + { + "label": "bottom-end", + "value": "bottom-end" + }, + { + "label": "left", + "value": "left" + }, + { + "label": "left-start", + "value": "left-start" + }, + { + "label": "left-end", + "value": "left-end" + }, + { + "label": "right", + "value": "right" + }, + { + "label": "right-start", + "value": "right-start" + }, + { + "label": "right-end", + "value": "right-end" + } + ] + } + }, + "description": { + "zh_CN": "Tooltip 的出现位置" + }, + "labelPosition": "left" + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "提示信息", + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "显示的内容，也可以通过 slot#content 传入 DOM" + } + }, + { + "property": "render-content", + "label": { + "text": { + "zh_CN": "渲染函数" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "disabled": true, + "placeholder": "请使用变量绑定来绑定函数" + } + }, + "description": { + "zh_CN": "自定义渲染函数，返回需要渲染的节点内容" + } + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "是否可见" + } + }, + "defaultValue": true, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "状态是否可见" + } + }, + { + "property": "manual", + "label": { + "text": { + "zh_CN": "手动控制" + } + }, + "defaultValue": true, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "手动控制模式，设置为 true 后，mouseenter 和 mouseleave 事件将不会生效" + } + } + ] + } + ], + "events": {}, + "slots": { + "content": { + "label": { + "zh_CN": "提示内容" + }, + "description": { + "zh_CN": "自定义提示内容" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "isPopper": true, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "content"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "popover", + "name": { + "zh_CN": "提示框" + }, + "component": "TinyPopover", + "description": "Popover可通过对一个触发源操作触发弹出框,支持自定义弹出内容，延迟触发和渐变动画", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Popover", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 7, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "双向绑定，手动控制是否可见的状态值" + }, + "labelPosition": "left" + }, + { + "property": "placement", + "label": { + "text": { + "zh_CN": "位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "top", + "value": "top" + }, + { + "label": "top-start", + "value": "top-start" + }, + { + "label": "top-end", + "value": "top-end" + }, + { + "label": "bottom", + "value": "bottom" + }, + { + "label": "bottom-start", + "value": "bottom-start" + }, + { + "label": "bottom-end", + "value": "bottom-end" + }, + { + "label": "left", + "value": "left" + }, + { + "label": "left-start", + "value": "left-start" + }, + { + "label": "left-end", + "value": "left-end" + }, + { + "label": "right", + "value": "right" + }, + { + "label": "right-start", + "value": "right-start" + }, + { + "label": "right-end", + "value": "right-end" + } + ] + } + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "left" + }, + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "触发方式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "click", + "value": "click" + }, + { + "label": "focus", + "value": "focus" + }, + { + "label": "hover", + "value": "hover" + }, + { + "label": "manual", + "value": "manual" + } + ] + } + }, + "description": { + "zh_CN": "触发方式，该属性的可选值为 click / focus / hover / manual，该属性的默认值为 click" + } + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "自定义类" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "为 popper 添加类名" + }, + "labelPosition": "left" + }, + { + "property": "visible-arrow", + "label": { + "text": { + "zh_CN": "显示箭头" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示 Tooltip 箭头" + } + }, + { + "property": "append-to-body", + "label": { + "text": { + "zh_CN": "添加到body上" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "Popover弹窗是否添加到body上" + } + }, + { + "property": "arrow-offset", + "label": { + "text": { + "zh_CN": "箭头的位置偏移" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "箭头的位置偏移，该属性的默认值为 0" + } + }, + { + "property": "close-delay", + "label": { + "text": { + "zh_CN": "隐藏延迟" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "触发方式为 hover 时的隐藏延迟，单位为毫秒" + } + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "显示的内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "显示的内容，也可以通过 slot 传入 DOM" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "Popover 是否可用" + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "位置偏移量" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "出现位置的偏移量" + } + }, + { + "property": "open-delay", + "label": { + "text": { + "zh_CN": "显示延迟" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "触发方式为 hover 时的显示延迟，单位为毫秒" + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper.js的参数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "popper.js 的参数" + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "标题" + } + }, + { + "property": "transform-origin", + "label": { + "text": { + "zh_CN": "旋转中心点" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "组件的旋转中心点,组件的旋转中心点" + } + }, + { + "property": "transition", + "label": { + "text": { + "zh_CN": "定义渐变动画" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "该属性的默认值为 fade-in-linear" + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "宽度" + } + } + ] + } + ], + "events": { + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "手动控制是否可见的状态值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "boolean", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的可见状态值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "isPopper": true, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["visible", "width"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "日期选择" + }, + "component": "TinyDatePicker", + "icon": "datepick", + "description": "用于输入或选择日期", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "DatePicker", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "日期", + "value": "date" + }, + { + "label": "日期时间", + "value": "datetime" + }, + { + "label": "周", + "value": "week" + }, + { + "label": "月份", + "value": "month" + }, + { + "label": "年份", + "value": "year" + } + ] + } + }, + "description": { + "zh_CN": "设置日期框的type属性" + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "禁用" + } + }, + { + "property": "readonly", + "label": { + "text": { + "zh_CN": "是否只读" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "medium", + "value": "medium" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "mini", + "value": "mini" + } + ] + } + }, + "description": { + "zh_CN": "日期框尺寸。该属性的可选值为 medium / small / mini" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "maxlength", + "label": { + "text": { + "zh_CN": "最大长度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置 input 框的maxLength" + }, + "labelPosition": "left" + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "聚焦" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "自动获取焦点" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值改变时触发" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框改变后的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onInput": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框输入的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["value", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "数字输入框" + }, + "component": "TinyNumeric", + "icon": "numeric", + "description": "通过鼠标或键盘输入字符", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Numeric", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "allow-empty", + "label": { + "text": { + "zh_CN": "内容可清空" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否内容可清空" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "禁用" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "medium", + "value": "medium" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "mini", + "value": "mini" + } + ] + } + }, + "description": { + "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" + } + }, + { + "property": "controls", + "label": { + "text": { + "zh_CN": "是否使用加减按钮" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "controls-position", + "label": { + "text": { + "zh_CN": "加减按钮位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "左右两侧", + "value": "" + }, + { + "label": "只在右侧", + "value": "right" + } + ] + } + }, + "description": { + "zh_CN": "加减按钮位置" + }, + "labelPosition": "left" + }, + { + "property": "precision", + "label": { + "text": { + "zh_CN": "数值精度" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "allowEmpty": true + } + }, + "description": { + "zh_CN": "数值精度" + }, + "labelPosition": "left" + }, + { + "property": "step", + "label": { + "text": { + "zh_CN": "步长" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "allowEmpty": true + } + }, + "description": { + "zh_CN": "步长" + }, + "labelPosition": "left" + }, + { + "property": "max", + "label": { + "text": { + "zh_CN": "可输入的最大数值" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "allowEmpty": true + } + }, + "description": { + "zh_CN": "可输入的最大数值" + }, + "labelPosition": "left" + }, + { + "property": "min", + "label": { + "text": { + "zh_CN": "可输入的最小数值" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "allowEmpty": true + } + }, + "description": { + "zh_CN": "可输入的最大数值" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值改变时触发" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框改变后的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onInput": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框输入的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["value", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + } + ], + "blocks": [], + "snippets": [ + { + "group": "element-plus", + "children": [ + { + "name": { + "zh_CN": "输入框" + }, + "icon": "input", + "screenshot": "", + "snippetName": "ElInput", + "schema": {} + }, + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "ElButton", + "schema": { + "children": [ + { + "componentName": "Text", + "props": { + "text": "按钮文本" + } + } + ] + } + }, + { + "name": { + "zh_CN": "表单" + }, + "icon": "form", + "screenshot": "", + "snippetName": "ElForm", + "schema": { + "children": [ + { + "componentName": "ElFormItem", + "props": { + "label": "账号", + "prop": "account" + }, + "children": [ + { + "componentName": "ElInput", + "props": { + "modelValue": "", + "placeholder": "请输入账号" + } + } + ] + }, + { + "componentName": "ElFormItem", + "props": { + "label": "密码", + "prop": "password" + }, + "children": [ + { + "componentName": "ElInput", + "props": { + "modelValue": "", + "placeholder": "请输入密码", + "type": "password" + } + } + ] + }, + { + "componentName": "ElFormItem", + "props": {}, + "children": [ + { + "componentName": "ElButton", + "props": { + "type": "primary", + "style": "margin-right: 10px" + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": "提交" + } + } + ] + }, + { + "componentName": "ElButton", + "props": { + "type": "primary" + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": "重置" + } + } + ] + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "表格" + }, + "icon": "grid", + "screenshot": "", + "snippetName": "ElTable", + "schema": { + "props": { + "data": [ + { + "date": "2016-05-03", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + }, + { + "date": "2016-05-02", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + }, + { + "date": "2016-05-04", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + }, + { + "date": "2016-05-01", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + } + ], + "columns": [ + { + "type": "index" + }, + { + "label": "Date", + "prop": "date" + }, + { + "label": "Name", + "prop": "name" + }, + { + "label": "Address", + "prop": "address" + } + ] + } + } + } + ] + }, + { + "group": "html", + "children": [ + { + "name": { + "zh_CN": "段落" + }, + "icon": "paragraph", + "screenshot": "", + "snippetName": "p", + "schema": { + "componentName": "p", + "children": "TinyEngine 前端可视化设计器致力于通过友好的用户交互提升业务应用的开发效率。" + } + }, + { + "name": { + "zh_CN": "链接" + }, + "icon": "link", + "screenshot": "", + "snippetName": "a", + "schema": { + "componentName": "a", + "children": "链接" + } + }, + { + "name": { + "zh_CN": "分隔线" + }, + "icon": "hr", + "screenshot": "", + "snippetName": "hr", + "schema": {} + }, + { + "name": { + "zh_CN": "标题" + }, + "icon": "h16", + "screenshot": "", + "snippetName": "h1", + "schema": { + "componentName": "h1", + "props": {}, + "children": "Heading" + } + }, + { + "name": { + "zh_CN": "输入框" + }, + "icon": "input", + "screenshot": "", + "snippetName": "input", + "schema": { + "componentName": "input", + "props": { + "type": "text", + "placeholder": "请输入" + } + } + }, + { + "name": { + "zh_CN": "视频" + }, + "icon": "video", + "screenshot": "", + "snippetName": "video", + "schema": { + "componentName": "video", + "props": { + "src": "img/webNova.jpg", + "width": "200", + "height": "100", + "style": "border:1px solid #ccc" + } + } + }, + { + "name": { + "zh_CN": "图片" + }, + "icon": "Image", + "screenshot": "", + "snippetName": "img", + "schema": { + "componentName": "img", + "props": { + "src": "img/webNova.jpg", + "width": "200", + "height": "100" + } + } + }, + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "button", + "schema": { + "componentName": "button", + "props": {}, + "children": [ + { + "componentName": "Text", + "props": { + "text": "按钮文案" + } + } + ] + } + }, + { + "name": { + "zh_CN": "表格" + }, + "icon": "table", + "screenshot": "", + "snippetName": "table", + "schema": { + "componentName": "table", + "props": { + "border": "1" + }, + "children": [ + { + "componentName": "tr", + "children": [ + { + "componentName": "td", + "children": "Month" + }, + { + "componentName": "td", + "children": "Savings" + } + ] + }, + { + "componentName": "tr", + "children": [ + { + "componentName": "td", + "children": "January" + }, + { + "componentName": "td", + "children": "100" + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "表单" + }, + "icon": "form", + "screenshot": "", + "snippetName": "form", + "schema": { + "componentName": "form", + "props": { + "action": "action" + }, + "children": [ + { + "componentName": "label", + "props": { + "for": "male" + }, + "children": "male" + }, + { + "componentName": "input", + "props": { + "type": "text" + } + }, + { + "componentName": "br" + }, + { + "componentName": "label", + "props": { + "for": "Female" + }, + "children": "Female" + }, + { + "componentName": "input", + "props": { + "type": "text" + } + } + ] + } + } + ] + }, + { + "group": "content", + "children": [ + { + "name": { + "zh_CN": "走马灯" + }, + "screenshot": "", + "snippetName": "tiny-carousel", + "icon": "carousel", + "schema": { + "componentName": "TinyCarousel", + "props": { + "height": "180px" + }, + "children": [ + { + "componentName": "TinyCarouselItem", + "children": [ + { + "componentName": "div", + "props": { + "style": "margin:10px 0 0 30px" + } + } + ] + }, + { + "componentName": "TinyCarouselItem", + "children": [ + { + "componentName": "div", + "props": { + "style": "margin:10px 0 0 30px" + } + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "表单" + }, + "screenshot": "", + "snippetName": "tiny-form", + "icon": "form", + "schema": { + "componentName": "TinyForm", + "props": { + "labelWidth": "80px", + "labelPosition": "top" + }, + "children": [ + { + "componentName": "TinyFormItem", + "props": { + "label": "人员" + }, + "children": [ + { + "componentName": "TinyInput", + "props": { + "placeholder": "请输入", + "modelValue": "" + } + } + ] + }, + { + "componentName": "TinyFormItem", + "props": { + "label": "密码" + }, + "children": [ + { + "componentName": "TinyInput", + "props": { + "placeholder": "请输入", + "modelValue": "", + "type": "password" + } + } + ] + }, + { + "componentName": "TinyFormItem", + "props": { + "label": "" + }, + "children": [ + { + "componentName": "TinyButton", + "props": { + "text": "提交", + "type": "primary", + "style": "margin-right: 10px" + } + }, + { + "componentName": "TinyButton", + "props": { + "text": "重置", + "type": "primary" + } + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "下拉框" + }, + "icon": "select", + "screenshot": "", + "snippetName": "TinySelect", + "schema": { + "componentName": "TinySelect", + "props": { + "modelValue": "", + "placeholder": "请选择", + "options": [ + { + "value": "1", + "label": "黄金糕" + }, + { + "value": "2", + "label": "双皮奶" + } + ] + } + } + }, + { + "name": { + "zh_CN": "开关" + }, + "icon": "switch", + "screenshot": "", + "snippetName": "TinySwitch", + "schema": { + "componentName": "TinySwitch", + "props": { + "modelValue": "" + } + } + }, + { + "name": { + "zh_CN": "复选框组" + }, + "icon": "checkboxs", + "screenshot": "", + "snippetName": "TinyCheckboxGroup", + "schema": { + "componentName": "TinyCheckboxGroup", + "props": { + "modelValue": ["name1", "name2"], + "type": "checkbox", + "options": [ + { + "text": "复选框1", + "label": "name1" + }, + { + "text": "复选框2", + "label": "name2" + }, + { + "text": "复选框3", + "label": "name3" + } + ] + } + } + }, + { + "name": { + "zh_CN": "复选框拖拽按钮组" + }, + "icon": "checkboxgroup", + "screenshot": "", + "snippetName": "TinyCheckboxbuttonGroup", + "schema": { + "componentName": "TinyCheckboxGroup", + "props": { + "modelValue": [] + }, + "children": [ + { + "componentName": "TinyCheckboxButton", + "children": [ + { + "componentName": "div" + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "对话框" + }, + "screenshot": "", + "snippetName": "TinyDialogBox", + "icon": "dialogbox", + "schema": { + "componentName": "TinyDialogBox", + "props": { + "visible": true, + "show-close": true, + "title": "dialogBox title" + }, + "children": [ + { + "componentName": "div" + } + ] + } + }, + { + "name": { + "zh_CN": "标签页" + }, + "icon": "tabs", + "screenshot": "", + "group": true, + "snippetName": "TinyTabs", + "schema": { + "componentName": "TinyTabs", + "props": { + "modelValue": "first" + }, + "children": [ + { + "componentName": "TinyTabItem", + "props": { + "title": "标签页1", + "name": "first" + }, + "children": [ + { + "componentName": "div", + "props": { + "style": "margin:10px 0 0 30px" + } + } + ] + }, + { + "componentName": "TinyTabItem", + "props": { + "title": "标签页2", + "name": "second" + }, + "children": [ + { + "componentName": "div", + "props": { + "style": "margin:10px 0 0 30px" + } + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "折叠面板" + }, + "screenshot": "", + "snippetName": "TinyCollapse", + "icon": "collapse", + "schema": { + "componentName": "TinyCollapse", + "props": { + "modelValue": "collapse1" + }, + "children": [ + { + "componentName": "TinyCollapseItem", + "props": { + "name": "collapse1", + "title": "折叠项1" + }, + "children": [ + { + "componentName": "div" + } + ] + }, + { + "componentName": "TinyCollapseItem", + "props": { + "name": "collapse2", + "title": "折叠项2" + }, + "children": [ + { + "componentName": "div" + } + ] + }, + { + "componentName": "TinyCollapseItem", + "props": { + "name": "collapse3", + "title": "折叠项3" + }, + "children": [ + { + "componentName": "div" + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "表格" + }, + "icon": "grid", + "screenshot": "", + "snippetName": "tinyGrid", + "schema": { + "componentName": "TinyGrid", + "props": { + "editConfig": { + "trigger": "click", + "mode": "cell", + "showStatus": true + }, + "columns": [ + { + "type": "index", + "width": 60 + }, + { + "type": "selection", + "width": 60 + }, + { + "field": "employees", + "title": "员工数" + }, + { + "field": "created_date", + "title": "创建日期" + }, + { + "field": "city", + "title": "城市" + } + ], + "data": [ + { + "id": "1", + "name": "GFD科技有限公司", + "city": "福州", + "employees": 800, + "created_date": "2014-04-30 00:56:00", + "boole": false + }, + { + "id": "2", + "name": "WWW科技有限公司", + "city": "深圳", + "employees": 300, + "created_date": "2016-07-08 12:36:22", + "boole": true + } + ] + } + } + }, + { + "name": { + "zh_CN": "弹出编辑" + }, + "icon": "popeditor", + "screenshot": "", + "snippetName": "TinyPopeditor", + "schema": { + "componentName": "TinyPopeditor", + "props": { + "modelValue": "", + "placeholder": "请选择", + "gridOp": { + "columns": [ + { + "field": "id", + "title": "ID", + "width": 40 + }, + { + "field": "name", + "title": "名称", + "showOverflow": "tooltip" + }, + { + "field": "province", + "title": "省份", + "width": 80 + }, + { + "field": "city", + "title": "城市", + "width": 80 + } + ], + "data": [ + { + "id": "1", + "name": "GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司", + "city": "福州", + "province": "福建" + }, + { + "id": "2", + "name": "WWW科技有限公司", + "city": "深圳", + "province": "广东" + }, + { + "id": "3", + "name": "RFV有限责任公司", + "city": "中山", + "province": "广东" + }, + { + "id": "4", + "name": "TGB科技有限公司", + "city": "龙岩", + "province": "福建" + }, + { + "id": "5", + "name": "YHN科技有限公司", + "city": "韶关", + "province": "广东" + }, + { + "id": "6", + "name": "WSX科技有限公司", + "city": "黄冈", + "province": "武汉" + } + ] + } + } + } + }, + { + "name": { + "zh_CN": "树" + }, + "icon": "tree", + "screenshot": "", + "snippetName": "TinyTree", + "schema": { + "componentName": "TinyTree", + "props": { + "data": [ + { + "label": "一级 1", + "children": [ + { + "label": "二级 1-1", + "children": [ + { + "label": "三级 1-1-1" + } + ] + } + ] + }, + { + "label": "一级 2", + "children": [ + { + "label": "二级 2-1", + "children": [ + { + "label": "三级 2-1-1" + } + ] + }, + { + "label": "二级 2-2", + "children": [ + { + "label": "三级 2-2-1" + } + ] + } + ] + } + ] + } + } + }, + { + "name": { + "zh_CN": "文字提示框" + }, + "icon": "tooltip", + "screenshot": "", + "snippetName": "TinyTooltip", + "schema": { + "componentName": "TinyTooltip", + "props": { + "content": "Top Left 提示文字", + "placement": "top-start", + "manual": true, + "modelValue": true + }, + "children": [ + { + "componentName": "span", + "children": [ + { + "componentName": "div", + "props": {} + } + ] + }, + { + "componentName": "Template", + "props": { + "slot": "content" + }, + "children": [ + { + "componentName": "span", + "children": [ + { + "componentName": "div", + "props": { + "placeholder": "提示内容" + } + } + ] + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "提示框" + }, + "icon": "popover", + "screenshot": "", + "snippetName": "TinyPopover", + "schema": { + "componentName": "TinyPopover", + "props": { + "width": 200, + "title": "弹框标题", + "trigger": "manual", + "modelValue": true + }, + "children": [ + { + "componentName": "Template", + "props": { + "slot": "reference" + }, + "children": [ + { + "componentName": "div", + "props": { + "placeholder": "触发源" + } + } + ] + }, + { + "componentName": "Template", + "props": { + "slot": "default" + }, + "children": [ + { + "componentName": "div", + "props": { + "placeholder": "提示内容" + } + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "分页" + }, + "icon": "pager", + "screenshot": "", + "snippetName": "TinyPager", + "schema": { + "componentName": "TinyPager", + "props": { + "layout": "total, sizes, prev, pager, next", + "total": 100, + "pageSize": 10, + "currentPage": 1 + } + } + }, + { + "name": { + "zh_CN": "面包屑" + }, + "icon": "breadcrumb", + "screenshot": "", + "snippetName": "TinyBreadcrumb", + "schema": { + "componentName": "TinyBreadcrumb", + "props": { + "options": [ + { + "to": "{ path: '/' }", + "label": "首页" + }, + { + "to": "{ path: '/breadcrumb' }", + "label": "产品" + }, + { + "replace": "true", + "label": "软件" + } + ] + } + } + }, + { + "name": { + "zh_CN": "日期选择" + }, + "icon": "datepick", + "screenshot": "", + "snippetName": "TinyDatePicker", + "schema": { + "componentName": "TinyDatePicker", + "props": { + "placeholder": "请输入", + "modelValue": "" + } + } + }, + { + "name": { + "zh_CN": "数字输入框" + }, + "icon": "numeric", + "screenshot": "", + "snippetName": "TinyNumeric", + "schema": { + "componentName": "TinyNumeric", + "props": { + "allow-empty": true, + "placeholder": "请输入", + "controlsPosition": "right", + "step": 1 + } + } + } + ] + }, + { + "group": "general", + "children": [ + { + "name": { + "zh_CN": "Row" + }, + "icon": "row", + "screenshot": "", + "snippetName": "TinyRow", + "schema": { + "componentName": "TinyRow", + "props": {}, + "children": [ + { + "componentName": "TinyCol", + "props": { + "span": 3 + } + }, + { + "componentName": "TinyCol", + "props": { + "span": 3 + } + }, + { + "componentName": "TinyCol", + "props": { + "span": 3 + } + }, + { + "componentName": "TinyCol", + "props": { + "span": 3 + } + } + ] + } + }, + { + "name": { + "zh_CN": "Col" + }, + "icon": "col", + "screenshot": "", + "snippetName": "TinyCol", + "schema": { + "componentName": "TinyCol", + "props": { + "span": 12, + "style": { + "height": "30px", + "border": "1px solid #ccc" + } + } + } + }, + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "TinyButton", + "schema": { + "componentName": "TinyButton", + "props": { + "text": "按钮文案" + } + } + }, + { + "name": { + "zh_CN": "按钮组" + }, + "icon": "buttons", + "snippetName": "TinyButtons", + "screenshot": "", + "schema": { + "componentName": "div", + "props": {}, + "children": [ + { + "componentName": "TinyButton", + "props": { + "text": "提交", + "type": "primary", + "style": { + "margin": "0 5px 0 5px" + } + } + }, + { + "componentName": "TinyButton", + "props": { + "text": "重置", + "style": { + "margin": "0 5px 0 5px" + } + } + }, + { + "componentName": "TinyButton", + "props": { + "text": "取消" + } + } + ] + }, + "configure": { + "isContainer": true + } + }, + { + "name": { + "zh_CN": "互斥按钮组" + }, + "icon": "buttons", + "snippetName": "TinyButtonGroup", + "screenshot": "", + "schema": { + "componentName": "TinyButtonGroup", + "props": { + "data": [ + { + "text": "Button1", + "value": "1" + }, + { + "text": "Button2", + "value": "2" + }, + { + "text": "Button3", + "value": "3" + } + ], + "modelValue": "1" + } + } + }, + { + "name": { + "zh_CN": "输入框" + }, + "icon": "input", + "screenshot": "", + "snippetName": "TinyInput", + "schema": { + "componentName": "TinyInput", + "props": { + "placeholder": "请输入", + "modelValue": "" + } + } + }, + { + "name": { + "zh_CN": "单选" + }, + "icon": "radio", + "screenshot": "", + "snippetName": "TinyRadio", + "schema": { + "componentName": "TinyRadio", + "props": { + "label": "1", + "text": "单选文本" + } + } + }, + { + "name": { + "zh_CN": "复选框" + }, + "icon": "checkbox", + "screenshot": "", + "snippetName": "TinyCheckbox", + "schema": { + "componentName": "TinyCheckbox", + "props": { + "text": "复选框文案" + } + } + } + ] + }, + { + "group": "navigation", + "children": [ + { + "name": { + "zh_CN": "搜索框" + }, + "icon": "search", + "screenshot": "", + "snippetName": "TinySearch", + "schema": { + "componentName": "TinySearch", + "props": { + "modelValue": "", + "placeholder": "输入关键词" + } + } + }, + { + "name": { + "zh_CN": "时间线" + }, + "icon": "timeline", + "screenshot": "", + "snippetName": "TinyTimeLine", + "schema": { + "componentName": "TinyTimeLine", + "props": { + "active": "2", + "data": [ + { + "name": "已下单" + }, + { + "name": "运输中" + }, + { + "name": "已签收" + } + ] + } + } + } + ] + } + ] + } + } +} diff --git a/packages/vue-generator/package.json b/packages/vue-generator/package.json index 427979437..8db5f80a9 100644 --- a/packages/vue-generator/package.json +++ b/packages/vue-generator/package.json @@ -47,7 +47,7 @@ "fs-extra": "^10.0.1", "prettier": "^2.6.1", "vite": "^4.3.7", - "vite-plugin-static-copy": "^1.0.4", + "vite-plugin-static-copy": "^0.16.0", "vitest": "^1.4.0", "winston": "^3.10.0" }, diff --git a/packages/vue-generator/src/generator/vue/sfc/generateAttribute.js b/packages/vue-generator/src/generator/vue/sfc/generateAttribute.js index 91af6b922..d4d7d0aa2 100644 --- a/packages/vue-generator/src/generator/vue/sfc/generateAttribute.js +++ b/packages/vue-generator/src/generator/vue/sfc/generateAttribute.js @@ -229,7 +229,7 @@ export const handleSlotBindAttrHook = (schemaData) => { let paramsValue = '' if (Array.isArray(params)) { - paramsValue = `={ ${params.join(',')} }` + paramsValue = `="{ ${params.join(',')} }"` } else if (typeof params === 'string') { paramsValue = `="${params}"` } diff --git a/packages/vue-generator/src/plugins/genGlobalState.js b/packages/vue-generator/src/plugins/genGlobalState.js index 4c640d6a4..324f698a7 100644 --- a/packages/vue-generator/src/plugins/genGlobalState.js +++ b/packages/vue-generator/src/plugins/genGlobalState.js @@ -44,8 +44,8 @@ function genDependenciesPlugin(options = {}) { .map((item) => { let [key, value] = item - if (value === '') { - value = "''" + if (typeof value === 'string') { + value = `'${value}'` } if (value && typeof value === 'object') { @@ -57,19 +57,19 @@ function genDependenciesPlugin(options = {}) { .join(',')} })` const getterExpression = Object.entries(getters) - .filter((item) => item.value?.type === 'JSFunction') + .filter((item) => item[1]?.type === 'JSFunction') .map(([key, value]) => `${key}: ${value.value}`) .join(',') const actionExpressions = Object.entries(actions) - .filter((item) => item.value?.type === 'JSFunction') + .filter((item) => item[1]?.type === 'JSFunction') .map(([key, value]) => `${key}: ${value.value}`) .join(',') const storeFiles = ` ${importStatement} export const ${id} = defineStore({ - id: ${id}, + id: '${id}', state: ${stateExpression}, getters: { ${getterExpression} }, actions: { ${actionExpressions} } diff --git a/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/index.js b/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/index.js index e69de29bb..380fa26bf 100644 --- a/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/index.js +++ b/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/index.js @@ -0,0 +1 @@ +export { testState } from './testState' diff --git a/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/testState.js b/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/testState.js new file mode 100644 index 000000000..c2312435e --- /dev/null +++ b/packages/vue-generator/test/testcases/generator/expected/appdemo01/src/stores/testState.js @@ -0,0 +1,27 @@ +import { defineStore } from 'pinia' +export const testState = defineStore({ + id: 'testState', + state: () => ({ + name: 'testName', + license: '', + age: 18, + food: ['apple', 'orange', 'banana', 19], + desc: { description: 'hello world', money: 100, other: '', rest: ['a', 'b', 'c', 20] } + }), + getters: { + getAge: function getAge() { + return this.age + }, + getName: function getName() { + return this.name + } + }, + actions: { + setAge: function setAge(age) { + this.age = age + }, + setName: function setName(name) { + this.name = name + } + } +}) diff --git a/packages/vue-generator/test/testcases/generator/mockData.js b/packages/vue-generator/test/testcases/generator/mockData.js index 6067bbb55..71bdd356f 100644 --- a/packages/vue-generator/test/testcases/generator/mockData.js +++ b/packages/vue-generator/test/testcases/generator/mockData.js @@ -676,7 +676,43 @@ export const appSchemaDemo01 = { value: 'function dataHanlder(res){\n return res;\n}' } }, - globalState: [], + globalState: [ + { + id: 'testState', + state: { + name: 'testName', + license: '', + age: 18, + food: ['apple', 'orange', 'banana', 19], + desc: { + description: 'hello world', + money: 100, + other: '', + rest: ['a', 'b', 'c', 20] + } + }, + getters: { + getAge: { + type: 'JSFunction', + value: 'function getAge() {\n return this.age \n}' + }, + getName: { + type: 'JSFunction', + value: 'function getName() {\n return this.name \n}' + } + }, + actions: { + setAge: { + type: 'JSFunction', + value: 'function setAge(age) {\n this.age = age; \n}' + }, + setName: { + type: 'JSFunction', + value: 'function setName(name) {\n this.name = name; \n}' + } + } + } + ], utils: [ { name: 'axios', diff --git a/packages/vue-generator/test/testcases/sfc/case06/case06.test.js b/packages/vue-generator/test/testcases/sfc/case06/case06.test.js new file mode 100644 index 000000000..f3df325d0 --- /dev/null +++ b/packages/vue-generator/test/testcases/sfc/case06/case06.test.js @@ -0,0 +1,12 @@ +import { expect, test } from 'vitest' +import { genSFCWithDefaultPlugin } from '@/generator/vue/sfc' +import schema from './page.schema.json' +import componentsMap from './components-map.json' +import { formatCode } from '@/utils/formatCode' + +test('should generate slot declaration correctly', async () => { + const res = genSFCWithDefaultPlugin(schema, componentsMap) + const formattedCode = formatCode(res, 'vue') + + await expect(formattedCode).toMatchFileSnapshot('./expected/slotTest.vue') +}) diff --git a/packages/vue-generator/test/testcases/sfc/case06/components-map.json b/packages/vue-generator/test/testcases/sfc/case06/components-map.json new file mode 100644 index 000000000..eda806752 --- /dev/null +++ b/packages/vue-generator/test/testcases/sfc/case06/components-map.json @@ -0,0 +1,9 @@ +[ + { + "componentName": "TinyTree", + "exportName": "Tree", + "package": "@opentiny/vue", + "version": "^3.10.0", + "destructuring": true + } +] diff --git a/packages/vue-generator/test/testcases/sfc/case06/expected/slotTest.vue b/packages/vue-generator/test/testcases/sfc/case06/expected/slotTest.vue new file mode 100644 index 000000000..a0ce30ad3 --- /dev/null +++ b/packages/vue-generator/test/testcases/sfc/case06/expected/slotTest.vue @@ -0,0 +1,54 @@ + + + + diff --git a/packages/vue-generator/test/testcases/sfc/case06/page.schema.json b/packages/vue-generator/test/testcases/sfc/case06/page.schema.json new file mode 100644 index 000000000..7b5ec4ff0 --- /dev/null +++ b/packages/vue-generator/test/testcases/sfc/case06/page.schema.json @@ -0,0 +1,143 @@ +{ + "state": {}, + "methods": {}, + "componentName": "Page", + "fileName": "createVm", + "css": "", + "props": {}, + "lifeCycles": {}, + "children": [ + { + "componentName": "TinyTree", + "props": { + "data": [ + { + "label": "一级 1", + "children": [ + { + "label": "二级 1-1", + "children": [ + { + "label": "三级 1-1-1" + } + ] + } + ] + }, + { + "label": "一级 2", + "children": [ + { + "label": "二级 2-1", + "children": [ + { + "label": "三级 2-1-1" + } + ] + }, + { + "label": "二级 2-2", + "children": [ + { + "label": "三级 2-2-1" + } + ] + } + ] + } + ] + }, + "id": "33f52342", + "children": [ + { + "componentName": "Template", + "props": { + "slot": { + "name": "default", + "params": ["data"] + } + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": { + "type": "JSExpression", + "value": "data.label" + } + }, + "id": "c225d165" + } + ], + "id": "415d5f65" + } + ] + }, + { + "componentName": "TinyTree", + "props": { + "data": [ + { + "label": "一级 1", + "children": [ + { + "label": "二级 1-1", + "children": [ + { + "label": "三级 1-1-1" + } + ] + } + ] + }, + { + "label": "一级 2", + "children": [ + { + "label": "二级 2-1", + "children": [ + { + "label": "三级 2-1-1" + } + ] + }, + { + "label": "二级 2-2", + "children": [ + { + "label": "三级 2-2-1" + } + ] + } + ] + } + ] + }, + "id": "33f52342", + "children": [ + { + "componentName": "Template", + "props": { + "slot": { + "name": "default", + "params": "data" + } + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": { + "type": "JSExpression", + "value": "data.label" + } + }, + "id": "c225d165" + } + ], + "id": "415d5f65" + } + ] + } + ] +} diff --git a/packages/vue-generator/vite.config.mjs b/packages/vue-generator/vite.config.mjs index 60005cb53..3c1256679 100644 --- a/packages/vue-generator/vite.config.mjs +++ b/packages/vue-generator/vite.config.mjs @@ -17,7 +17,7 @@ import { viteStaticCopy } from 'vite-plugin-static-copy' // https://vitejs.dev/config/ export default defineConfig({ test: { - exclude: ['**/result/**'], + exclude: ['**/result/**', 'node_modules'], watchExclude: ['**/result/**'] }, resolve: { diff --git a/scripts/buildMaterials.mjs b/scripts/buildMaterials.mjs index 01e768b19..100636460 100644 --- a/scripts/buildMaterials.mjs +++ b/scripts/buildMaterials.mjs @@ -12,7 +12,10 @@ const materialsDir = 'materials' const bundlePath = path.join(process.cwd(), '/packages/design-core/public/mock/bundle.json') // mockServer应用数据 const appInfoPath = path.join(process.cwd(), '/mockServer/src/services/appinfo.json') +const appSchemaPath = path.join(process.cwd(), 'mockServer/src/mock/get/app-center/v1/apps/schema/918.json') + const appInfo = fsExtra.readJSONSync(appInfoPath) +const appSchema = fsExtra.readJSONSync(appSchemaPath) const connection = new MysqlConnection() @@ -22,6 +25,7 @@ const connection = new MysqlConnection() const write = (bundle) => { fsExtra.outputJSONSync(bundlePath, bundle, { spaces: 2 }) fsExtra.outputJSONSync(appInfoPath, appInfo, { spaces: 2 }) + fsExtra.outputJSONSync(appSchemaPath, appSchema, { spaces: 2 }) } /** @@ -95,6 +99,7 @@ const generateComponents = () => { } const { components = [], snippets = [], blocks = [] } = bundle.data.materials const componentsMap = [] + const packagesMap = [] const appInfoBlocksLabels = appInfo.blockHistories.map((item) => item.label) files.forEach((file) => { @@ -151,8 +156,26 @@ const generateComponents = () => { appInfo.materialHistory.components = componentsMap - write(bundle) + const { package: packageName = '', version = '', exportName = '' } = npm || {} + + const mapItem = { + componentName: component, + package: packageName, + version, + exportName + } + + if (typeof npm.destructuring === 'boolean') { + mapItem.destructuring = npm.destructuring + } + + if (npm.package) { + packagesMap.push(mapItem) + } }) + + appSchema.data.componentsMap = packagesMap + write(bundle) }) logger.success('物料资产包构建成功')