From 58d6d48cd370bfc5fa7bca8d0104f7827179d34d Mon Sep 17 00:00:00 2001 From: Dive12300 <134596825+Dive12300@users.noreply.github.com> Date: Thu, 5 Sep 2024 11:41:30 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20element-plus=20=E7=89=A9=E6=96=99?= =?UTF-8?q?=E9=80=82=E9=85=8D=20(#781)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: 使用gpg提交 * feat: element-plus物料文件 * feat: element-plus物料文件 --- packages/design-core/public/mock/bundle.json | 21232 +++++++++-------- scripts/genMaterial.js | 1 + 2 files changed, 11873 insertions(+), 9360 deletions(-) create mode 100644 scripts/genMaterial.js diff --git a/packages/design-core/public/mock/bundle.json b/packages/design-core/public/mock/bundle.json index 2fa58678f..8cd7c4589 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,13 +44,22 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["type", "size"] + "properties": [] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], "disable": [] }, - "invalidity": [""], + "invalidity": [ + "" + ], "clickCapture": true, "framework": "Vue" }, @@ -59,528 +68,529 @@ { "name": "0", "label": { - "zh_CN": "基础属性" + "zh_CN": "Button 属性 ​" + }, + "description": { + "zh_CN": "Button 属性 ​" }, "content": [ { - "property": "modelValue", + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, "label": { "text": { - "zh_CN": "modelValue" + "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" } }, "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" + } + }, + "description": { + "zh_CN": "自定义元素标签" }, - "device": [] + "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 +600,9 @@ "zh_CN": "default" }, "description": { - "zh_CN": "自定义默认内容" - } + "zh_CN": "自定义按钮组内容" + }, + "subTag": "Button" }, "loading": { "label": { @@ -600,19 +611,29 @@ "description": { "zh_CN": "自定义加载中组件" } + }, + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "自定义图标组件" + } } } } }, + + { - "id": 1, - "version": "2.4.2", + "id": 5, + "version": "2.7.8", "name": { - "zh_CN": "表单" + "zh_CN": "图标" }, - "component": "ElForm", - "icon": "form", - "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", + "component": "ElIcon", + "icon": "icon", + "description": "Element Plus 提供了一套常用的图标集合。", "doc_url": "", "screenshot": "", "tags": "", @@ -620,23 +641,23 @@ "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": "ElIcon" }, - "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,13 +666,22 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["inline", "label-width"] + "properties": [] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], "disable": [] }, - "invalidity": [""], + "invalidity": [ + "" + ], "clickCapture": true, "framework": "Vue" }, @@ -660,416 +690,547 @@ { "name": "0", "label": { - "zh_CN": "基础属性" + "zh_CN": "Attributes ​" + }, + "description": { + "zh_CN": "Attributes ​" }, "content": [ { - "property": "model", + "property": "color", "label": { "text": { - "zh_CN": "model" + "zh_CN": "color" } }, "description": { - "zh_CN": "表单数据对象" + "zh_CN": "svg 的 fill 颜色" }, + "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": "rules", + "property": "size", "label": { "text": { - "zh_CN": "rules" + "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": "object", "widget": { - "component": "MetaCodeEditor", + "component": "__ERROR__", "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": "inline", + "property": "type", "label": { "text": { - "zh_CN": "inline" + "zh_CN": "type" } }, "description": { - "zh_CN": "行内表单模式" + "zh_CN": "类型" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "label-position", + "property": "underline", "label": { "text": { - "zh_CN": "label-position" + "zh_CN": "underline" } }, "description": { - "zh_CN": "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性" + "zh_CN": "是否下划线" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", - "defaultValue": "right", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "left", - "value": "left" - }, - { - "label": "right", - "value": "right" - }, - { - "label": "top", - "value": "top" - } + "slots": [ + "default" ] } } }, { - "property": "label-width", + "property": "disabled", "label": { "text": { - "zh_CN": "label-width" + "zh_CN": "disabled" } }, "description": { - "zh_CN": "标签的长度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + "zh_CN": "是否禁用状态" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} - }, - "device": [] + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "label-suffix", + "property": "href", "label": { "text": { - "zh_CN": "label-suffix" + "zh_CN": "href" } }, "description": { - "zh_CN": "表单域标签的后缀" + "zh_CN": "原生 href 属性" }, + "type": "string", "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" + "props": { + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "是否隐藏必填字段标签旁边的红色星号" - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "top", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} } }, { - "property": "require-asterisk-position", + "property": "target", "label": { "text": { - "zh_CN": "星号的位置" + "zh_CN": "target" } }, "description": { - "zh_CN": "星号的位置" + "zh_CN": "同原生 target 属性" }, + "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": "icon", "label": { "text": { - "zh_CN": "show-message" + "zh_CN": "icon" } }, "description": { - "zh_CN": "是否显示校验错误信息" + "zh_CN": "图标组件" }, + "type": "string / Component", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": true, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } - }, + } + ] + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + }, + "icon": { + "label": { + "zh_CN": "icon" + }, + "description": { + "zh_CN": "自定义图标组件" + } + } + } + } + }, + { + "id": 8, + "version": "2.7.8", + "name": { + "zh_CN": "文本" + }, + "component": "ElText", + "icon": "text", + "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": "ElText" + }, + "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": "inline-message", + "property": "type", "label": { "text": { - "zh_CN": "inline-message" + "zh_CN": "type" } }, "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": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "status-icon", + "property": "size", "label": { "text": { - "zh_CN": "status-icon" + "zh_CN": "size" } }, "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": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "validate-on-rule-change", + "property": "truncated", "label": { "text": { - "zh_CN": "validate-on-rule-change" + "zh_CN": "truncated" } }, "description": { - "zh_CN": "是否在 rules 属性改变后立即触发一次验证" + "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": "size", + "property": "line-clamp", "label": { "text": { - "zh_CN": "size" + "zh_CN": "line-clamp" } }, "description": { - "zh_CN": "用于控制该表单内组件的尺寸" + "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": "disabled", + "property": "tag", "label": { "text": { - "zh_CN": "disabled" + "zh_CN": "tag" } }, "description": { - "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" + "zh_CN": "自定义元素标签" }, + "type": "string", "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" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] } - }, - "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": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "任一表单项被校验后触发" + "zh_CN": "default" }, "description": { - "zh_CN": "任一表单项被校验后触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" + "zh_CN": "默认内容" + } } - }, - "slots": {} + } } }, + + { - "id": 1, - "version": "2.4.2", + "id": 15, + "version": "2.7.8", "name": { - "zh_CN": "表单子项" + "zh_CN": "多选框" }, - "component": "ElFormItem", - "icon": "formItem", - "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", + "component": "ElCheckbox", + "icon": "checkbox", + "description": "在一组备选项中进行多选。", "doc_url": "", "screenshot": "", "tags": "", @@ -1077,19 +1238,19 @@ "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": "ElFormItem" + "exportName": "ElCheckbox" }, - "group": "表单组件", + "group": "Form 表单组件", "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, - "isContainer": true, + "isContainer": false, "isModal": false, "isPopper": false, "nestingRule": { @@ -1102,13 +1263,22 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["inline", "label-width"] + "properties": [] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], "disable": [] }, - "invalidity": [""], + "invalidity": [ + "" + ], "clickCapture": true, "framework": "Vue" }, @@ -1117,1214 +1287,609 @@ { "name": "0", "label": { - "zh_CN": "基础属性" + "zh_CN": "Checkbox Attributes ​" + }, + "description": { + "zh_CN": "Checkbox Attributes ​" }, "content": [ { - "property": "prop", + "property": "model-value", "label": { "text": { - "zh_CN": "prop" + "zh_CN": "model-value" } }, "description": { - "zh_CN": "model 的键名。 它可以是一个属性的值(如 a.b.0 或 [a', 'b', '0'])。 在定义了 validate、resetFields 的方法时，该属性是必填的" + "zh_CN": "选中项绑定值" }, + "type": "string / number / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "label", + "property": "value", "label": { "text": { - "zh_CN": "label" + "zh_CN": "value" } }, "description": { - "zh_CN": "标签文本" + "zh_CN": "选中状态的值（只有在checkbox-group或者绑定对象类型为array时有效）" }, + "type": "string / number / boolean / 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": "label", "label": { "text": { - "zh_CN": "label-width" + "zh_CN": "label" } }, "description": { - "zh_CN": "标签宽度，例如 '50px'。 可以使用 auto" + "zh_CN": "选中状态的值，只有在绑定对象类型为 array 时有效。 如果没有 value， label则作为value使用" }, + "type": "string / number / boolean / 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": "true-value", "label": { "text": { - "zh_CN": "required" + "zh_CN": "true-value" } }, "description": { - "zh_CN": "是否为必填项，如不设置，则会根据校验规则确认" + "zh_CN": "选中时的值" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "rules", + "property": "false-value", "label": { "text": { - "zh_CN": "rules" + "zh_CN": "false-value" } }, "description": { - "zh_CN": "表单验证规则, 更多内容可以参考async-validator" + "zh_CN": "没有选中时的值" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { - "component": "MetaCodeEditor", + "component": "__ERROR__", "props": { - "language": "json" + "slots": [ + "default" + ] } } }, { - "property": "error", + "property": "true-label", "label": { "text": { - "zh_CN": "error" + "zh_CN": "true-label" } }, "description": { - "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error，并显示该错误信息" + "zh_CN": "选中时的值" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "show-message", + "property": "false-label", "label": { "text": { - "zh_CN": "show-message" + "zh_CN": "false-label" } }, "description": { - "zh_CN": "是否显示校验错误信息" + "zh_CN": "没有选中时的值" }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "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": "border", "label": { "text": { - "zh_CN": "size" + "zh_CN": "border" } }, "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": "for", + "property": "size", "label": { "text": { - "zh_CN": "for" + "zh_CN": "size" } }, "description": { - "zh_CN": "和原生标签相同能力" + "zh_CN": "Checkbox 的尺寸" }, + "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": "name", "label": { "text": { - "zh_CN": "validate-status" + "zh_CN": "name" } }, "description": { - "zh_CN": "formItem 校验的状态" + "zh_CN": "原生 name 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaSelect", + "component": "MetaInput", "props": { - "options": [ - { - "label": "error", - "value": "error" - }, - { - "label": "validating", - "value": "validating" - }, - { - "label": "success", - "value": "success" - } + "slots": [ + "default" ] } } - } - ], - "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", + "property": "checked", "label": { "text": { - "zh_CN": "data" + "zh_CN": "checked" } }, "description": { - "zh_CN": "显示的数据" + "zh_CN": "当前是否勾选" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "array", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSwitch", "props": { - "language": "json" + "slots": [ + "default" + ] } } }, { - "property": "columns", + "property": "indeterminate", "label": { "text": { - "zh_CN": "表格列" + "zh_CN": "indeterminate" } }, + "description": { + "zh_CN": "设置不确定状态，仅负责样式控制" + }, + "type": "boolean", "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" - } - } - } - ] - } - ], + "labelPosition": "top", "widget": { - "component": "MetaTableColumns", + "component": "MetaSwitch", "props": { - "type": "object", - "textField": "label", - "language": "json", - "buttonText": "编辑列配置", - "title": "编辑列配置", - "expand": true + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "表格列的配置信息" - }, - "labelPosition": "top" + } }, { - "property": "max-height", + "property": "validate-event", "label": { "text": { - "zh_CN": "max-height" + "zh_CN": "validate-event" } }, "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": "tabindex", "label": { "text": { - "zh_CN": "height" + "zh_CN": "tabindex" } }, "description": { - "zh_CN": "Table 的高度， 默认为自动高度。 这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。" + "zh_CN": "输入框的 tabindex" }, + "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": "id", "label": { "text": { - "zh_CN": "stripe" + "zh_CN": "id" } }, "description": { - "zh_CN": "是否为斑马纹 table" + "zh_CN": "input 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" + ] + } } }, { - "property": "border", + "property": "controls", "label": { "text": { - "zh_CN": "border" + "zh_CN": "controls" } }, "description": { - "zh_CN": "是否带有纵向边框" + "zh_CN": "与 aria-control一致, 当 indeterminate为 true时生效" }, + "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": "size", + "property": "aria-controls", "label": { "text": { - "zh_CN": "size" + "zh_CN": "aria-controls" } }, "description": { - "zh_CN": "Table 的尺寸" + "zh_CN": "和 aria-control一致。当 indeterminate 为 true 时生效" }, + "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" ] } } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "CheckboxGroup Attributes ​" + }, + "description": { + "zh_CN": "CheckboxGroup Attributes ​" + }, + "content": [ { - "property": "fit", + "property": "model-value", "label": { "text": { - "zh_CN": "fit" + "zh_CN": "model-value" } }, "description": { - "zh_CN": "列的宽度是否自撑开" + "zh_CN": "绑定值" }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "defaultValue": true, - "type": "boolean", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "show-header", + "property": "size", "label": { "text": { - "zh_CN": "show-header" + "zh_CN": "size" } }, "description": { - "zh_CN": "是否显示表头" + "zh_CN": "多选框组尺寸" }, + "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": "highlight-current-row", + "property": "disabled", "label": { "text": { - "zh_CN": "highlight-current-row" + "zh_CN": "disabled" } }, "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": {} + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "current-row-key", + "property": "min", "label": { "text": { - "zh_CN": "current-row-key" + "zh_CN": "min" } }, "description": { - "zh_CN": "当前行的 key，只写属性" + "zh_CN": "可被勾选的 checkbox 的最小数量" }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", - "type": "string", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "max", + "label": { + "text": { + "zh_CN": "max" + } }, - "device": [] + "description": { + "zh_CN": "可被勾选的 checkbox 的最大数量" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "row-class-name", + "property": "label", "label": { "text": { - "zh_CN": "row-class-name" + "zh_CN": "label" } }, "description": { - "zh_CN": "行的 className" + "zh_CN": "原生 aria-label属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, @@ -2332,41 +1897,49 @@ "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "device": [] + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "row-key", + "property": "aria-label", "label": { "text": { - "zh_CN": "row-key" + "zh_CN": "aria-label" } }, "description": { - "zh_CN": "行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function" + "zh_CN": "原生 aria-label属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "device": [] + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "empty-text", + "property": "text-color", "label": { "text": { - "zh_CN": "empty-text" + "zh_CN": "text-color" } }, "description": { - "zh_CN": "空数据时显示的文本内容" + "zh_CN": "当按钮为活跃状态时的字体颜色" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, @@ -2374,290 +1947,350 @@ "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "device": [] + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "table-layout", + "property": "fill", "label": { "text": { - "zh_CN": "table-layout" + "zh_CN": "fill" } }, "description": { - "zh_CN": "设置表格单元、行和列的布局方式" + "zh_CN": "当按钮为活跃状态时的边框和背景颜色" }, + "type": "string", "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" - } + "slots": [ + "default" ] } - }, - "device": [] + } }, { - "property": "scrollbar-always-on", + "property": "tag", "label": { "text": { - "zh_CN": "scrollbar-always-on" + "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" + ] + } } }, { - "property": "flexible", + "property": "validate-event", "label": { "text": { - "zh_CN": "flexible" + "zh_CN": "validate-event" } }, "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": {} + "props": { + "slots": [ + "default" + ] + } } } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onSelect": { + ] + }, + { + "name": "0", "label": { - "zh_CN": "勾选数据行的 Checkbox 时触发" + "zh_CN": "CheckboxButton Attributes ​" }, "description": { - "zh_CN": "当用户手动勾选数据行的 Checkbox 时触发的事件" + "zh_CN": "CheckboxButton Attributes ​" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "selection", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项" + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" } }, - { - "name": "row", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前行" + "description": { + "zh_CN": "选中状态的值，只有在绑定对象类型为 array 时有效。" + }, + "type": "string / number / boolean / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } } - ], - "returns": {} - } - }, - "onSelectAll": { - "label": { - "zh_CN": "勾选全选时触发" - }, - "description": { - "zh_CN": "当用户手动勾选全选 Checkbox 时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "selection", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项" + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" } - } - ], - "returns": {} - } - }, - "onSelectionChange": { - "label": { - "zh_CN": "选择项发生变化时会触发" - }, - "description": { - "zh_CN": "当选择项发生变化时会触发该事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "selection", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项" + }, + "description": { + "zh_CN": "选中状态的值，只有在绑定对象类型为 array 时有效。 如果没有 value， label则作为value使用" + }, + "type": "string / number / boolean / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "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": "true-value", + "label": { + "text": { + "zh_CN": "true-value" } }, - { - "name": "cell", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前单元格" - } + "description": { + "zh_CN": "选中时的值" }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生事件 event" + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "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": "当前行" + }, + { + "property": "false-value", + "label": { + "text": { + "zh_CN": "false-value" } }, - { - "name": "column", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前列" + "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" } }, - { - "name": "cell", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前单元格" + "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" } }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生事件 event" + "description": { + "zh_CN": "没有选中时的值" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } } - ], - "returns": {} - } + }, + { + "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": "原生 name 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "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" + ] + } + } + } + ] } - }, + ], + "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": 19, + "version": "2.7.8", "name": { "zh_CN": "表单" }, - "component": "ElTableColumn", - "icon": "table", - "description": "用于展示多条结构类似的数据， 可对数据进行排序、筛选、对比或其他自定义操作", + "component": "ElForm", + "icon": "form", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单，您可以收集、验证和提交数据。", "doc_url": "", "screenshot": "", "tags": "", @@ -2665,13 +2298,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": "ElForm" }, - "group": "表单组件", + "group": "Form 表单组件", "category": "element-plus", "configure": { "loop": true, @@ -2690,13 +2323,22 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["inline", "label-width"] + "properties": [] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], "disable": [] }, - "invalidity": [""], + "invalidity": [ + "" + ], "clickCapture": true, "framework": "Vue" }, @@ -2705,1092 +2347,791 @@ { "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": "Form Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Form Attributes ​" }, "content": [ { - "property": "name", + "property": "model", "label": { "text": { - "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" + "zh_CN": "model" } }, + "description": { + "zh_CN": "表单数据对象" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "title", + "property": "rules", "label": { "text": { - "zh_CN": "幻灯片的标题" + "zh_CN": "rules" } }, + "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": "inline", + "label": { + "text": { + "zh_CN": "inline" + } }, "description": { - "zh_CN": "" + "zh_CN": "行内表单模式" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "indicator-position", + "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": "MetaSelect", "props": { - "options": [ - { - "label": "outside", - "value": "outside" - }, - { - "label": "none", - "value": "none" - } + "slots": [ + "default" ] } + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } }, "description": { - "zh_CN": "" + "zh_CN": "标签的长度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + }, + "type": "string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } - } - ] - } - ], - "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": "label-suffix", "label": { "text": { - "zh_CN": "切换箭头的显示时机" + "zh_CN": "label-suffix" } }, + "description": { + "zh_CN": "表单域标签的后缀" + }, + "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": "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, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "tabs", + "property": "require-asterisk-position", "label": { "text": { - "zh_CN": "选项卡" + "zh_CN": "require-asterisk-position" } }, + "description": { + "zh_CN": "星号的位置。" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "", "cols": 12, - "bindState": false, + "labelPosition": "top", "widget": { - "component": "MetaContainer", - "props": {} - }, - "description": { - "zh_CN": "tabs" - }, - "labelPosition": "none" + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "height", + "property": "show-message", "label": { "text": { - "zh_CN": "走马灯的高度" + "zh_CN": "show-message" } }, + "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": "indicator-position", + "property": "inline-message", "label": { "text": { - "zh_CN": "指示器的位置" + "zh_CN": "inline-message" } }, + "description": { + "zh_CN": "是否以行内形式展示校验信息" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "走马灯外部", - "value": "outside" - }, - { - "label": "不显示", - "value": "none" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "" } }, { - "property": "initial-index", + "property": "status-icon", "label": { "text": { - "zh_CN": "初始状态激活的幻灯片的索引，从 0 开始 " + "zh_CN": "status-icon" } }, + "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": "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": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "loop", + "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": "" + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "show-title", + "property": "disabled", "label": { "text": { - "zh_CN": "是否显示标题" + "zh_CN": "disabled" } }, + "description": { + "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "trigger", + "property": "scroll-to-error", "label": { "text": { - "zh_CN": "指示器的触发方式，默认为 hover" + "zh_CN": "scroll-to-error" } }, + "description": { + "zh_CN": "当校验失败时，滚动到第一个错误表单项" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "点击", - "value": "click" - }, - { - "label": "悬停", - "value": "hover" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "" } }, { - "property": "type", + "property": "scroll-into-view-options", "label": { "text": { - "zh_CN": "走马灯的类型" + "zh_CN": "scroll-into-view-options" } }, + "description": { + "zh_CN": "当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置" + }, + "type": "object / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "水平", - "value": "horizontal" - }, - { - "label": "垂直", - "value": "vertical" - }, - { - "label": "卡片", - "value": "card" - } + "slots": [ + "default" ] } - }, - "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": [ + }, { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "FormItem Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "FormItem Attributes ​" }, "content": [ { - "property": "children", + "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": "MetaHtmlText", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "href", + "property": "label", "label": { "text": { - "zh_CN": "跳转链接" + "zh_CN": "label" } }, + "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": "target", + "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": "MetaSelect", "props": { - "options": [ - { - "label": "当前页面", - "value": "_self" - }, - { - "label": "打开新页面", - "value": "_blank" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "链接" } }, { - "property": "attributes3", + "property": "label-width", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "label-width" } }, + "description": { + "zh_CN": "标签宽度，例如 '50px'。 可以使用 auto。" + }, + "type": "string / number", "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": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "children", + "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": "MetaHtmlText", + "component": "MetaSwitch", "props": { - "showRadioButton": true + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + } }, { - "property": "attributes3", + "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": "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": [ + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "children", + "property": "error", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "error" } }, + "description": { + "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error，并显示该错误信息。" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaHtmlText", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "attributes3", + "property": "show-message", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "show-message" } }, + "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": {} - }, - "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": [ + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "type", + "property": "inline-message", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "inline-message" } }, + "description": { + "zh_CN": "是否在行内显示校验信息" + }, + "type": "string / boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "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" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "" } }, { - "property": "placeholder", + "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": "attributes3", + "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": "MetaHtmlAttributes", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "none" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "validate-status", + "label": { + "text": { + "zh_CN": "validate-status" + } + }, + "description": { + "zh_CN": "formitem 校验的状态" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } } ] } ], - "events": { - "onBlur": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "失去焦点时触发" + "zh_CN": "default" }, "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} + "zh_CN": "表单的内容。" }, - "defaultValue": "" + "subTag": "—" }, - "onFocus": { + "label": { "label": { - "zh_CN": "获取焦点时触发" + "zh_CN": "label" }, "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} + "zh_CN": "标签位置显示的内容" }, - "defaultValue": "" + "subTag": "object" }, - "onChange": { + "error": { "label": { - "zh_CN": "输入值改变时触发" + "zh_CN": "error" }, "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} + "zh_CN": "验证错误信息的显示内容" }, - "defaultValue": "" + "subTag": "object" } } + } + }, + { + "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": [], + "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" @@ -3799,1086 +3140,859 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["disabled", "size"] + "properties": [] }, "contextMenu": { - "actions": ["create symbol"], - "disable": ["copy", "remove"] - } - } - }, - { - "name": { - "zh_CN": "视频" + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], + "disable": [] + }, + "invalidity": [ + "" + ], + "clickCapture": true, + "framework": "Vue" }, - "component": "video", - "icon": "video", - "description": "视频", - "docUrl": "", - "screenshot": "", - "tags": "", - "keywords": "", - "devMode": "proCode", - "npm": {}, - "group": "component", - "category": "html", - "priority": 50, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "src", + "property": "type", "label": { "text": { - "zh_CN": "视频的 URL" + "zh_CN": "type" } }, + "description": { + "zh_CN": "类型" + }, + "type": "string 等原生 input 类型", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "width", + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "height", + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "controls", + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "autoplay", + "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, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "attributes3", + "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": "MetaHtmlAttributes", - "props": {} + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "clearable" + } }, "description": { - "zh_CN": "" + "zh_CN": "是否显示清除按钮，只有当 type 不是 textarea时生效" }, - "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": [ + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "src", - "type": "string", - "defaultValue": "", - "bindState": true, + "property": "formatter", "label": { "text": { - "zh_CN": "src路径" + "zh_CN": "formatter" } }, + "description": { + "zh_CN": "指定输入值的格式。(只有当 type 是\"text\"时才能工作)" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, "cols": 12, - "rules": [], + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "attributes3", + "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": "MetaHtmlAttributes", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "show-password", + "label": { + "text": { + "zh_CN": "show-password" + } }, "description": { - "zh_CN": "" + "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": [ + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "attributes3", + "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": "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": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "width", + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "border", + "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": "attributes3", + "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": "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": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "colspan", + "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": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "rowspan", + "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": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "attributes3", + "property": "autocomplete", "label": { "text": { - "zh_CN": "原生属性" + "zh_CN": "autocomplete" } }, + "description": { + "zh_CN": "原生 autocomplete 属性" + }, + "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": [] - } - } - }, - { - "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": [ + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, { "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": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "action", + "property": "readonly", "label": { "text": { - "zh_CN": "提交表单时向何处发送表单数据" + "zh_CN": "readonly" } }, + "description": { + "zh_CN": "原生 readonly 属性，是否只读" + }, + "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": "method", + "property": "max", "label": { "text": { - "zh_CN": "用于发送 form-data 的 HTTP 方法" + "zh_CN": "max" } }, + "description": { + "zh_CN": "原生 max 属性，设置最大值" + }, + "type": "—", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "props": { - "options": [ - { - "label": "get", - "value": "get" - }, - { - "label": "post", - "value": "post" - } + "slots": [ + "default" ] } + } + }, + { + "property": "min", + "label": { + "text": { + "zh_CN": "min" + } }, "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 绑定到哪个表单元素" - } + "zh_CN": "原生属性，设置最小值" }, + "type": "—", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "form", + "property": "step", "label": { "text": { - "zh_CN": "label 字段所属的一个或多个表单" + "zh_CN": "step" } }, + "description": { + "zh_CN": "原生属性，设置输入字段的合法数字间隔" + }, + "type": "—", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "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": "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": "MetaCodeEditor", + "component": "MetaSelect", "props": { - "language": "json" + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "" } }, { - "property": "size", + "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": "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": "form", "label": { "text": { - "zh_CN": "是否是朴素按钮" + "zh_CN": "form" } }, + "description": { + "zh_CN": "原生属性" + }, + "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": "disabled", + "property": "label", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "label" } }, + "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" + ] + } } - } - ] - } - ], - "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", + "property": "aria-label", "label": { "text": { - "zh_CN": "layout" + "zh_CN": "aria-label" } }, - "cols": 12, - "widget": { - "component": "MetaLayoutGrid", - "props": {} - }, "description": { - "zh_CN": "layout" + "zh_CN": "等价于原生 input aria-label 属性" }, - "labelPosition": "none" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "align", + "property": "tabindex", "label": { "text": { - "zh_CN": "align" + "zh_CN": "tabindex" } }, + "description": { + "zh_CN": "输入框的 tabindex" + }, + "type": "string / 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": "validate-event", "label": { "text": { - "zh_CN": "flex" + "zh_CN": "validate-event" } }, + "description": { + "zh_CN": "输入时是否触发表单的校验" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "gutter", + "property": "input-style", "label": { "text": { - "zh_CN": "gutter" + "zh_CN": "input-style" } }, + "description": { + "zh_CN": "input 元素或 textarea 元素的 style" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } } ] } - ] + ], + "events": {}, + "slots": { + "prefix": { + "label": { + "zh_CN": "prefix" + }, + "description": { + "zh_CN": "输入框头部内容，只对非 type=\"textarea\" 有效" + } + }, + "suffix": { + "label": { + "zh_CN": "suffix" + }, + "description": { + "zh_CN": "输入框尾部内容，只对非 type=\"textarea\" 有效" + } + }, + "prepend": { + "label": { + "zh_CN": "prepend" + }, + "description": { + "zh_CN": "输入框前置内容，只对非 type=\"textarea\" 有效" + } + }, + "append": { + "label": { + "zh_CN": "append" + }, + "description": { + "zh_CN": "输入框后置内容，只对非 type=\"textarea\" 有效" + } + } + } + } + }, + { + "id": 21, + "version": "2.7.8", + "name": { + "zh_CN": "Number 数字输入框" }, - "configure": { - "loop": true, - "condition": true, + "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": [], + "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" @@ -4887,487 +4001,545 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["label-width", "disabled"] + "properties": [] }, "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 + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], + "disable": [] + }, + "invalidity": [ + "" + ], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 5, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "disabled", + "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": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "min", + "label": { + "text": { + "zh_CN": "min" + } }, "description": { - "zh_CN": "" + "zh_CN": "设置计数器允许的最小值" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "label-width", + "property": "max", "label": { "text": { - "zh_CN": "标签宽度" + "zh_CN": "max" } }, + "description": { + "zh_CN": "设置计数器允许的最大值" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "step", + "label": { + "text": { + "zh_CN": "step" + } }, "description": { - "zh_CN": "表单中标签占位宽度，默认为 80px" + "zh_CN": "计数器步长" }, - "labelPosition": "left" + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "inline", + "property": "step-strictly", "label": { "text": { - "zh_CN": "行内布局" + "zh_CN": "step-strictly" } }, + "description": { + "zh_CN": "是否只能输入 step 的倍数" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "precision", + "label": { + "text": { + "zh_CN": "precision" + } }, "description": { - "zh_CN": "行内布局模式，默认为 false" + "zh_CN": "数值精度" + }, + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "label-align", + "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": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "readonly", + "label": { + "text": { + "zh_CN": "readonly" + } }, "description": { - "zh_CN": "必填标识 * 是否占位" + "zh_CN": "原生 readonly 属性，是否只读" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "label-suffix", + "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": "controls", + "label": { + "text": { + "zh_CN": "controls" + } }, "description": { - "zh_CN": "表单中标签后缀" + "zh_CN": "是否使用控制按钮" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "label-position", + "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": "MetaSelect", "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": "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": "MetaCodeEditor", - "props": {} + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } }, "description": { - "zh_CN": "表单数据对象" + "zh_CN": "等价于原生 input aria-label 属性" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "rules", + "property": "aria-label", "label": { "text": { - "zh_CN": "校验规则" + "zh_CN": "aria-label" } }, + "description": { + "zh_CN": "等价于原生 input aria-label 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } }, "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" + "zh_CN": "等价于原生 input placeholder 属性" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "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": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + }, { - "property": "label", + "property": "id", "label": { "text": { - "zh_CN": "标签文本" + "zh_CN": "id" } }, + "description": { + "zh_CN": "等价于原生 input id 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "标签", "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "标签文本" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "prop", + "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": "表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "required", + "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" + ] + } + } } ] } ], "events": {}, "slots": { - "label": { + "decrease-icon 2.6.3": { + "label": { + "zh_CN": "decrease-icon 2.6.3" + }, + "description": { + "zh_CN": "自定义输入框按钮减少图标" + } + }, + "increase-icon 2.6.3": { "label": { - "zh_CN": "字段名" + "zh_CN": "increase-icon 2.6.3" }, "description": { - "zh_CN": "自定义显示字段名称" + "zh_CN": "自定义输入框按钮增加图标" } } } + } + }, + + { + "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": ["TinyForm"], + "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" }, @@ -5375,618 +4547,631 @@ "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": "Radio Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Radio 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": "单选框的值" + }, + "type": "string / number / boolean", "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": "单选框的 label 如果value没有值， label则作为value使用" + }, + "type": "string / number / boolean", "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": "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": 0, - "max": 12 + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "栅格左侧的间隔格数" } }, { - "property": "xs", + "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 + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "<768px 响应式栅格数" } }, { - "property": "sm", + "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": "MetaNumber", + "component": "MetaSelect", "props": { - "min": 1, - "max": 12 + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "≥768px 响应式栅格数" } }, { - "property": "md", + "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": "MetaNumber", + "component": "MetaInput", "props": { - "min": 1, - "max": 12 + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "≥992px 响应式栅格数" } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "RadioGroup Attributes ​" + }, + "description": { + "zh_CN": "RadioGroup Attributes ​" + }, + "content": [ { - "property": "lg", + "property": "model-value", "label": { "text": { - "zh_CN": "大屏格数" + "zh_CN": "model-value" } }, - "required": true, + "description": { + "zh_CN": "绑定值" + }, + "type": "string / number / boolean", + "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": "≥1200px 响应式栅格数" } }, { - "property": "xl", + "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": "MetaNumber", + "component": "MetaInput", "props": { - "min": 1, - "max": 12 + "slots": [ + "default" + ] } - }, - "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": "按钮文案", + "property": "disabled", "label": { "text": { - "zh_CN": "按钮文字" + "zh_CN": "disabled" } }, - "cols": 12, - "hidden": false, + "description": { + "zh_CN": "是否禁用" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "size", - "type": "select", + "property": "text-color", "label": { "text": { - "zh_CN": "大小" + "zh_CN": "text-color" } }, - "cols": 12, - "rules": [], - "hidden": false, + "description": { + "zh_CN": "按钮形式的 Radio 激活时的文本颜色" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaInput", "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": "fill", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "fill" } }, + "description": { + "zh_CN": "按钮形式的 Radio 激活时的填充色和边框色" + }, + "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": "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": "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" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "设置不同的主题样式" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + } + }, { - "property": "round", + "property": "label", "label": { "text": { - "zh_CN": "圆角" + "zh_CN": "label" } }, + "description": { + "zh_CN": "与 RadioGroup 中的 aria-label 属性相同" + }, + "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": "plain", + "property": "aria-label", "label": { "text": { - "zh_CN": "朴素按钮" + "zh_CN": "aria-label" } }, + "description": { + "zh_CN": "与 RadioGroup 中的 aria-label 属性相同" + }, + "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": "reset-time", + "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": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "设置禁用时间，防止重复提交，单位毫秒" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "circle", + "property": "id", "label": { "text": { - "zh_CN": "圆角" + "zh_CN": "id" } }, + "description": { + "zh_CN": "原生 id 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "RadioButton Attributes ​" + }, + "description": { + "zh_CN": "RadioButton Attributes ​" + }, + "content": [ + { + "property": "value", + "label": { + "text": { + "zh_CN": "value" + } }, "description": { - "zh_CN": "是否圆形按钮" + "zh_CN": "单选框的值" }, - "labelPosition": "left" + "type": "string / number / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "autofocus", + "property": "label", "label": { "text": { - "zh_CN": "聚焦" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否默认聚焦" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "loading", + "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": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "name" + } }, "description": { - "zh_CN": "是否展示位加载中样式" + "zh_CN": "原生 name 属性" }, - "labelPosition": "left" - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击事件" - }, - "description": { - "zh_CN": "按钮被点击时触发的回调函数" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } + "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": 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": "", @@ -5997,1539 +5182,1369 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["text", "size"] + "properties": [] }, "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 + "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": "Select Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Select Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "model-value", "label": { "text": { - "zh_CN": "绑定值" + "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": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "type", + "property": "multiple", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "multiple" } }, + "description": { + "zh_CN": "是否多选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "props": { - "options": [ - { - "label": "textarea", - "value": "textarea" - }, - { - "label": "text", - "value": "text" - }, - { - "label": "password", - "value": "password" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "设置input框的type属性" } }, { - "property": "rows", + "property": "disabled", "label": { "text": { - "zh_CN": "行数" + "zh_CN": "disabled" } }, - "widget": { - "component": "MetaNumber" - }, "description": { - "zh_CN": "输入框行数，只对 type='textarea' 有效" + "zh_CN": "是否禁用" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "placeholder", + "property": "value-key", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "value-key" } }, + "description": { + "zh_CN": "作为 value 唯一标识的键名，绑定值为对象类型时必填" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} + "component": "MetaInput", + "props": { + "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": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } }, { "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": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "collapse-tags", + "label": { + "text": { + "zh_CN": "collapse-tags" + } }, "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": "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": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "size", + "property": "multiple-limit", "label": { "text": { - "zh_CN": "尺寸" + "zh_CN": "multiple-limit" } }, + "description": { + "zh_CN": "multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制" + }, + "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": "name", "label": { "text": { - "zh_CN": "最大长度" + "zh_CN": "name" } }, + "description": { + "zh_CN": "Select 输入框的原生 name 属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "effect", + "label": { + "text": { + "zh_CN": "effect" + } }, "description": { - "zh_CN": "设置 input 框的maxLength" + "zh_CN": "tooltip 主题，内置了 dark / light 两种" }, - "labelPosition": "left" + "type": "enum / string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "autofocus", + "property": "autocomplete", "label": { "text": { - "zh_CN": "聚焦" + "zh_CN": "autocomplete" } }, + "description": { + "zh_CN": "Select 输入框的原生 autocomplete 属性" + }, + "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": "占位符，默认为“Select”" }, - "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": "双向绑定的值" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "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": "filterable", + "label": { + "text": { + "zh_CN": "filterable" } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" + }, + "description": { + "zh_CN": "Select 组件是否可筛选" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "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": "allow-create", "label": { "text": { - "zh_CN": "文本" + "zh_CN": "allow-create" } }, + "description": { + "zh_CN": "是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。" + }, + "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": "label", + "property": "filter-method", "label": { "text": { - "zh_CN": "单选框的值" + "zh_CN": "filter-method" } }, + "description": { + "zh_CN": "自定义筛选方法" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "modelValue", + "property": "remote", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "remote" } }, + "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": "remote-method", + "label": { + "text": { + "zh_CN": "remote-method" + } }, "description": { - "zh_CN": "双向绑定的当前选中值" + "zh_CN": "自定义远程搜索方法" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "disabled", + "property": "remote-show-suffix", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "remote-show-suffix" } }, + "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" + ] + } } - } - ] - }, - { - "label": { - "zh_CN": "其他" - }, - "description": { - "zh_CN": "" - }, - "content": [ + }, { - "property": "border", + "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": "MetaSwitch", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "loading-text", + "label": { + "text": { + "zh_CN": "loading-text" + } }, "description": { - "zh_CN": "" + "zh_CN": "从服务器加载数据时显示的文本，默认为“Loading”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "size", + "property": "no-match-text", "label": { "text": { - "zh_CN": "单选框的尺寸" + "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": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "no-data-text", + "label": { + "text": { + "zh_CN": "no-data-text" + } }, "description": { - "zh_CN": "" + "zh_CN": "无选项时显示的文字，也可以使用 empty 插槽设置自定义内容，默认是 “No data”" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "name", + "property": "popper-class", "label": { "text": { - "zh_CN": "原生 name 属性" + "zh_CN": "popper-class" } }, + "description": { + "zh_CN": "选择器下拉菜单的自定义类名" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "reserve-keyword", + "label": { + "text": { + "zh_CN": "reserve-keyword" + } }, "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": "双向绑定的当前选中值" + "zh_CN": "当 multiple 和 filterable被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词" + }, + "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": ["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", + "property": "default-first-option", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "default-first-option" } }, + "description": { + "zh_CN": "是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用" + }, + "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": "placeholder", + "property": "teleported", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "teleported" } }, + "description": { + "zh_CN": "是否将下拉列表插入至 body 元素" + }, + "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": "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "searchable", + "property": "automatic-dropdown", "label": { "text": { - "zh_CN": "下拉面板可搜索" + "zh_CN": "automatic-dropdown" } }, - "required": false, + "description": { + "zh_CN": "对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "clear-icon", + "label": { + "text": { + "zh_CN": "clear-icon" + } }, "description": { - "zh_CN": "下拉面板是否可搜索" + "zh_CN": "自定义清除图标" }, - "labelPosition": "left" + "type": "string / object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "disabled", + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "options", + "property": "suffix-icon", "label": { "text": { - "zh_CN": "下拉数据" + "zh_CN": "suffix-icon" } }, + "description": { + "zh_CN": "自定义后缀图标组件" + }, + "type": "string / object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "__ERROR__", "props": { - "language": "json" + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "配置 Select 下拉数据项" - }, - "labelPosition": "left" + } }, { - "property": "multiple", + "property": "suffix-transition", "label": { "text": { - "zh_CN": "多选" + "zh_CN": "suffix-transition" } }, + "description": { + "zh_CN": "下拉菜单显示/消失时后缀图标的动画" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "tag-type", + "label": { + "text": { + "zh_CN": "tag-type" + } }, "description": { - "zh_CN": "是否允许输入框输入或选择多个项" + "zh_CN": "标签类型" }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "multiple-limit", + "property": "tag-effect", "label": { "text": { - "zh_CN": "最大可选值" + "zh_CN": "tag-effect" } }, + "description": { + "zh_CN": "标签效果" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "validate-event", + "label": { + "text": { + "zh_CN": "validate-event" + } }, "description": { - "zh_CN": "多选时用户最多可以选择的项目数，为 0 则不限制" + "zh_CN": "是否触发表单验证" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "popper-class", + "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": "MetaInput", - "props": {} + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "fallback-placements", + "label": { + "text": { + "zh_CN": "fallback-placements" + } }, "description": { - "zh_CN": "设置下拉框自定义的类名" + "zh_CN": "dropdown 可用的 positions 请查看popper.js 文档" }, - "labelPosition": "left" + "type": "array", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "collapse-tags", + "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": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "popper-options", + "label": { + "text": { + "zh_CN": "popper-options" + } }, "description": { - "zh_CN": "多选时是否将选中值按文字的形式展示" + "zh_CN": "popper.js 参数" }, - "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对应数据项的值字段" + "type": "objectrefer to popper.js doc", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } } - ], - "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", + "property": "aria-label", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "aria-label" } }, + "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": "是否被禁用" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "modelValue", + "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": {} - }, - "description": { - "zh_CN": "绑定默认值" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "true-value", + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置打开时的值(Boolean / String / Number)" - }, - "labelPosition": "left" - }, + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Option Group Attributes ​" + }, + "description": { + "zh_CN": "Option Group Attributes ​" + }, + "content": [ { - "property": "false-value", + "property": "label", "label": { "text": { - "zh_CN": "关闭时的值" + "zh_CN": "label" } }, + "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" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "mini", + "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": "是否显示为 mini 模式" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } } ] - } - ], - "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": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Option Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Option Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "value", "label": { "text": { - "zh_CN": "默认值" + "zh_CN": "value" } }, + "description": { + "zh_CN": "选项的值" + }, + "type": "string / number / boolean / 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": "label", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "label" } }, + "description": { + "zh_CN": "选项的标签，若不设置则默认与value相同" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否被禁用" - }, - "labelPosition": "left" - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "占位文本 " + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框内的提示占位文本" - }, - "labelPosition": "left" + } }, { - "property": "clearable", + "property": "disabled", "label": { "text": { - "zh_CN": "清空按钮" + "zh_CN": "disabled" } }, - "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事件" - } + "zh_CN": "是否禁用该选项" }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否在按下键盘Enter键的时候触发search事件" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } } ] - }, - { - "name": "1", + } + ], + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "其他配置" + "zh_CN": "default" }, - "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": "" + "zh_CN": "默认插槽内容" } - } - ], - "events": { - "onChange": { + }, + "header 2.4.3": { "label": { - "zh_CN": "输入完成时触发" + "zh_CN": "header 2.4.3" }, "description": { - "zh_CN": "在 input 框中输入完成时触发的回调函数" + "zh_CN": "下拉列表顶部的内容" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "type", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "搜索类型,默认值为 {} " - } - }, - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前input框中值" - } - } - ], - "returns": {} + "subTag": "—" + }, + "footer 2.4.3": { + "label": { + "zh_CN": "footer 2.4.3" + }, + "description": { + "zh_CN": "下拉列表底部的内容" }, - "defaultValue": "" + "subTag": "—" }, - "onSearch": { + "prefix": { "label": { - "zh_CN": "点击搜索按钮时触发" + "zh_CN": "prefix" }, "description": { - "zh_CN": "展开状态点击搜索按钮时触发的回调函数" + "zh_CN": "Select 组件头部内容" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "type", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "搜索类型,默认值为 {} " - } - }, - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前input框中值" - } - } - ], - "returns": {} + "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 组件自定义标签内容" }, - "defaultValue": "" + "subTag": "—" } } + } + }, + + { + "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": "", @@ -7540,937 +6555,692 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["clearable", "mini"] + "properties": [] }, "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 + "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": "modelValue", + "property": "model-value", "label": { "text": { - "zh_CN": "绑定值" + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { "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": "" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "checked", + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "当前是否勾选" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "text", + "property": "size", "label": { "text": { - "zh_CN": "文本" + "zh_CN": "size" } }, + "description": { + "zh_CN": "switch 的大小" + }, + "type": "string", "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": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "border", + "property": "width", "label": { "text": { - "zh_CN": "边框" + "zh_CN": "width" } }, + "description": { + "zh_CN": "switch 的宽度" + }, + "type": "number / string", "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": "inline-prompt", "label": { "text": { - "zh_CN": "未选中的值" + "zh_CN": "inline-prompt" } }, + "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-label", + "property": "active-icon", "label": { "text": { - "zh_CN": "选择时的值" + "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": "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": "__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": ["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": "inactive-icon", "label": { "text": { - "zh_CN": "绑定值" + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的当前选中值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "disabled", + "property": "active-action-icon", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "active-action-icon" } }, + "description": { + "zh_CN": "on状态下显示的图标组件" + }, + "type": "string / Component", "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": "inactive-action-icon", "label": { "text": { - "zh_CN": "勾选" + "zh_CN": "inactive-action-icon" } }, + "description": { + "zh_CN": "off状态下显示的图标组件" + }, + "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": "text", + "property": "active-text", "label": { "text": { - "zh_CN": "文本" + "zh_CN": "active-text" } }, + "description": { + "zh_CN": "switch 打开时的文字描述" + }, + "type": "string", "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": "双向绑定的当前选中值" + "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": "inactive-text", "label": { "text": { - "zh_CN": "绑定值" + "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": { - "dataType": "Array" + "slots": [ + "default" + ] + } + } + }, + { + "property": "active-value", + "label": { + "text": { + "zh_CN": "active-value" } }, "description": { - "zh_CN": "双向绑定的当前选中值" + "zh_CN": "switch 状态为 on 时的值" }, - "labelPosition": "left" + "type": "boolean / string / number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "disabled", + "property": "inactive-value", "label": { "text": { - "zh_CN": "是否禁用" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "options", + "property": "active-color", "label": { "text": { - "zh_CN": "数据列表" + "zh_CN": "active-color" } }, - "defaultValue": [ - { - "label": "标签2" - }, - { - "label": "标签2" - } - ], + "description": { + "zh_CN": "当在 on 状态时的背景颜色(已废弃，请使用 CSS var --el-switch-on-color )" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "checkbox组件列表" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "type", + "property": "inactive-color", "label": { "text": { - "zh_CN": "类型" + "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": "MetaSelect", + "component": "MetaInput", "props": { - "options": [ - { - "label": "button", - "value": "button" - }, - { - "label": "checkbox", - "value": "checkbox" - } + "slots": [ + "default" ] } + } + }, + { + "property": "border-color", + "label": { + "text": { + "zh_CN": "border-color" + } }, "description": { - "zh_CN": "checkbox组件类型（button/checkbox），该属性的默认值为 checkbox,配合 options 属性一起使用" + "zh_CN": "开关的边框颜色 ( 已废弃，使用 CSS var --el-switch-border-color )" }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "勾选值改变后将触发" - }, - "description": { - "zh_CN": "勾选值改变后将触发" - }, - "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": "" - }, - "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", + "property": "name", "label": { "text": { - "zh_CN": "标题" + "zh_CN": "name" } }, + "description": { + "zh_CN": "switch 对应的 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": "visible", + "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": "width", + "property": "before-change", "label": { "text": { - "zh_CN": "宽度" + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "弹出框的宽度" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "draggable", + "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": "是否开启弹窗的拖拽功能，默认值为 false 。" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "center", + "property": "tabindex", "label": { "text": { - "zh_CN": "居中" + "zh_CN": "tabindex" } }, + "description": { + "zh_CN": "input 的 tabindex" + }, + "type": "string / number", "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": "dialog-class", + "property": "label", "label": { "text": { - "zh_CN": "自定义类" + "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": {} - }, - "description": { - "zh_CN": "自定义配置弹窗类名" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "append-to-body", + "property": "aria-label", "label": { "text": { - "zh_CN": "插入到 Body " + "zh_CN": "aria-label" } }, - "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": "关闭按钮" - } + "zh_CN": "等价于原生 input aria-label 属性" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示关闭按钮，默认值为 true 。" + "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": "" - } - }, + "events": {}, "slots": { - "title": { + "active-action 2.4.4": { "label": { - "zh_CN": "标题区" + "zh_CN": "active-action 2.4.4" }, "description": { - "zh_CN": "Dialog 标题区的内容" + "zh_CN": "自定义 active 行为" } }, - "footer": { + "inactive-action 2.4.4": { "label": { - "zh_CN": "按钮操作区" + "zh_CN": "inactive-action 2.4.4" }, "description": { - "zh_CN": "Dialog 按钮操作区的内容" + "zh_CN": "自定义 inactive 行为" } } } + } + }, + + { + "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": true, + "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -8479,630 +7249,474 @@ }, "isNullNode": false, "isLayout": false, - "rootSelector": ".tiny-dialog-box", + "rootSelector": "", "shortcuts": { - "properties": ["visible", "width"] + "properties": [] }, "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 + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], + "disable": [] + }, + "invalidity": [ + "" + ], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 10, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Carousel Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Carousel Attributes ​" }, "content": [ { - "property": "showEditIcon", + "property": "height", "label": { "text": { - "zh_CN": "显示编辑ICON " + "zh_CN": "height" } }, + "description": { + "zh_CN": "carousel 的高度" + }, + "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": "initial-index", "label": { "text": { - "zh_CN": "选项卡" + "zh_CN": "initial-index" } }, + "description": { + "zh_CN": "初始状态激活的幻灯片的索引，从 0 开始" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "", "cols": 12, - "bindState": false, + "labelPosition": "top", "widget": { - "component": "MetaContainer", - "props": {} - }, - "description": { - "zh_CN": "tabs" - }, - "labelPosition": "none" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "modelValue", + "property": "trigger", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "trigger" } }, + "description": { + "zh_CN": "指示器的触发方式" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "绑定值，选中选项卡的 name" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "with-add", + "property": "autoplay", "label": { "text": { - "zh_CN": "可新增" + "zh_CN": "autoplay" } }, + "description": { + "zh_CN": "是否自动切换" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "标签是否可增加" - }, - "labelPosition": "left" - }, - { - "property": "with-close", - "label": { + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "interval", + "label": { "text": { - "zh_CN": "可关闭" + "zh_CN": "interval" } }, + "description": { + "zh_CN": "自动切换的时间间隔，单位为毫秒" + }, + "type": "number", "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": "tab-style", + "property": "indicator-position", "label": { "text": { - "zh_CN": "标签页样式" + "zh_CN": "indicator-position" } }, + "description": { + "zh_CN": "指示器的位置" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "card", - "value": "card" - }, - { - "label": "border-card", - "value": "border-card" - } + "slots": [ + "default" ] } + } + }, + { + "property": "arrow", + "label": { + "text": { + "zh_CN": "arrow" + } }, "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": "切换箭头的显示时机" }, - { - "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": {} - }, - "defaultValue": "" - }, - "onEdit": { - "label": { - "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" - }, - "description": { - "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "tab", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前操作的页签对象" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" } }, - { - "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": "carousel 的类型" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "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": "cardScale", "label": { "text": { - "zh_CN": "唯一表示" + "zh_CN": "cardScale" } }, + "description": { + "zh_CN": "当 type 为 card时，二级卡的缩放大小" + }, + "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": "title", + "property": "loop", "label": { "text": { - "zh_CN": "标题" + "zh_CN": "loop" } }, + "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": {}, - "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": "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "自定义分隔符" - }, - "labelPosition": "left" + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "options", + "property": "pause-on-hover", "label": { "text": { - "zh_CN": "options" + "zh_CN": "pause-on-hover" } }, + "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": "textField", + "property": "motion-blur", "label": { "text": { - "zh_CN": "textField" + "zh_CN": "motion-blur" } }, + "description": { + "zh_CN": "添加动态模糊以给走马灯注入活力和流畅性。" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } } ] - } - ], - "events": { - "onSelect": { + }, + { + "name": "0", "label": { - "zh_CN": "选择 breadcrumb 时触发" + "zh_CN": "Carousel-Item Attributes ​" }, "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": "显示更多" - } + "zh_CN": "Carousel-Item Attributes ​" }, "content": [ { - "property": "to", + "property": "name", "label": { "text": { - "zh_CN": "路由路径" + "zh_CN": "name" } }, + "description": { + "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } }, "description": { - "zh_CN": "面包屑项" + "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": "面包屑项标签" + "zh_CN": "default" }, "description": { - "zh_CN": "面包屑项" + "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": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", - "parentWhitelist": ["TinyBreadcrumb"], + "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" }, @@ -9110,243 +7724,221 @@ "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": "Collapse Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Collapse Attributes ​" }, "content": [ { - "property": "modelValue", + "property": "model-value", "label": { "text": { - "zh_CN": "当前激活的面板" + "zh_CN": "model-value" } }, + "description": { + "zh_CN": "当前活动面板，在手风琴模式下其类型是string，在其他模式下是array" + }, + "type": "string / array", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "accordion", + "label": { + "text": { + "zh_CN": "accordion" + } }, "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": "当前激活面板的值" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] } } - ], - "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": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Collapse Item Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Collapse Item Attributes ​" }, "content": [ { "property": "name", "label": { "text": { - "zh_CN": "唯一标志符" + "zh_CN": "name" } }, + "description": { + "zh_CN": "唯一标志符" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "唯一标志符;String | Number" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { "property": "title", "label": { "text": { - "zh_CN": "面板标题" + "zh_CN": "title" } }, + "description": { + "zh_CN": "面板标题" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } }, "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" + ] + } + } } ] } ], "events": {}, "slots": { - "title": { + "default": { "label": { - "zh_CN": "标题" + "zh_CN": "default" }, "description": { - "zh_CN": "自定义标题" - } + "zh_CN": "自定义默认内容" + }, + "subTag": "Collapse Item" } } + } + }, + + { + "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": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -9357,1155 +7949,989 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["label-width", "disabled"] + "properties": [] }, "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 + "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": "Attributes ​" }, "description": { - "zh_CN": "基础属性" - }, - "collapse": { - "number": 15, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Attributes ​" }, "content": [ { - "property": "data", + "property": "image", "label": { "text": { - "zh_CN": "表格数据" + "zh_CN": "image" } }, + "description": { + "zh_CN": "empty 组件的图像地址" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaInput", "props": { - "language": "json" + "slots": [ + "default" + ] } - }, - "onChange": "this.delProp('fetchData')", - "description": { - "zh_CN": "设置表格的数据" } }, { - "property": "columns", + "property": "image-size", "label": { "text": { - "zh_CN": "表格列" + "zh_CN": "image-size" } }, + "description": { + "zh_CN": "empty 组件的图像尺寸（宽度）" + }, + "type": "number", "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" - } - ] - } - ], + "labelPosition": "top", "widget": { - "component": "MetaArrayItem", + "component": "__ERROR__", "props": { - "type": "object", - "textField": "title", - "language": "json", - "buttonText": "编辑列配置", - "title": "编辑列配置", - "expand": true + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "表格列的配置信息" - }, - "labelPosition": "left" + } }, { - "property": "fetchData", + "property": "description", "label": { "text": { - "zh_CN": "服务端数据" + "zh_CN": "description" } }, + "description": { + "zh_CN": "empty 组件的描述信息" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, - "onChange": "this.delProp('data')", "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaInput", "props": { - "name": "fetchData", - "dataType": "JSExpression" + "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": "服务端数据查询方法" + "zh_CN": "图片源地址，同原生属性一致" + }, + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "pager", + "property": "fit", "label": { "text": { - "zh_CN": "分页配置" + "zh_CN": "fit" } }, + "description": { + "zh_CN": "确定图片如何适应容器框，同原生 object-fit" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, - "defaultValue": { - "attrs": { - "currentPage": 1 - } - }, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", + "component": "MetaSelect", "props": { - "name": "pager", - "dataType": "JSExpression" + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "分页配置" } }, { - "property": "resizable", + "property": "hide-on-click-modal", "label": { "text": { - "zh_CN": "调整列宽" + "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": {} - }, - "description": { - "zh_CN": "是否允许调整列宽" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "row-id", + "property": "loading", "label": { "text": { - "zh_CN": "行数据唯一标识的字段名" + "zh_CN": "loading" } }, - "required": false, + "description": { + "zh_CN": "浏览器加载图像的策略，和 浏览器原生能力一致" + }, + "type": "string", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", + "component": "MetaSelect", "props": { - "placeholder": "比如：id" + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "行数据唯一标识的字段名" - }, - "labelPosition": "left" + } }, { - "property": "select-config", + "property": "lazy", "label": { "text": { - "zh_CN": "复选框配置" + "zh_CN": "lazy" } }, - "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": "scroll-container", "label": { "text": { - "zh_CN": "校验规则" + "zh_CN": "scroll-container" } }, + "description": { + "zh_CN": "开启懒加载功能后，监听 scroll 事件的容器 默认情况下，开启懒加载功能后，监听 scroll 事件的容器" + }, + "type": "string / object", "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": "edit-config", + "property": "alt", "label": { "text": { - "zh_CN": "编辑配置项" + "zh_CN": "alt" } }, + "description": { + "zh_CN": "原生属性 alt" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表格编辑配置项" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "expand-config", + "property": "referrerpolicy", "label": { "text": { - "zh_CN": "复选框配置项" + "zh_CN": "referrerpolicy" } }, + "description": { + "zh_CN": "原生属性 referrerPolicy。" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "复选框配置项" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "sortable", + "property": "crossorigin", "label": { "text": { - "zh_CN": "可排序" + "zh_CN": "crossorigin" } }, + "description": { + "zh_CN": "原生属性 crossorigin" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否允许列数据排序。默认为 true 可排序" - }, - "labelPosition": "left" - } - ] - }, - { - "label": { - "zh_CN": "其他属性" - }, - "description": { - "zh_CN": "其他属性" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "auto-resize", + "property": "preview-src-list", "label": { "text": { - "zh_CN": "可排序" + "zh_CN": "preview-src-list" } }, + "description": { + "zh_CN": "开启图片预览功能" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否允许列数据排序。默认为 true 可排序" - }, - "labelPosition": "left" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "border", + "property": "z-index", "label": { "text": { - "zh_CN": "边框" + "zh_CN": "z-index" } }, + "description": { + "zh_CN": "设置图片预览的 z-index" + }, + "type": "number", "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": "seq-serial", + "property": "initial-index", "label": { "text": { - "zh_CN": "行号连续" + "zh_CN": "initial-index" } }, + "description": { + "zh_CN": "初始预览图像索引，小于 url-list 的长度" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置行序号是否连续，开启分页时有效，该属性的默认值为 false" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "highlight-current-row", + "property": "close-on-press-escape", "label": { "text": { - "zh_CN": "高亮当前行" + "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": {} - }, - "description": { - "zh_CN": "高亮当前行" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "highlight-hover-row", + "property": "preview-teleported", "label": { "text": { - "zh_CN": "hover 时候高亮" + "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": {} - }, - "description": { - "zh_CN": "鼠标移到行是否要高亮显示" - }, - "labelPosition": "left" + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "row-class-name", + "property": "infinite", "label": { "text": { - "zh_CN": "hover 高亮" + "zh_CN": "infinite" } }, + "description": { + "zh_CN": "是否可以无限循环预览" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "给行附加 className，也可以是函数 Function({seq, row, rowIndex, $rowIndex})" - }, - "labelPosition": "left" + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "max-height", + "property": "zoom-rate", "label": { "text": { - "zh_CN": "最大高度" + "zh_CN": "zoom-rate" } }, + "description": { + "zh_CN": "图像查看器缩放事件的缩放速率。" + }, + "type": "number", "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": "row-span", + "property": "min-scale", "label": { "text": { - "zh_CN": "行合并" + "zh_CN": "min-scale" } }, + "description": { + "zh_CN": "图像查看器缩放事件的最小缩放比例" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "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": "选中的表格数据数组" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } } - ], - "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 实例对象" + }, + { + "property": "max-scale", + "label": { + "text": { + "zh_CN": "max-scale" } }, - { - "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 实例对象和当前行数据的对象" - } + "description": { + "zh_CN": "图像查看器缩放事件的最大缩放比例" }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": " 原生 Event" + "type": "number", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } } - ], - "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": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Image Viewer Attributes ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Image Viewer Attributes ​" }, "content": [ { - "property": "currentPage", + "property": "url-list", "label": { "text": { - "zh_CN": "当前页数" + "zh_CN": "url-list" } }, + "description": { + "zh_CN": "用于预览的图片链接列表" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "当前页数，支持 .sync 修饰符" - }, - "labelPosition": "left" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "pageSize", + "property": "z-index", "label": { "text": { - "zh_CN": "每页条数" + "zh_CN": "z-index" } }, + "description": { + "zh_CN": "预览时遮罩层的 z-index" + }, + "type": "number / string", "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": "initial-index", "label": { "text": { - "zh_CN": "可选每页条数" + "zh_CN": "initial-index" } }, + "description": { + "zh_CN": "初始预览图像索引，小于 url-list 的长度" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "infinite", + "label": { + "text": { + "zh_CN": "infinite" + } + }, "description": { - "zh_CN": "设置可选择的每页显示条数" + "zh_CN": "是否可以无限循环预览" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "total", + "property": "hide-on-click-modal", "label": { "text": { - "zh_CN": "总条数" + "zh_CN": "hide-on-click-modal" } }, + "description": { + "zh_CN": "是否可以通过点击遮罩层关闭预览" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "teleported", + "label": { + "text": { + "zh_CN": "teleported" + } }, "description": { - "zh_CN": "数据总条数" + "zh_CN": "image 自身是否插入至 body 元素上。 嵌套的父元素属性会发生修改时应该将此属性设置为 true" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "layout", + "property": "zoom-rate", "label": { "text": { - "zh_CN": "布局" + "zh_CN": "zoom-rate" } }, + "description": { + "zh_CN": "图像查看器缩放事件的缩放速率。" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, - "defaultValue": "total,sizes,prev, pager, next", + "labelPosition": "top", "widget": { - "component": "MetaInput", + "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": { - "type": "textarea" + "slots": [ + "default" + ] + } + } + }, + { + "property": "close-on-press-escape", + "label": { + "text": { + "zh_CN": "close-on-press-escape" } }, "description": { - "zh_CN": "组件布局，子组件名用逗号分隔" + "zh_CN": "是否可以通过按下 ESC 关闭 Image Viewer" }, - "labelPosition": "left" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } + } } ] } ], - "events": { - "onCurrentChange ": { + "events": {}, + "slots": { + "placeholder": { "label": { - "zh_CN": "切换页码时触发" + "zh_CN": "placeholder" }, "description": { - "zh_CN": "切换页码时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前页的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" + "zh_CN": "当图像尚未加载时，自定义的占位符内容" + } }, - "onPrevClick ": { + "error": { "label": { - "zh_CN": "点击上一页按钮时触发" + "zh_CN": "error" }, "description": { - "zh_CN": "点击上一页按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "page", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前页的页码值" - } - } - ], - "returns": {} - }, - "defaultValue": "" + "zh_CN": "自定义图像加载失败的内容" + } }, - "onNextClick": { + "viewer": { "label": { - "zh_CN": "点击下一页按钮时触发" + "zh_CN": "viewer" }, "description": { - "zh_CN": "点击上一页按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "page", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前页的页码值" - } - } - ], - "returns": {} - }, - "defaultValue": "" + "zh_CN": "当图像预览时自定义内容" + } } } + } + }, + + { + "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": "", @@ -10516,2478 +8942,1782 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["currentPage", "total"] + "properties": [] }, "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 + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], + "disable": [] + }, + "invalidity": [ + "" + ], + "clickCapture": true, + "framework": "Vue" }, - "group": "component", - "priority": 6, "schema": { "properties": [ { + "name": "0", "label": { - "zh_CN": "基础信息" + "zh_CN": "Table 属性 ​" }, "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } + "zh_CN": "Table 属性 ​" }, "content": [ { - "property": "modelValue", + "property": "data", "label": { "text": { - "zh_CN": "绑定值" + "zh_CN": "data" } }, + "description": { + "zh_CN": "表数据" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "placeholder", + "property": "height", "label": { "text": { - "zh_CN": "占位文本" + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "show-clear-btn", + "property": "max-height", "label": { "text": { - "zh_CN": "清除按钮" + "zh_CN": "max-height" } }, + "description": { + "zh_CN": "table 的最大高度。 合法的值为数字或者单位为 px 的高度。" + }, + "type": "string / number", "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": "stripe", "label": { "text": { - "zh_CN": "是否禁用" + "zh_CN": "stripe" } }, + "description": { + "zh_CN": "是否为斑马纹 table" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "props": { + "slots": [ + "default" + ] + } } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + }, { - "property": "width", + "property": "border", "label": { "text": { - "zh_CN": "宽度" + "zh_CN": "border" } }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "type": ":::", "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": "conditions", + "property": "size", "label": { "text": { - "zh_CN": "过滤条件" + "zh_CN": "size" } }, + "description": { + "zh_CN": "Table 的尺寸" + }, + "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": "grid-op", + "property": "fit", "label": { "text": { - "zh_CN": "表格配置" + "zh_CN": "fit" } }, + "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": "pager-op", + "property": "show-header", "label": { "text": { - "zh_CN": "分页配置" + "zh_CN": "show-header" } }, + "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": "multi", + "property": "highlight-current-row", "label": { "text": { - "zh_CN": "多选" + "zh_CN": "highlight-current-row" } }, + "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": "show-pager", + "property": "current-row-key", "label": { "text": { - "zh_CN": "启用分页" + "zh_CN": "current-row-key" } }, + "description": { + "zh_CN": "当前行的 key，只写属性" + }, + "type": "string / 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": "row-class-name", "label": { "text": { - "zh_CN": "多选" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置接口是否可以多选" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "data", + "property": "row-style", "label": { "text": { - "zh_CN": "数据源" + "zh_CN": "row-style" } }, + "description": { + "zh_CN": "行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。" + }, + "type": "Function / object", "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": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "node-key", + "property": "cell-class-name", "label": { "text": { - "zh_CN": "唯一标识" + "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": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "节点唯一标识属性名称" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "render-content", + "property": "cell-style", "label": { "text": { - "zh_CN": "渲染函数" + "zh_CN": "cell-style" } }, - "required": false, + "description": { + "zh_CN": "单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。" + }, + "type": "Function / object", + "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": "icon-trigger-click-node", + "property": "header-row-class-name", "label": { "text": { - "zh_CN": "触发NodeClick 事件" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "点击图标展开节点时是否触发 node-click 事件" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "expand-icon", + "property": "header-row-style", "label": { "text": { - "zh_CN": "展开图标" + "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": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "节点展开图标" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "shrink-icon", + "property": "header-cell-class-name", "label": { "text": { - "zh_CN": "收缩图标" + "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": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "节点收缩的图标" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "check-on-click-node", + "property": "header-cell-style", "label": { "text": { - "zh_CN": "点击节点选中" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "filter-node-method", + "property": "row-key", "label": { "text": { - "zh_CN": "筛选函数" + "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": "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": "树组件实例" + "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": ["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": "empty-text", "label": { "text": { - "zh_CN": "水平布局" + "zh_CN": "empty-text" } }, - "cols": 12, - "rules": [], - "hidden": false, + "description": { + "zh_CN": "空数据时显示的文本内容， 也可以通过 #empty 设置" + }, + "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": "default-expand-all", "label": { "text": { - "zh_CN": "垂直布局" + "zh_CN": "default-expand-all" } }, - "cols": 12, - "rules": [], - "hidden": false, + "description": { + "zh_CN": "是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "节点和文字垂直布局" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "active", + "property": "expand-row-keys", "label": { "text": { - "zh_CN": "选中值" + "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": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "步骤条的选中步骤值" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "data", + "property": "default-sort", "label": { "text": { - "zh_CN": "数据" + "zh_CN": "default-sort" } }, + "description": { + "zh_CN": "默认的排序列的 prop 和顺序。 它的 prop 属性指定默认的排序的列，order 指定默认排序的顺序" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, - "defaultValue": [ - { - "name": "配置基本信息", - "status": "ready" - }, - { - "name": "配置报价", - "status": "wait" - }, - { - "name": "完成报价", - "status": "wait" - } - ], "cols": 12, + "labelPosition": "top", "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: 时间 }" + "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": ["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", + "property": "tooltip-effect", "label": { "text": { - "zh_CN": "提示位置" + "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": { - "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" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "Tooltip 的出现位置" - }, - "labelPosition": "left" + } }, { - "property": "content", + "property": "tooltip-options", "label": { "text": { - "zh_CN": "内容" + "zh_CN": "tooltip-options" } }, + "description": { + "zh_CN": "溢出 tooltip 的选项，参见下述 tooltip 组件" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, - "defaultValue": "提示信息", "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "显示的内容，也可以通过 slot#content 传入 DOM" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "render-content", + "property": "show-summary", "label": { "text": { - "zh_CN": "渲染函数" + "zh_CN": "show-summary" } }, - "required": false, + "description": { + "zh_CN": "是否在表尾显示合计行" + }, + "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": "modelValue", + "property": "sum-text", "label": { "text": { - "zh_CN": "是否可见" + "zh_CN": "sum-text" } }, - "defaultValue": true, + "description": { + "zh_CN": "显示摘要行第一列的文本" + }, + "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": "manual", + "property": "summary-method", "label": { "text": { - "zh_CN": "手动控制" + "zh_CN": "summary-method" } }, - "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": "自定义的合计计算方法" }, + "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": "placement", + "property": "span-method", "label": { "text": { - "zh_CN": "位置" + "zh_CN": "span-method" } }, + "description": { + "zh_CN": "合并行或列的计算方法" + }, + "type": "Function", "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" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "" - }, - "labelPosition": "left" + } }, { - "property": "trigger", + "property": "select-on-indeterminate", "label": { "text": { - "zh_CN": "触发方式" + "zh_CN": "select-on-indeterminate" } }, + "description": { + "zh_CN": "在多选表格中，当仅有部分行被选中时，点击表头的多选框时的行为。 若为 true，则选中所有行；若为 false，则取消选择所有行" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaSwitch", "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": "indent", "label": { "text": { - "zh_CN": "自定义类" + "zh_CN": "indent" } }, + "description": { + "zh_CN": "展示树形数据时，树节点的缩进" + }, + "type": "number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "为 popper 添加类名" - }, - "labelPosition": "left" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "visible-arrow", + "property": "lazy", "label": { "text": { - "zh_CN": "显示箭头" + "zh_CN": "lazy" } }, + "description": { + "zh_CN": "是否懒加载子节点数据" + }, + "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": "load", "label": { "text": { - "zh_CN": "添加到body上" + "zh_CN": "load" } }, + "description": { + "zh_CN": "加载子节点数据的函数，lazy 为 true 时生效" + }, + "type": "Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "Popover弹窗是否添加到body上" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "arrow-offset", + "property": "tree-props", "label": { "text": { - "zh_CN": "箭头的位置偏移" + "zh_CN": "tree-props" } }, + "description": { + "zh_CN": "渲染嵌套数据的配置选项" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "箭头的位置偏移，该属性的默认值为 0" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "close-delay", + "property": "table-layout", "label": { "text": { - "zh_CN": "隐藏延迟" + "zh_CN": "table-layout" } }, + "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": "scrollbar-always-on", "label": { "text": { - "zh_CN": "显示的内容" + "zh_CN": "scrollbar-always-on" } }, + "description": { + "zh_CN": "总是显示滚动条" + }, + "type": "boolean", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "显示的内容，也可以通过 slot 传入 DOM" + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "disabled", + "property": "show-overflow-tooltip", "label": { "text": { - "zh_CN": "禁用" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "Popover 是否可用" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "offset", + "property": "flexible", "label": { "text": { - "zh_CN": "位置偏移量" + "zh_CN": "flexible" } }, + "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" + ] + } } - }, + } + ] + }, + { + "name": "0", + "label": { + "zh_CN": "Table-column 属性 ​" + }, + "description": { + "zh_CN": "Table-column 属性 ​" + }, + "content": [ { - "property": "open-delay", + "property": "type", "label": { "text": { - "zh_CN": "显示延迟" + "zh_CN": "type" } }, + "description": { + "zh_CN": "对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮" + }, + "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": "popper-options", + "property": "index", "label": { "text": { - "zh_CN": "popper.js的参数" + "zh_CN": "index" } }, + "description": { + "zh_CN": "如果设置了 type=index，可以通过传递 index 属性来自定义索引" + }, + "type": "number / Function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "popper.js 的参数" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "title", + "property": "label", "label": { "text": { - "zh_CN": "标题" + "zh_CN": "label" } }, + "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": "transform-origin", + "property": "column-key", "label": { "text": { - "zh_CN": "旋转中心点" + "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": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "组件的旋转中心点,组件的旋转中心点" - } - }, + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, { - "property": "transition", + "property": "prop", "label": { "text": { - "zh_CN": "定义渐变动画" + "zh_CN": "prop" } }, + "description": { + "zh_CN": "字段名称 对应列内容的字段名， 也可以使用 property属性" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "该属性的默认值为 fade-in-linear" + "props": { + "slots": [ + "default" + ] + } } }, { "property": "width", "label": { "text": { - "zh_CN": "宽度" + "zh_CN": "width" } }, + "description": { + "zh_CN": "对应列的宽度" + }, + "type": "string / number", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "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": "双向绑定的可见状态值" + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] } } - ], - "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", + "property": "min-width", "label": { "text": { - "zh_CN": "绑定值" + "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": "MetaBindI18n", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "fixed", + "label": { + "text": { + "zh_CN": "fixed" + } }, "description": { - "zh_CN": "双向绑定值" + "zh_CN": "列是否固定在左侧或者右侧。 true 表示固定在左侧" }, - "labelPosition": "left" + "type": "enum / boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "type", + "property": "render-header", "label": { "text": { - "zh_CN": "类型" + "zh_CN": "render-header" } }, + "description": { + "zh_CN": "列标题 Label 区域渲染使用的 Function" + }, + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "__ERROR__", "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": "sortable", "label": { "text": { - "zh_CN": "占位文本" + "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": "MetaBindI18n", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "sort-method", + "label": { + "text": { + "zh_CN": "sort-method" + } }, "description": { - "zh_CN": "输入框占位文本" + "zh_CN": "指定数据按照哪个属性进行排序，仅当sortable设置为true的时候有效。 应该如同 Array.sort 那样返回一个 Number" }, - "labelPosition": "left" + "type": "Function", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "clearable", + "property": "sort-by", "label": { "text": { - "zh_CN": "清除按钮" + "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": "MetaSwitch", - "props": {} + "component": "__ERROR__", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "sort-orders", + "label": { + "text": { + "zh_CN": "sort-orders" + } }, "description": { - "zh_CN": "是否显示清除按钮" + "zh_CN": "数据在排序时所使用排序策略的轮转顺序，仅当 sortable 为 true 时有效。 需传入一个数组，随着用户点击表头，该列依次按照数组中元素的顺序进行排序" }, - "labelPosition": "left" + "type": "object", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "disabled", + "property": "resizable", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "resizable" } }, - "required": false, + "description": { + "zh_CN": "对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）" + }, + "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": "formatter", "label": { "text": { - "zh_CN": "是否只读" + "zh_CN": "formatter" } }, + "description": { + "zh_CN": "用来格式化内容" + }, + "type": "function", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" + "component": "MetaCodeEditor", + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "size", + "property": "show-overflow-tooltip", "label": { "text": { - "zh_CN": "尺寸" + "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": "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": "align", "label": { "text": { - "zh_CN": "最大长度" + "zh_CN": "align" } }, + "description": { + "zh_CN": "对齐方式" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", - "props": {} + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "header-align", + "label": { + "text": { + "zh_CN": "header-align" + } }, "description": { - "zh_CN": "设置 input 框的maxLength" + "zh_CN": "表头对齐方式， 若不设置该项，则使用表格的对齐方式" }, - "labelPosition": "left" + "type": "string", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSelect", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "autofocus", + "property": "class-name", "label": { "text": { - "zh_CN": "聚焦" + "zh_CN": "class-name" } }, + "description": { + "zh_CN": "列的 className" + }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSwitch", - "props": {} + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } + }, + { + "property": "label-class-name", + "label": { + "text": { + "zh_CN": "label-class-name" + } }, "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": "绑定值" - } + "zh_CN": "当前列标题的自定义类名" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, + "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" + "component": "MetaInput", + "props": { + "slots": [ + "default" + ] + } + } }, { - "property": "placeholder", + "property": "selectable", "label": { "text": { - "zh_CN": "占位文本" + "zh_CN": "selectable" } }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaBindI18n", - "props": {} - }, "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" - }, - { - "property": "allow-empty", - "label": { - "text": { - "zh_CN": "内容可清空" - } + "zh_CN": "仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选" }, + "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": "reserve-selection", "label": { "text": { - "zh_CN": "禁用" + "zh_CN": "reserve-selection" } }, - "required": false, + "description": { + "zh_CN": "数据刷新后是否保留选项，仅对 type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。" + }, + "type": "boolean", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "禁用" + "props": { + "slots": [ + "default" + ] + } } }, { - "property": "size", + "property": "filters", "label": { "text": { - "zh_CN": "尺寸" + "zh_CN": "filters" } }, + "description": { + "zh_CN": "数据过滤的选项， 数组格式，数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性。" + }, + "type": "object", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaSelect", + "component": "MetaCodeEditor", "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": "filter-placement", "label": { "text": { - "zh_CN": "是否使用加减按钮" + "zh_CN": "filter-placement" } }, - "required": false, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, "description": { - "zh_CN": "" - } - }, - { - "property": "controls-position", - "label": { - "text": { - "zh_CN": "加减按钮位置" - } + "zh_CN": "过滤弹出框的定位" }, + "type": "string", "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { "component": "MetaSelect", "props": { - "options": [ - { - "label": "左右两侧", - "value": "" - }, - { - "label": "只在右侧", - "value": "right" - } + "slots": [ + "default" ] } - }, - "description": { - "zh_CN": "加减按钮位置" - }, - "labelPosition": "left" + } }, { - "property": "precision", + "property": "filter-class-name", "label": { "text": { - "zh_CN": "数值精度" + "zh_CN": "filter-class-name" } }, - "required": false, + "description": { + "zh_CN": "过滤弹出框的 className" + }, + "type": "string", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaInput", "props": { - "allowEmpty": true + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "数值精度" - }, - "labelPosition": "left" + } }, { - "property": "step", + "property": "filter-multiple", "label": { "text": { - "zh_CN": "步长" + "zh_CN": "filter-multiple" } }, - "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" + ] } - }, - "description": { - "zh_CN": "步长" - }, - "labelPosition": "left" + } }, { - "property": "max", + "property": "filter-method", "label": { "text": { - "zh_CN": "可输入的最大数值" + "zh_CN": "filter-method" } }, - "required": false, + "description": { + "zh_CN": "数据过滤使用的方法， 如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示。" + }, + "type": "function", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaCodeEditor", "props": { - "allowEmpty": true + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "可输入的最大数值" - }, - "labelPosition": "left" + } }, { - "property": "min", + "property": "filtered-value", "label": { "text": { - "zh_CN": "可输入的最小数值" + "zh_CN": "filtered-value" } }, - "required": false, + "description": { + "zh_CN": "选中的数据过滤项，如果需要自定义表头过滤的渲染方式，可能会需要此属性。" + }, + "type": "object", + "required": true, "readOnly": false, "disabled": false, "cols": 12, + "labelPosition": "top", "widget": { - "component": "MetaNumber", + "component": "MetaCodeEditor", "props": { - "allowEmpty": true + "slots": [ + "default" + ] } - }, - "description": { - "zh_CN": "可输入的最大数值" - }, - "labelPosition": "left" + } } ] } ], - "events": { - "onChange": { + "events": {}, + "slots": { + "default": { "label": { - "zh_CN": "值改变时触发" + "zh_CN": "default" }, "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框改变后的值" - } - } - ], - "returns": {} + "zh_CN": "自定义列的内容" }, - "defaultValue": "" + "subTag": "object" }, - "onInput": { + "append": { "label": { - "zh_CN": "输入值改变时触发" + "zh_CN": "append" }, "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框输入的值" - } - } - ], - "returns": {} + "zh_CN": "插入至表格最后一行之后的内容， 如果需要对表格的内容进行无限滚动操作，可能需要用到这个 slot。 若表格有合计行，该 slot 会位于合计行之上。" }, - "defaultValue": "" + "subTag": "—" }, - "onUpdate:modelValue": { + "empty": { "label": { - "zh_CN": "双向绑定的值改变时触发" + "zh_CN": "empty" }, "description": { - "zh_CN": "在 Input 输入值改变时触发" + "zh_CN": "当数据为空时自定义的内容" }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的值" - } - } - ], - "returns": {} + "subTag": "—" + }, + "header": { + "label": { + "zh_CN": "header" + }, + "description": { + "zh_CN": "自定义表头的内容，" }, - "defaultValue": "" + "subTag": "object" }, - "onBlur": { + "filter-icon 2.7.8": { "label": { - "zh_CN": "失去焦点时触发" + "zh_CN": "filter-icon 2.7.8" }, "description": { - "zh_CN": "在 Input 失去焦点时触发" + "zh_CN": "自定义 filter 图标" }, - "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": "" + "subTag": "object" } } + } + }, + + { + "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": true, + "isContainer": false, "isModal": false, + "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -12998,292 +10728,5440 @@ "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": "Tag Attributes ​" + }, + "description": { + "zh_CN": "Tag Attributes ​" + }, + "content": [ { - "componentName": "Text", - "props": { - "text": "按钮文本" + "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" + ] + } } - } - ] - } - }, - { - "name": { - "zh_CN": "表单" - }, - "icon": "form", - "screenshot": "", - "snippetName": "ElForm", - "schema": { - "children": [ + }, { - "componentName": "ElFormItem", - "props": { - "label": "账号", - "prop": "account" + "property": "closable", + "label": { + "text": { + "zh_CN": "closable" + } }, - "children": [ - { - "componentName": "ElInput", - "props": { - "modelValue": "", - "placeholder": "请输入账号" - } + "description": { + "zh_CN": "是否可关闭" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] } - ] + } }, { - "componentName": "ElFormItem", - "props": { - "label": "密码", - "prop": "password" + "property": "disable-transitions", + "label": { + "text": { + "zh_CN": "disable-transitions" + } }, - "children": [ - { - "componentName": "ElInput", - "props": { - "modelValue": "", - "placeholder": "请输入密码", - "type": "password" - } + "description": { + "zh_CN": "是否禁用渐变动画" + }, + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] } - ] + } }, { - "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": "重置" - } - } - ] + "property": "hit", + "label": { + "text": { + "zh_CN": "hit" } - ] - } - ] - } - }, - { - "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" + "description": { + "zh_CN": "是否有边框描边" }, - { - "date": "2016-05-01", - "name": "Tom", - "address": "No. 189, Grove St, Los Angeles" + "type": "boolean", + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaSwitch", + "props": { + "slots": [ + "default" + ] + } } - ], - "columns": [ - { - "type": "index" - }, - { - "label": "Date", - "prop": "date" + }, + { + "property": "color", + "label": { + "text": { + "zh_CN": "color" + } }, - { - "label": "Name", - "prop": "name" + "description": { + "zh_CN": "背景色" }, - { - "label": "Address", - "prop": "address" - } - ] - } - } - } - ] - }, - { - "group": "html", - "children": [ - { - "name": { - "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" + ] + } + } + } + ] }, - "icon": "paragraph", - "screenshot": "", - "snippetName": "p", - "schema": { - "componentName": "p", - "children": "TinyEngine 前端可视化设计器致力于通过友好的用户交互提升业务应用的开发效率。" + { + "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" + ] + } + } + } + ] } - }, - { - "name": { - "zh_CN": "链接" - }, - "icon": "link", - "screenshot": "", - "snippetName": "a", - "schema": { - "componentName": "a", - "children": "链接" + ], + "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": "" }, - { - "name": { - "zh_CN": "分隔线" - }, - "icon": "hr", - "screenshot": "", - "snippetName": "hr", - "schema": {} + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] }, - { - "name": { - "zh_CN": "标题" - }, - "icon": "h16", - "screenshot": "", - "snippetName": "h1", - "schema": { - "componentName": "h1", - "props": {}, - "children": "Heading" - } + "contextMenu": { + "actions": [ + "copy", + "remove", + "insert", + "updateAttr", + "bindEevent", + "createBlock" + ], + "disable": [] }, - { - "name": { - "zh_CN": "输入框" - }, - "icon": "input", - "screenshot": "", - "snippetName": "input", - "schema": { - "componentName": "input", - "props": { - "type": "text", - "placeholder": "请输入" - } + "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": 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": 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": "页头" + }, + "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": 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": 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": 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" + ] + } + } + } + ] } - }, - { - "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" + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "Tooltip 触发 & 引用的元素" } - } - }, - { - "name": { - "zh_CN": "图片" }, - "icon": "Image", - "screenshot": "", - "snippetName": "img", - "schema": { - "componentName": "img", - "props": { - "src": "img/webNova.jpg", - "width": "200", - "height": "100" + "content": { + "label": { + "zh_CN": "content" + }, + "description": { + "zh_CN": "自定义内容" } } - }, + } + } + } + ], + "blocks": [], + "snippets": [ + { + "group": "element-plus", + "children": [ { "name": { "zh_CN": "按钮" }, "icon": "button", "screenshot": "", - "snippetName": "button", + "snippetName": "ElButton", "schema": { - "componentName": "button", - "props": {}, "children": [ { "componentName": "Text", "props": { - "text": "按钮文案" + "text": "按钮文本" } } ] @@ -13291,199 +16169,117 @@ }, { "name": { - "zh_CN": "表格" + "zh_CN": "图标" }, - "icon": "table", + "icon": "icon", "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": "ElIcon", + "schema": {} }, { "name": { - "zh_CN": "表单" + "zh_CN": "链接" }, - "icon": "form", + "icon": "link", "screenshot": "", - "snippetName": "form", + "snippetName": "ElLink", "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" - } - } - ] + "componentName": "a", + "children": "链接" } - } - ] - }, - { - "group": "content", - "children": [ + }, { "name": { - "zh_CN": "走马灯" + "zh_CN": "文本" }, + "icon": "text", "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": "ElText", + "schema": {} }, { "name": { - "zh_CN": "表单" + "zh_CN": "多选框" }, + "icon": "checkbox", "screenshot": "", - "snippetName": "tiny-form", + "snippetName": "ElCheckbox", + "schema": {} + }, + { + "name": { + "zh_CN": "表单" + }, "icon": "form", + "screenshot": "", + "snippetName": "ElForm", "schema": { - "componentName": "TinyForm", - "props": { - "labelWidth": "80px", - "labelPosition": "top" - }, "children": [ { - "componentName": "TinyFormItem", + "componentName": "ElFormItem", "props": { - "label": "人员" + "label": "账号", + "prop": "account" }, "children": [ { - "componentName": "TinyInput", + "componentName": "ElInput", "props": { - "placeholder": "请输入", - "modelValue": "" + "modelValue": "", + "placeholder": "请输入账号" } } ] }, { - "componentName": "TinyFormItem", + "componentName": "ElFormItem", "props": { - "label": "密码" + "label": "密码", + "prop": "password" }, "children": [ { - "componentName": "TinyInput", + "componentName": "ElInput", "props": { - "placeholder": "请输入", "modelValue": "", + "placeholder": "请输入密码", "type": "password" } } ] }, { - "componentName": "TinyFormItem", - "props": { - "label": "" - }, + "componentName": "ElFormItem", + "props": {}, "children": [ { - "componentName": "TinyButton", + "componentName": "ElButton", "props": { - "text": "提交", "type": "primary", "style": "margin-right: 10px" - } + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": "提交" + } + } + ] }, { - "componentName": "TinyButton", + "componentName": "ElButton", "props": { - "text": "重置", "type": "primary" - } + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": "重置" + } + } + ] } ] } @@ -13492,137 +16288,81 @@ }, { "name": { - "zh_CN": "下拉框" + "zh_CN": "输入框" }, - "icon": "select", + "icon": "input", "screenshot": "", - "snippetName": "TinySelect", + "snippetName": "ElInput", "schema": { - "componentName": "TinySelect", + "componentName": "input", "props": { - "modelValue": "", - "placeholder": "请选择", - "options": [ - { - "value": "1", - "label": "黄金糕" - }, - { - "value": "2", - "label": "双皮奶" - } - ] + "type": "text", + "placeholder": "请输入" } } }, { "name": { - "zh_CN": "开关" + "zh_CN": "Number 数字输入框" }, - "icon": "switch", + "icon": "input", "screenshot": "", - "snippetName": "TinySwitch", - "schema": { - "componentName": "TinySwitch", - "props": { - "modelValue": "" - } - } + "snippetName": "ElInput", + "schema": {} }, { "name": { - "zh_CN": "复选框组" + "zh_CN": "单选框" }, - "icon": "checkboxs", + "icon": "radio", "screenshot": "", - "snippetName": "TinyCheckboxGroup", + "snippetName": "ElRadio", "schema": { - "componentName": "TinyCheckboxGroup", + "componentName": "TinyRadio", "props": { - "modelValue": ["name1", "name2"], - "type": "checkbox", - "options": [ - { - "text": "复选框1", - "label": "name1" - }, - { - "text": "复选框2", - "label": "name2" - }, - { - "text": "复选框3", - "label": "name3" - } - ] + "label": "1", + "text": "单选文本" } } }, { "name": { - "zh_CN": "复选框拖拽按钮组" + "zh_CN": "选择器" }, - "icon": "checkboxgroup", + "icon": "select", "screenshot": "", - "snippetName": "TinyCheckboxbuttonGroup", - "schema": { - "componentName": "TinyCheckboxGroup", - "props": { - "modelValue": [] - }, - "children": [ - { - "componentName": "TinyCheckboxButton", - "children": [ - { - "componentName": "div" - } - ] - } - ] - } + "snippetName": "ElSelect", + "schema": {} }, { "name": { - "zh_CN": "对话框" + "zh_CN": "开关" }, + "icon": "switch", "screenshot": "", - "snippetName": "TinyDialogBox", - "icon": "dialogbox", + "snippetName": "ElSwitch", "schema": { - "componentName": "TinyDialogBox", + "componentName": "TinySwitch", "props": { - "visible": true, - "show-close": true, - "title": "dialogBox title" - }, - "children": [ - { - "componentName": "div" - } - ] + "modelValue": "" + } } }, { "name": { - "zh_CN": "标签页" + "zh_CN": "走马灯" }, - "icon": "tabs", + "icon": "carousel", "screenshot": "", - "group": true, - "snippetName": "TinyTabs", + "snippetName": "ElCarousel", "schema": { - "componentName": "TinyTabs", + "componentName": "TinyCarousel", "props": { - "modelValue": "first" + "height": "180px" }, "children": [ { - "componentName": "TinyTabItem", - "props": { - "title": "标签页1", - "name": "first" - }, + "componentName": "TinyCarouselItem", "children": [ { "componentName": "div", @@ -13633,11 +16373,7 @@ ] }, { - "componentName": "TinyTabItem", - "props": { - "title": "标签页2", - "name": "second" - }, + "componentName": "TinyCarouselItem", "children": [ { "componentName": "div", @@ -13654,9 +16390,9 @@ "name": { "zh_CN": "折叠面板" }, - "screenshot": "", - "snippetName": "TinyCollapse", "icon": "collapse", + "screenshot": "", + "snippetName": "ElCollapse", "schema": { "componentName": "TinyCollapse", "props": { @@ -13704,146 +16440,89 @@ }, { "name": { - "zh_CN": "表格" + "zh_CN": "空状态" }, - "icon": "grid", + "icon": "empty", "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": "ElEmpty", + "schema": {} + }, + { + "name": { + "zh_CN": "图片" + }, + "icon": "image", + "screenshot": "", + "snippetName": "ElImage", + "schema": {} }, { "name": { - "zh_CN": "弹出编辑" + "zh_CN": "表格" }, - "icon": "popeditor", + "icon": "table", "screenshot": "", - "snippetName": "TinyPopeditor", + "snippetName": "ElTable", "schema": { - "componentName": "TinyPopeditor", + "componentName": "table", "props": { - "modelValue": "", - "placeholder": "请选择", - "gridOp": { - "columns": [ - { - "field": "id", - "title": "ID", - "width": 40 - }, - { - "field": "name", - "title": "名称", - "showOverflow": "tooltip" - }, + "border": "1" + }, + "children": [ + { + "componentName": "tr", + "children": [ { - "field": "province", - "title": "省份", - "width": 80 + "componentName": "td", + "children": "Month" }, { - "field": "city", - "title": "城市", - "width": 80 + "componentName": "td", + "children": "Savings" } - ], - "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": "福建" - }, + ] + }, + { + "componentName": "tr", + "children": [ { - "id": "5", - "name": "YHN科技有限公司", - "city": "韶关", - "province": "广东" + "componentName": "td", + "children": "January" }, { - "id": "6", - "name": "WSX科技有限公司", - "city": "黄冈", - "province": "武汉" + "componentName": "td", + "children": "100" } ] } - } + ] } }, { "name": { - "zh_CN": "树" + "zh_CN": "标签" + }, + "icon": "tag", + "screenshot": "", + "snippetName": "ElTag", + "schema": {} + }, + { + "name": { + "zh_CN": "时间线" + }, + "icon": "timeline", + "screenshot": "", + "snippetName": "ElTimeline", + "schema": {} + }, + { + "name": { + "zh_CN": "树形控件" }, "icon": "tree", "screenshot": "", - "snippetName": "TinyTree", + "snippetName": "ElTree", "schema": { "componentName": "TinyTree", "props": { @@ -13869,131 +16548,20 @@ "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 + } + ] + }, + { + "label": "二级 2-2", + "children": [ + { + "label": "三级 2-2-1" + } + ] + } + ] + } + ] } } }, @@ -14003,7 +16571,7 @@ }, "icon": "breadcrumb", "screenshot": "", - "snippetName": "TinyBreadcrumb", + "snippetName": "ElBreadcrumb", "schema": { "componentName": "TinyBreadcrumb", "props": { @@ -14026,268 +16594,212 @@ }, { "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" + "zh_CN": "下拉菜单" }, - "icon": "col", + "icon": "dropdown", "screenshot": "", - "snippetName": "TinyCol", - "schema": { - "componentName": "TinyCol", - "props": { - "span": 12, - "style": { - "height": "30px", - "border": "1px solid #ccc" - } - } - } + "snippetName": "ElDropdown", + "schema": {} }, { "name": { - "zh_CN": "按钮" + "zh_CN": "菜单" }, - "icon": "button", + "icon": "menu", "screenshot": "", - "snippetName": "TinyButton", + "snippetName": "ElMenu", "schema": { - "componentName": "TinyButton", + "componentName": "TinyForm", "props": { - "text": "按钮文案" - } - } - }, - { - "name": { - "zh_CN": "按钮组" - }, - "icon": "buttons", - "snippetName": "TinyButtons", - "screenshot": "", - "schema": { - "componentName": "div", - "props": {}, + "labelWidth": "80px", + "labelPosition": "top" + }, "children": [ { - "componentName": "TinyButton", + "componentName": "TinyFormItem", "props": { - "text": "提交", - "type": "primary", - "style": { - "margin": "0 5px 0 5px" + "label": "人员" + }, + "children": [ + { + "componentName": "TinyInput", + "props": { + "placeholder": "请输入", + "modelValue": "" + } } - } + ] }, { - "componentName": "TinyButton", + "componentName": "TinyFormItem", "props": { - "text": "重置", - "style": { - "margin": "0 5px 0 5px" + "label": "密码" + }, + "children": [ + { + "componentName": "TinyInput", + "props": { + "placeholder": "请输入", + "modelValue": "", + "type": "password" + } } - } + ] }, { - "componentName": "TinyButton", + "componentName": "TinyFormItem", "props": { - "text": "取消" - } + "label": "" + }, + "children": [ + { + "componentName": "TinyButton", + "props": { + "text": "提交", + "type": "primary", + "style": "margin-right: 10px" + } + }, + { + "componentName": "TinyButton", + "props": { + "text": "重置", + "type": "primary" + } + } + ] } ] - }, - "configure": { - "isContainer": true } }, { "name": { - "zh_CN": "互斥按钮组" + "zh_CN": "Header 页头" }, - "icon": "buttons", - "snippetName": "TinyButtonGroup", + "icon": "page", "screenshot": "", - "schema": { - "componentName": "TinyButtonGroup", - "props": { - "data": [ - { - "text": "Button1", - "value": "1" - }, - { - "text": "Button2", - "value": "2" - }, - { - "text": "Button3", - "value": "3" - } - ], - "modelValue": "1" - } - } + "snippetName": "ElPage", + "schema": {} }, { "name": { - "zh_CN": "输入框" + "zh_CN": "标签页" }, - "icon": "input", + "icon": "tabs", "screenshot": "", - "snippetName": "TinyInput", - "schema": { - "componentName": "TinyInput", - "props": { - "placeholder": "请输入", - "modelValue": "" - } - } + "snippetName": "ElTabs", + "schema": {} }, { "name": { - "zh_CN": "单选" + "zh_CN": "提示" }, - "icon": "radio", + "icon": "alert", "screenshot": "", - "snippetName": "TinyRadio", - "schema": { - "componentName": "TinyRadio", - "props": { - "label": "1", - "text": "单选文本" - } - } + "snippetName": "ElAlert", + "schema": {} }, { "name": { - "zh_CN": "复选框" + "zh_CN": "加载" }, - "icon": "checkbox", + "icon": "loading", "screenshot": "", - "snippetName": "TinyCheckbox", - "schema": { - "componentName": "TinyCheckbox", - "props": { - "text": "复选框文案" - } - } - } - ] - }, - { - "group": "navigation", - "children": [ + "snippetName": "ElLoading", + "schema": {} + }, { "name": { - "zh_CN": "搜索框" + "zh_CN": "弹出框" }, - "icon": "search", + "icon": "popover", "screenshot": "", - "snippetName": "TinySearch", + "snippetName": "ElPopover", "schema": { - "componentName": "TinySearch", + "componentName": "TinyPopover", "props": { - "modelValue": "", - "placeholder": "输入关键词" - } + "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": "时间线" + "zh_CN": "文字提示" }, - "icon": "timeline", + "icon": "tooltip", "screenshot": "", - "snippetName": "TinyTimeLine", + "snippetName": "ElTooltip", "schema": { - "componentName": "TinyTimeLine", + "componentName": "TinyTooltip", "props": { - "active": "2", - "data": [ - { - "name": "已下单" - }, - { - "name": "运输中" + "content": "Top Left 提示文字", + "placement": "top-start", + "manual": true, + "modelValue": true + }, + "children": [ + { + "componentName": "span", + "children": [ + { + "componentName": "div", + "props": {} + } + ] + }, + { + "componentName": "Template", + "props": { + "slot": "content" }, - { - "name": "已签收" - } - ] - } + "children": [ + { + "componentName": "span", + "children": [ + { + "componentName": "div", + "props": { + "placeholder": "提示内容" + } + } + ] + } + ] + } + ] } } ] @@ -14295,4 +16807,4 @@ ] } } -} +} \ No newline at end of file diff --git a/scripts/genMaterial.js b/scripts/genMaterial.js new file mode 100644 index 000000000..078426a60 --- /dev/null +++ b/scripts/genMaterial.js @@ -0,0 +1 @@ +// \ No newline at end of file