diff --git a/mockServer/src/services/appinfo.json b/mockServer/src/services/appinfo.json index 9a329bb..e6a33d4 100644 --- a/mockServer/src/services/appinfo.json +++ b/mockServer/src/services/appinfo.json @@ -16684,30 +16684,2739 @@ "description": "2023.3.9", "components": [ { - "id": 52, - "version": "0.1.16", + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "输入框" + }, + "component": "ElInput", + "icon": "input", + "description": "通过鼠标或键盘输入字符", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElInput" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["type", "size"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "modelValue" + } + }, + "description": { + "zh_CN": "绑定值" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "device": [] + }, + { + "property": "maxlength", + "label": { + "text": { + "zh_CN": "maxlength" + } + }, + "description": { + "zh_CN": "最大输入长度" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "number", + "widget": { + "component": "MetaNumberic", + "props": {} + }, + "device": [] + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定值改变时触发" + }, + "description": { + "zh_CN": "双向绑定值改变时触发" + } + }, + "onBlur": { + "label": { + "zh_CN": "输入框失去焦点时触发" + }, + "description": { + "zh_CN": "输入框失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "prefix": { + "label": { + "zh_CN": "头部内容" + }, + "description": { + "zh_CN": "输入框头部内容,只对非 type='textarea' 有效" + } + }, + "suffix": { + "label": { + "zh_CN": "尾部内容" + }, + "description": { + "zh_CN": "输入框尾部内容,只对非 type='textarea' 有效" + } + }, + "prepend": { + "label": { + "zh_CN": "前置内容" + }, + "description": { + "zh_CN": "输入框前置内容,只对非 type='textarea' 有效" + } + }, + "append": { + "label": { + "zh_CN": "后置内容" + }, + "description": { + "zh_CN": "输入框后置内容,只对非 type='textarea' 有效" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "按钮" + }, + "component": "ElButton", + "icon": "button", + "description": "常用的操作按钮", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElButton" + }, + "group": "基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["type", "size"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "plain" + } + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "text" + } + }, + "description": { + "zh_CN": "是否为文字按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "bg", + "label": { + "text": { + "zh_CN": "bg" + } + }, + "description": { + "zh_CN": "是否显示文字按钮背景颜色" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "link", + "label": { + "text": { + "zh_CN": "link" + } + }, + "description": { + "zh_CN": "是否为链接按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "round", + "label": { + "text": { + "zh_CN": "round" + } + }, + "description": { + "zh_CN": "是否为圆角按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "circle" + } + }, + "description": { + "zh_CN": "是否为圆形按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否为加载中状态" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + }, + "loading": { + "label": { + "zh_CN": "loading" + }, + "description": { + "zh_CN": "自定义加载中组件" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElForm", + "icon": "form", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单,您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElForm" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": ["ElFormItem"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "model", + "label": { + "text": { + "zh_CN": "model" + } + }, + "description": { + "zh_CN": "表单数据对象" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } + }, + "description": { + "zh_CN": "表单验证规则" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "inline", + "label": { + "text": { + "zh_CN": "inline" + } + }, + "description": { + "zh_CN": "行内表单模式" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "label-position", + "label": { + "text": { + "zh_CN": "label-position" + } + }, + "description": { + "zh_CN": "表单域标签的位置, 当设置为 left 或 right 时,则也需要设置 label-width 属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "right", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + }, + { + "label": "top", + "value": "top" + } + ] + } + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } + }, + "description": { + "zh_CN": "标签的长度,例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "label-suffix", + "label": { + "text": { + "zh_CN": "label-suffix" + } + }, + "description": { + "zh_CN": "表单域标签的后缀" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "hide-required-asterisk", + "label": { + "text": { + "zh_CN": "hide-required-asterisk" + } + }, + "description": { + "zh_CN": "是否隐藏必填字段标签旁边的红色星号" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "require-asterisk-position", + "label": { + "text": { + "zh_CN": "星号的位置" + } + }, + "description": { + "zh_CN": "星号的位置" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "left", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "show-message", + "label": { + "text": { + "zh_CN": "show-message" + } + }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "inline-message", + "label": { + "text": { + "zh_CN": "inline-message" + } + }, + "description": { + "zh_CN": "是否以行内形式展示校验信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "status-icon", + "label": { + "text": { + "zh_CN": "status-icon" + } + }, + "description": { + "zh_CN": "是否在输入框中显示校验结果反馈图标" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "validate-on-rule-change", + "label": { + "text": { + "zh_CN": "validate-on-rule-change" + } + }, + "description": { + "zh_CN": "是否在 rules 属性改变后立即触发一次验证" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "scroll-to-error", + "label": { + "text": { + "zh_CN": "scroll-to-error" + } + }, + "description": { + "zh_CN": "当校验失败时,滚动到第一个错误表单项" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onValidate": { + "label": { + "zh_CN": "任一表单项被校验后触发" + }, + "description": { + "zh_CN": "任一表单项被校验后触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": {} + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单子项" + }, + "component": "ElFormItem", + "icon": "formItem", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单,您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElFormItem" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "prop", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "zh_CN": "model 的键名。 它可以是一个属性的值(如 a.b.0 或 [a', 'b', '0'])。 在定义了 validate、resetFields 的方法时,该属性是必填的" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "标签文本" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } + }, + "description": { + "zh_CN": "标签宽度,例如 '50px'。 可以使用 auto" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "required", + "label": { + "text": { + "zh_CN": "required" + } + }, + "description": { + "zh_CN": "是否为必填项,如不设置,则会根据校验规则确认" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } + }, + "description": { + "zh_CN": "表单验证规则, 更多内容可以参考async-validator" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "error", + "label": { + "text": { + "zh_CN": "error" + } + }, + "description": { + "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error,并显示该错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "show-message", + "label": { + "text": { + "zh_CN": "show-message" + } + }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "inline-message", + "label": { + "text": { + "zh_CN": "inline-message" + } + }, + "description": { + "zh_CN": "是否在行内显示校验信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "for", + "label": { + "text": { + "zh_CN": "for" + } + }, + "description": { + "zh_CN": "和原生标签相同能力" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "validate-status", + "label": { + "text": { + "zh_CN": "validate-status" + } + }, + "description": { + "zh_CN": "formItem 校验的状态" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "error", + "value": "error" + }, + { + "label": "validating", + "value": "validating" + }, + { + "label": "success", + "value": "success" + } + ] + } + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": { + "label": { + "label": { + "zh_CN": "label" + }, + "description": { + "zh_CN": "标签位置显示的内容" + } + }, + "error": { + "label": { + "zh_CN": "error" + }, + "description": { + "zh_CN": "验证错误信息的显示内容" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElTable", + "icon": "table", + "description": "用于展示多条结构类似的数据, 可对数据进行排序、筛选、对比或其他自定义操作", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTable" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": ["ElTableColumn"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "显示的数据" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "array", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "columns", + "label": { + "text": { + "zh_CN": "表格列" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "type", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "text": { + "zh_CN": "对应列的类型。 如果设置了selection则显示多选框; 如果设置了 index 则显示该行的索引(从 1 开始计算); 如果设置了 expand 则显示为一个可展开的按钮" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "selection", + "value": "selection" + }, + { + "label": "index", + "value": "index" + }, + { + "label": "expand", + "value": "expand" + } + ] + } + } + }, + { + "property": "index", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "index" + } + }, + "description": { + "text": { + "zh_CN": "如果设置了 type=index,可以通过传递 index 属性来自定义索引" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "label", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "text": { + "zh_CN": "显示的标题" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "column-key", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "column-key" + } + }, + "description": { + "text": { + "zh_CN": "column 的 key, column 的 key, 如果需要使用 filter-change 事件,则需要此属性标识是哪个 column 的筛选条件" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "prop", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "text": { + "zh_CN": "字段名称 对应列内容的字段名, 也可以使用 property属性" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "width", + "type": "number", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "text": { + "zh_CN": "对应列的宽度" + } + }, + "widget": { + "component": "MetaNumberic", + "props": {} + } + }, + { + "property": "min-width", + "type": "number", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "min-width" + } + }, + "description": { + "text": { + "zh_CN": "对应列的最小宽度, 对应列的最小宽度, 与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列" + } + }, + "widget": { + "component": "MetaNumberic", + "props": {} + } + }, + { + "property": "fixed", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "fixed" + } + }, + "description": { + "text": { + "zh_CN": "列是否固定在左侧或者右侧。 true 表示固定在左侧" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "sortable", + "type": "boolean", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sortable" + } + }, + "description": { + "text": { + "zh_CN": "对应列是否可以排序" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "sort-method", + "type": "function", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-method" + } + }, + "description": { + "text": { + "zh_CN": "指定数据按照哪个属性进行排序,仅当sortable设置为true的时候有效。 应该如同 Array.sort 那样返回一个 Number" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "sort-by", + "type": "array", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-by" + } + }, + "description": { + "text": { + "zh_CN": "指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "sort-orders", + "type": "array", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-orders" + } + }, + "description": { + "text": { + "zh_CN": "数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。 需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "resizable", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "resizable" + } + }, + "description": { + "text": { + "zh_CN": "对应列是否可以通过拖动改变宽度(需要在 el-table 上设置 border 属性为真)" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "formatter", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "formatter" + } + }, + "description": { + "text": { + "zh_CN": "用来格式化内容" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "show-overflow-tooltip", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "show-overflow-tooltip" + } + }, + "description": { + "text": { + "zh_CN": "当内容过长被隐藏时显示 tooltip" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "align", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "align" + } + }, + "description": { + "text": { + "zh_CN": "对齐方式" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "center", + "value": "center" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "header-align", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "header-align" + } + }, + "description": { + "text": { + "zh_CN": "表头对齐方式, 若不设置该项,则使用表格的对齐方式" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "center", + "value": "center" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "class-name", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "class-name" + } + }, + "description": { + "text": { + "zh_CN": "列的 className" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label-class-name", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "label-class-name" + } + }, + "description": { + "text": { + "zh_CN": "当前列标题的自定义类名" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "selectable", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "selectable" + } + }, + "description": { + "text": { + "zh_CN": "仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "reserve-selection", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "reserve-selection" + } + }, + "description": { + "text": { + "zh_CN": "数据刷新后是否保留选项,仅对 type=selection 的列有效, 请注意, 需指定 row-key 来让这个功能生效。" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "filters", + "type": "array", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filters" + } + }, + "description": { + "text": { + "zh_CN": "数据刷新后是否保留选项,仅对 type=selection 的列有效, 请注意, 需指定 row-key 来让这个功能生效。" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "filter-placement", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "filter-placement" + } + }, + "description": { + "text": { + "zh_CN": "过滤弹出框的定位" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "filter-multiple", + "type": "string", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filter-multiple" + } + }, + "description": { + "text": { + "zh_CN": "数据过滤的选项是否多选" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "filter-method", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "text": { + "zh_CN": "数据过滤使用的方法, 如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "filtered-value", + "type": "array", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filtered-value" + } + }, + "description": { + "text": { + "zh_CN": "选中的数据过滤项,如果需要自定义表头过滤的渲染方式,可能会需要此属性" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + } + ] + } + ], + "widget": { + "component": "MetaTableColumns", + "props": { + "type": "object", + "textField": "title", + "language": "json", + "buttonText": "编辑列配置", + "title": "编辑列配置", + "expand": true + } + }, + "description": { + "zh_CN": "表格列的配置信息" + }, + "labelPosition": "top" + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "max-height" + } + }, + "description": { + "zh_CN": "Table 的最大高度。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "number", + "widget": { + "component": "MetaNumberic", + "props": {} + }, + "device": [] + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "Table 的高度, 默认为自动高度。 这个高度会设置为 Table 的 style.height 的值,Table 的高度会受控于外部样式。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "stripe", + "label": { + "text": { + "zh_CN": "stripe" + } + }, + "description": { + "zh_CN": "是否为斑马纹 table" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "border" + } + }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Table 的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "fit", + "label": { + "text": { + "zh_CN": "fit" + } + }, + "description": { + "zh_CN": "列的宽度是否自撑开" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "show-header", + "label": { + "text": { + "zh_CN": "show-header" + } + }, + "description": { + "zh_CN": "是否显示表头" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "highlight-current-row", + "label": { + "text": { + "zh_CN": "highlight-current-row" + } + }, + "description": { + "zh_CN": "是否要高亮当前行" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "current-row-key", + "label": { + "text": { + "zh_CN": "current-row-key" + } + }, + "description": { + "zh_CN": "当前行的 key,只写属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "row-class-name", + "label": { + "text": { + "zh_CN": "row-class-name" + } + }, + "description": { + "zh_CN": "行的 className" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "row-key", + "label": { + "text": { + "zh_CN": "row-key" + } + }, + "description": { + "zh_CN": "行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "device": [] + }, + { + "property": "empty-text", + "label": { + "text": { + "zh_CN": "empty-text" + } + }, + "description": { + "zh_CN": "空数据时显示的文本内容" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "table-layout", + "label": { + "text": { + "zh_CN": "table-layout" + } + }, + "description": { + "zh_CN": "设置表格单元、行和列的布局方式" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": "fixed", + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "fixed", + "value": "fixed" + }, + { + "label": "auto", + "value": "auto" + } + ] + } + }, + "device": [] + }, + { + "property": "scrollbar-always-on", + "label": { + "text": { + "zh_CN": "scrollbar-always-on" + } + }, + "description": { + "zh_CN": "总是显示滚动条" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "flexible", + "label": { + "text": { + "zh_CN": "flexible" + } + }, + "description": { + "zh_CN": "确保主轴的最小尺寸,以便不超过内容" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onSelect": { + "label": { + "zh_CN": "勾选数据行的 Checkbox 时触发" + }, + "description": { + "zh_CN": "当用户手动勾选数据行的 Checkbox 时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + }, + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + } + ], + "returns": {} + } + }, + "onSelectAll": { + "label": { + "zh_CN": "勾选全选时触发" + }, + "description": { + "zh_CN": "当用户手动勾选全选 Checkbox 时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + } + ], + "returns": {} + } + }, + "onSelectionChange": { + "label": { + "zh_CN": "选择项发生变化时会触发" + }, + "description": { + "zh_CN": "当选择项发生变化时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + } + ], + "returns": {} + } + }, + "onCellMouseEnter": { + "label": { + "zh_CN": "单元格 hover 时会触发" + }, + "description": { + "zh_CN": "当单元格 hover 进入时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + }, + { + "name": "column", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前列" + } + }, + { + "name": "cell", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前单元格" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生事件 event" + } + } + ], + "returns": {} + } + }, + "onCellMouseLeave": { + "label": { + "zh_CN": "单元格 hover 退出时会触发" + }, + "description": { + "zh_CN": "当单元格 hover 退出时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + }, + { + "name": "column", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前列" + } + }, + { + "name": "cell", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前单元格" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生事件 event" + } + } + ], + "returns": {} + } + } + }, + "slots": { + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "当数据为空时自定义的内容" + } + }, + "append": { + "label": { + "zh_CN": "append" + }, + "description": { + "zh_CN": "插入至表格最后一行之后的内容, 如果需要对表格的内容进行无限滚动操作,可能需要用到这个 slot。 若表格有合计行,该 slot 会位于合计行之上。" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElTableColumn", + "icon": "table", + "description": "用于展示多条结构类似的数据, 可对数据进行排序、筛选、对比或其他自定义操作", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTableColumn" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": {} + } + }, + { "name": { "zh_CN": "走马灯子项" }, "component": "TinyCarouselItem", "icon": "carouselitem", "description": "常用于一组图片或卡片轮播,当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。", - "doc_url": "", - "screenshot": "screenshoot", - "tags": "tiny-carousel-item", + "docUrl": "", + "screenshot": "", + "tags": "", "keywords": "", - "dev_mode": "proCode", + "devMode": "proCode", "npm": { "package": "@opentiny/vue", "exportName": "CarouselItem", - "version": "0.1.16", + "version": "", "destructuring": true }, "group": "component", "category": "容器组件", "priority": 2, - "snippets": [], - "schema_fragment": { + "schema": { "properties": [ { "label": { @@ -16760,6 +19469,618 @@ "description": { "zh_CN": "" } + }, + { + "property": "indicator-position", + "label": { + "text": { + "zh_CN": "指示器的位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "outside", + "value": "outside" + }, + { + "label": "none", + "value": "none" + } + ] + } + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "走马灯" + }, + "component": "TinyCarousel", + "icon": "carousel", + "description": "常用于一组图片或卡片轮播,当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Carousel", + "version": "", + "destructuring": true + }, + "group": "component", + "category": "容器组件", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "arrow", + "label": { + "text": { + "zh_CN": "切换箭头的显示时机" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "总是显示", + "value": "always" + }, + { + "label": "鼠标悬停时显示", + "value": "hover" + }, + { + "label": "从不显示", + "value": "never" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "autoplay", + "label": { + "text": { + "zh_CN": "是否自动切换" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "tabs", + "label": { + "text": { + "zh_CN": "选项卡" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "", + "cols": 12, + "bindState": false, + "widget": { + "component": "MetaContainer", + "props": {} + }, + "description": { + "zh_CN": "tabs" + }, + "labelPosition": "none" + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "走马灯的高度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "indicator-position", + "label": { + "text": { + "zh_CN": "指示器的位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "走马灯外部", + "value": "outside" + }, + { + "label": "不显示", + "value": "none" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "initial-index", + "label": { + "text": { + "zh_CN": "初始状态激活的幻灯片的索引,从 0 开始 " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "interval", + "label": { + "text": { + "zh_CN": "自动切换的时间间隔,单位为毫秒" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "loop", + "label": { + "text": { + "zh_CN": "是否循环显示" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "show-title", + "label": { + "text": { + "zh_CN": "是否显示标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "trigger", + "label": { + "text": { + "zh_CN": "指示器的触发方式,默认为 hover" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "点击", + "value": "click" + }, + { + "label": "悬停", + "value": "hover" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "走马灯的类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "水平", + "value": "horizontal" + }, + { + "label": "垂直", + "value": "vertical" + }, + { + "label": "卡片", + "value": "card" + } + ] + } + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "clickCapture": false, + "isModal": false, + "nestingRule": { + "childWhitelist": ["TinyCarouselItem"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "link", + "name": { + "zh_CN": "提示框" + }, + "component": "a", + "description": "链接", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "group": "component", + "priority": 7, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "children", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlText", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + }, + { + "property": "href", + "label": { + "text": { + "zh_CN": "跳转链接" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "链接" + } + }, + { + "property": "target", + "label": { + "text": { + "zh_CN": "页面目标" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "当前页面", + "value": "_self" + }, + { + "label": "打开新页面", + "value": "_blank" + } + ] + } + }, + "description": { + "zh_CN": "链接" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ] + }, + "configure": { + "loop": true, + "condition": true, + "slots": [], + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [], + "disable": [] + } + } + }, + { + "name": { + "zh_CN": "标题" + }, + "component": ["h1", "h2", "h3", "h4", "h5", "h6"], + "icon": "h16", + "description": "标题", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 20, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "children", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlText", + "props": { + "showRadioButton": true + } + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" } ] } @@ -16772,6 +20093,2231 @@ "styles": true, "isContainer": false, "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "段落" + }, + "component": "p", + "icon": "paragraph", + "description": "段落", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 30, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "children", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlText", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [], + "disable": [] + } + } + }, + { + "name": { + "zh_CN": "输入框" + }, + "component": "input", + "icon": "input", + "description": "输入框", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 40, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "checkbox", + "value": "checkbox" + }, + { + "label": "color", + "value": "color" + }, + { + "label": "date", + "value": "date" + }, + { + "label": "button", + "value": "button" + }, + { + "label": "email", + "value": "email" + }, + { + "label": "file", + "value": "file" + }, + { + "label": "hidden", + "value": "hidden" + }, + { + "label": "image", + "value": "image" + }, + { + "label": "month", + "value": "month" + }, + { + "label": "number", + "value": "number" + }, + { + "label": "password", + "value": "password" + }, + { + "label": "radio", + "value": "radio" + }, + { + "label": "range", + "value": "range" + }, + { + "label": "reset", + "value": "reset" + }, + { + "label": "search", + "value": "search" + }, + { + "label": "submit", + "value": "submit" + }, + { + "label": "text", + "value": "text" + }, + { + "label": "time", + "value": "time" + }, + { + "label": "week", + "value": "week" + }, + { + "label": "url", + "value": "url" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位符" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onChange": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "视频" + }, + "component": "video", + "icon": "video", + "description": "视频", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 50, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "src", + "label": { + "text": { + "zh_CN": "视频的 URL" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "视频播放器的宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "视频播放器的高度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "controls", + "label": { + "text": { + "zh_CN": "是否显示控件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "autoplay", + "label": { + "text": { + "zh_CN": "是否马上播放" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": [] + }, + "contextMenu": { + "actions": [], + "disable": [] + } + } + }, + { + "icon": "Image", + "name": { + "zh_CN": "Img" + }, + "component": "Img", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 60, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "src", + "type": "string", + "defaultValue": "", + "bindState": true, + "label": { + "text": { + "zh_CN": "src路径" + } + }, + "cols": 12, + "rules": [], + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": {}, + "shortcuts": { + "properties": ["src"] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "button", + "name": { + "zh_CN": "Button" + }, + "component": "button", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 70, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "table", + "name": { + "zh_CN": "表格" + }, + "component": "table", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 80, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "width", + "label": { + "text": { + "zh_CN": "表格的宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "表格边框的宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "td", + "name": { + "zh_CN": "表格单元格" + }, + "component": "td", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 90, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "colspan", + "label": { + "text": { + "zh_CN": "单元格可横跨的列数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "rowspan", + "label": { + "text": { + "zh_CN": "单元格可横跨的行数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "attributes3", + "label": { + "text": { + "zh_CN": "原生属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaHtmlAttributes", + "props": {} + }, + "description": { + "zh_CN": "" + }, + "labelPosition": "none" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "form", + "name": { + "zh_CN": "表单" + }, + "component": "form", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 100, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "表单的名称" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "action", + "label": { + "text": { + "zh_CN": "提交表单时向何处发送表单数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "method", + "label": { + "text": { + "zh_CN": "用于发送 form-data 的 HTTP 方法" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "get", + "value": "get" + }, + { + "label": "post", + "value": "post" + } + ] + } + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击时触发" + }, + "description": { + "zh_CN": "点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "icon": "label", + "name": { + "zh_CN": "表单标签" + }, + "component": "label", + "container": false, + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": {}, + "group": "component", + "category": "html", + "priority": 110, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "for", + "label": { + "text": { + "zh_CN": "label 绑定到哪个表单元素" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "form", + "label": { + "text": { + "zh_CN": "label 字段所属的一个或多个表单" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {}, + "shortcuts": { + "properties": [] + }, + "contentMenu": { + "actions": [] + } + } + }, + { + "name": { + "zh_CN": "按钮组" + }, + "component": "TinyButtonGroup", + "icon": "buttonGroup", + "description": "以按钮组的方式出现,常用于多项类似操作", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "ButtonGroup", + "version": "", + "destructuring": true + }, + "group": "component", + "category": "general", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "按钮组数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "组件大小" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "mini", + "value": "mini" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "medium", + "value": "medium" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "是否是朴素按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "row", + "name": { + "zh_CN": "row" + }, + "component": "TinyRow", + "description": "定义 Layout 的行配置信息", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Row", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 5, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "layout", + "label": { + "text": { + "zh_CN": "layout" + } + }, + "cols": 12, + "widget": { + "component": "MetaLayoutGrid", + "props": {} + }, + "description": { + "zh_CN": "layout" + }, + "labelPosition": "none" + }, + { + "property": "align", + "label": { + "text": { + "zh_CN": "align" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "top", + "value": "top" + }, + { + "label": "middle", + "value": "middle" + }, + { + "label": "bottom", + "value": "bottom" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "flex", + "label": { + "text": { + "zh_CN": "flex" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "gutter", + "label": { + "text": { + "zh_CN": "gutter" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ] + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "form", + "name": { + "zh_CN": "表单" + }, + "component": "TinyForm", + "description": "由按钮、输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Form", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 5, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "标签宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "表单中标签占位宽度,默认为 80px" + }, + "labelPosition": "left" + }, + { + "property": "inline", + "label": { + "text": { + "zh_CN": "行内布局" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "行内布局模式,默认为 false" + } + }, + { + "property": "label-align", + "label": { + "text": { + "zh_CN": "必填标识是否占位" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "必填标识 * 是否占位" + }, + "labelPosition": "left" + }, + { + "property": "label-suffix", + "label": { + "text": { + "zh_CN": "标签后缀" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "表单中标签后缀" + } + }, + { + "property": "label-position", + "label": { + "text": { + "zh_CN": "标签位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "right", + "value": "right" + }, + { + "label": "left ", + "value": "left " + }, + { + "label": "top", + "value": "top" + } + ] + } + }, + "description": { + "zh_CN": "表单中标签的布局位置" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "校验属性" + }, + "content": [ + { + "property": "model", + "label": { + "text": { + "zh_CN": "表单校验对象" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表单数据对象" + }, + "labelPosition": "left" + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "校验规则" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表单验证规则" + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onValidate": { + "label": { + "zh_CN": "表单项被校验后触发" + }, + "description": { + "zh_CN": "表单项被校验后触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "function", + "type": "Function", + "defaultValue": "(valid) => {}", + "description": { + "zh_CN": "校验回调函数" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onInput": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框输入的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": [], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "formitem", + "name": { + "zh_CN": "表单项" + }, + "component": "TinyFormItem", + "description": "由按钮、输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "FormItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 12, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "label", + "label": { + "text": { + "zh_CN": "标签文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "标签", + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "标签文本" + }, + "labelPosition": "left" + }, + { + "property": "prop", + "label": { + "text": { + "zh_CN": "校验字段" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的" + } + }, + { + "property": "required", + "label": { + "text": { + "zh_CN": "必填" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否必填" + }, + "labelPosition": "left" + } + ] + } + ], + "events": {}, + "slots": { + "label": { + "label": { + "zh_CN": "字段名" + }, + "description": { + "zh_CN": "自定义显示字段名称" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": ["TinyForm"], + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label", "rules"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "col", + "name": { + "zh_CN": "col" + }, + "component": "TinyCol", + "description": "列配置信息", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Col", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "span", + "label": { + "text": { + "zh_CN": "栅格列格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "整行", + "value": 12 + }, + { + "label": "6格", + "value": 6 + }, + { + "label": "4格", + "value": 4 + }, + { + "label": "3格", + "value": 3 + }, + { + "label": "1格", + "value": 1 + } + ] + } + }, + "description": { + "zh_CN": "当一行分为12格时,一列可占位多少格" + } + }, + { + "property": "move", + "label": { + "text": { + "zh_CN": "栅格左右移动格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": -12, + "max": 12 + } + }, + "description": { + "zh_CN": "栅格左右移动格数(正数向右,负数向左)" + } + }, + { + "property": "no", + "label": { + "text": { + "zh_CN": "排序编号" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "max": 12 + } + }, + "description": { + "zh_CN": "排序编号(row中启用order生效)" + } + }, + { + "property": "offset", + "label": { + "text": { + "zh_CN": "间隔格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 0, + "max": 12 + } + }, + "description": { + "zh_CN": "栅格左侧的间隔格数" + } + }, + { + "property": "xs", + "label": { + "text": { + "zh_CN": "超小屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "<768px 响应式栅格数" + } + }, + { + "property": "sm", + "label": { + "text": { + "zh_CN": "小屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥768px 响应式栅格数" + } + }, + { + "property": "md", + "label": { + "text": { + "zh_CN": "中屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥992px 响应式栅格数" + } + }, + { + "property": "lg", + "label": { + "text": { + "zh_CN": "大屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥1200px 响应式栅格数" + } + }, + { + "property": "xl", + "label": { + "text": { + "zh_CN": "超大屏格数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": { + "min": 1, + "max": 12 + } + }, + "description": { + "zh_CN": "≥1920px 响应式栅格数" + } + } + ] + } + ], + "events": {} + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -16782,55 +22328,375 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [""] + "properties": ["label", "rules"] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-06-23T12:05:38.000Z", - "updated_at": "2022-06-27T06:51:25.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": null, - "library": null + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } }, { - "id": 48, - "version": "0.1.17", "name": { - "zh_CN": "复选框按钮" + "zh_CN": "按钮" }, - "component": "TinyCheckboxButton", - "icon": "checkboxbutton", - "description": "用于配置不同场景的选项,提供用户可在一组选项中进行多选", - "doc_url": "", - "screenshot": "screenshot", + "component": "TinyButton", + "icon": "button", + "description": "常用的操作按钮,提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型", + "docUrl": "", + "screenshot": "", "tags": "", "keywords": "", - "dev_mode": "proCode", + "devMode": "proCode", "npm": { "package": "@opentiny/vue", - "exportName": "CheckboxButton", - "version": "0.1.17", + "exportName": "Button", + "version": "", "destructuring": true }, "group": "component", - "category": "表单组件", "priority": 2, - "snippets": [], - "schema_fragment": { + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "text", + "type": "string", + "defaultValue": "按钮文案", + "label": { + "text": { + "zh_CN": "按钮文字" + } + }, + "cols": 12, + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "type": "select", + "label": { + "text": { + "zh_CN": "大小" + } + }, + "cols": 12, + "rules": [], + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "medium", + "value": "medium" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "mini", + "value": "mini" + } + ] + } + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否被禁用" + }, + "labelPosition": "left" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "primary", + "value": "primary" + }, + { + "label": "success", + "value": "success" + }, + { + "label": "info", + "value": "info" + }, + { + "label": "warning", + "value": "warning" + }, + { + "label": "danger", + "value": "danger" + }, + { + "label": "text", + "value": "text" + } + ] + } + }, + "description": { + "zh_CN": "设置不同的主题样式" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "round", + "label": { + "text": { + "zh_CN": "圆角" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否圆角按钮" + }, + "labelPosition": "left" + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "朴素按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "labelPosition": "left" + }, + { + "property": "reset-time", + "label": { + "text": { + "zh_CN": "禁用时间" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置禁用时间,防止重复提交,单位毫秒" + } + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "圆角" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否圆形按钮" + }, + "labelPosition": "left" + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "聚焦" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否默认聚焦" + }, + "labelPosition": "left" + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "加载中" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否展示位加载中样式" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击事件" + }, + "description": { + "zh_CN": "按钮被点击时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["text", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "输入框" + }, + "component": "TinyInput", + "icon": "input", + "description": "通过鼠标或键盘输入字符", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Input", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { "properties": [ { "label": { @@ -16857,12 +22723,1814 @@ "readOnly": false, "disabled": false, "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "textarea", + "value": "textarea" + }, + { + "label": "text", + "value": "text" + }, + { + "label": "password", + "value": "password" + } + ] + } + }, + "description": { + "zh_CN": "设置input框的type属性" + } + }, + { + "property": "rows", + "label": { + "text": { + "zh_CN": "行数" + } + }, + "widget": { + "component": "MetaNumber" + }, + "description": { + "zh_CN": "输入框行数,只对 type='textarea' 有效" + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, "widget": { "component": "MetaSwitch", "props": {} }, "description": { - "zh_CN": "双向绑定的是否选中的状态值" + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "medium", + "value": "medium" + }, + { + "label": "small", + "value": "small" + }, + { + "label": "mini", + "value": "mini" + } + ] + } + }, + "description": { + "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "maxlength", + "label": { + "text": { + "zh_CN": "最大长度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置 input 框的maxLength" + }, + "labelPosition": "left" + }, + { + "property": "autofocus", + "label": { + "text": { + "zh_CN": "聚焦" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "自动获取焦点" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值改变时触发" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框改变后的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onInput": { + "label": { + "zh_CN": "输入值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "输入框输入的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "在 Input 输入值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "prefix": { + "label": { + "zh_CN": "前置内容" + } + }, + "suffix": { + "label": { + "zh_CN": "后置内容" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["value", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "radio", + "name": { + "zh_CN": "单选" + }, + "component": "TinyRadio", + "description": "用于配置不同场景的选项,在一组备选项中进行单选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Radio", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 3, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "text", + "label": { + "text": { + "zh_CN": "文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "单选框的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + }, + { + "label": { + "zh_CN": "其他" + }, + "description": { + "zh_CN": "" + }, + "content": [ + { + "property": "border", + "label": { + "text": { + "zh_CN": "显示边框" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "单选框的尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "name", + "label": { + "text": { + "zh_CN": "原生 name 属性" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值变化事件" + }, + "description": { + "zh_CN": "绑定值变化时触发的事件" + } + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["visible", "width"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "select", + "name": { + "zh_CN": "下拉框" + }, + "component": "TinySelect", + "description": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Select", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 8, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "searchable", + "label": { + "text": { + "zh_CN": "下拉面板可搜索" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "下拉面板是否可搜索" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "下拉数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "配置 Select 下拉数据项" + }, + "labelPosition": "left" + }, + { + "property": "multiple", + "label": { + "text": { + "zh_CN": "多选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许输入框输入或选择多个项" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "multiple-limit", + "label": { + "text": { + "zh_CN": "最大可选值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "多选时用户最多可以选择的项目数,为 0 则不限制" + }, + "labelPosition": "left" + }, + { + "property": "popper-class", + "label": { + "text": { + "zh_CN": "下拉框的类名" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置下拉框自定义的类名" + }, + "labelPosition": "left" + }, + { + "property": "collapse-tags", + "label": { + "text": { + "zh_CN": "多选展示" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "多选时是否将选中值按文字的形式展示" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "值改变时触发" + }, + "description": { + "zh_CN": "在下拉框值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "下拉框选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onBlur": { + "label": { + "zh_CN": "失去焦点时触发" + }, + "description": { + "zh_CN": "在 Input 失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onFocus": { + "label": { + "zh_CN": "获取焦点时触发" + }, + "description": { + "zh_CN": "在 Input 获取焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClear": { + "label": { + "zh_CN": "点击清空按钮时触发" + }, + "description": { + "zh_CN": "点击清空按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onRemoveTag": { + "label": { + "zh_CN": "多选模式下移除tag时触发" + }, + "description": { + "zh_CN": "多选模式下移除tag时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "被移除Tag对应数据项的值字段" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "onBeforeMount": "console.log('table on load'); this.options = source.data" + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["multiple", "options"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "switch", + "name": { + "zh_CN": "开关" + }, + "component": "TinySwitch", + "description": "Switch 在两种状态间切换选择", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Switch", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 9, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否被禁用" + }, + "labelPosition": "left" + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "绑定默认值" + } + }, + { + "property": "true-value", + "label": { + "text": { + "zh_CN": "打开时的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置打开时的值(Boolean / String / Number)" + }, + "labelPosition": "left" + }, + { + "property": "false-value", + "label": { + "text": { + "zh_CN": "关闭时的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置关闭时的值(Boolean / String / Number)" + }, + "labelPosition": "left" + }, + { + "property": "mini", + "label": { + "text": { + "zh_CN": "迷你尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示为 mini 模式" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "点击事件" + }, + "description": { + "zh_CN": "按钮被点击时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "开关的状态值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的开关状态值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "mini"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "search", + "name": { + "zh_CN": "搜索框" + }, + "component": "TinySearch", + "description": "指定条件对象进行搜索数据", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Search", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "默认值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框内的默认搜索值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否被禁用" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本 " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框内的提示占位文本" + }, + "labelPosition": "left" + }, + { + "property": "clearable", + "label": { + "text": { + "zh_CN": "清空按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置显示清空图标按钮" + }, + "labelPosition": "left" + }, + { + "property": "isEnterSearch", + "label": { + "text": { + "zh_CN": "是否Enter键触发search事件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否在按下键盘Enter键的时候触发search事件" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他配置" + }, + "content": [ + { + "property": "mini", + "label": { + "text": { + "zh_CN": "迷你尺寸" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "迷你模式,配置为true时,搜索默认显示为一个带图标的圆形按钮,点击后展开" + }, + "labelPosition": "left" + }, + { + "property": "transparent", + "label": { + "text": { + "zh_CN": "透明模式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "配置为true时,边框变为透明且收缩后半透明显示,一般用在带有背景的场景,默认 false" + }, + "labelPosition": "left" + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "输入完成时触发" + }, + "description": { + "zh_CN": "在 input 框中输入完成时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "type", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "搜索类型,默认值为 {} " + } + }, + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前input框中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onSearch": { + "label": { + "zh_CN": "点击搜索按钮时触发" + }, + "description": { + "zh_CN": "展开状态点击搜索按钮时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "type", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "搜索类型,默认值为 {} " + } + }, + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前input框中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["clearable", "mini"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "checkbox", + "name": { + "zh_CN": "复选框" + }, + "component": "TinyCheckbox", + "description": "用于配置不同场景的选项,提供用户可在一组选项中进行多选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Checkbox", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 4, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "checked", + "label": { + "text": { + "zh_CN": "勾选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "当前是否勾选" + }, + "labelPosition": "left" + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "复选框的文本" + }, + "labelPosition": "left" + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "border", + "label": { + "text": { + "zh_CN": "边框" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示边框" + } + }, + { + "property": "false-label", + "label": { + "text": { + "zh_CN": "未选中的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "没有选中时的值" + } + }, + { + "property": "true-label", + "label": { + "text": { + "zh_CN": "选择时的值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "选中时的值" + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "勾选值改变后将触发" + }, + "description": { + "zh_CN": "勾选值改变后将触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["border", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "checkboxbutton", + "name": { + "zh_CN": "复选按钮" + }, + "component": "TinyCheckboxButton", + "description": "用于配置不同场景的选项,提供用户可在一组选项中进行多选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CheckboxButton", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定的当前选中值" }, "labelPosition": "left" }, @@ -16941,7 +24609,7 @@ "params": [ { "name": "value", - "type": "boolean", + "type": "string", "defaultValue": "", "description": { "zh_CN": "选中项的值" @@ -16957,7 +24625,480 @@ "zh_CN": "双向绑定的值改变时触发" }, "description": { - "zh_CN": "是否选中的状态值改变时触发" + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "array", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["text", "size"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "checkboxgroup", + "name": { + "zh_CN": "复选按钮组" + }, + "component": "TinyCheckboxGroup", + "description": "用于配置不同场景的选项,提供用户可在一组选项中进行多选", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CheckboxGroup", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "dataType": "Array" + } + }, + "description": { + "zh_CN": "双向绑定的当前选中值" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "数据列表" + } + }, + "defaultValue": [ + { + "label": "标签2" + }, + { + "label": "标签2" + } + ], + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "checkbox组件列表" + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "类型" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "button", + "value": "button" + }, + { + "label": "checkbox", + "value": "checkbox" + } + ] + } + }, + "description": { + "zh_CN": "checkbox组件类型(button/checkbox),该属性的默认值为 checkbox,配合 options 属性一起使用" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "勾选值改变后将触发" + }, + "description": { + "zh_CN": "勾选值改变后将触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "选中项的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "array", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "type"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "dialogbox", + "name": { + "zh_CN": "对话框" + }, + "component": "TinyDialogBox", + "description": "模态对话框,在浮层中显示,引导用户进行相关操作。", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "DialogBox", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 4, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "title", + "label": { + "text": { + "zh_CN": "标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "弹出框标题" + }, + "labelPosition": "left" + }, + { + "property": "visible", + "label": { + "text": { + "zh_CN": "显示与隐藏" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "控制弹出框显示与关闭" + }, + "labelPosition": "left" + }, + { + "property": "width", + "label": { + "text": { + "zh_CN": "宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "弹出框的宽度" + }, + "labelPosition": "left" + }, + { + "property": "draggable", + "label": { + "text": { + "zh_CN": "可拖拽" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否开启弹窗的拖拽功能,默认值为 false 。" + } + }, + { + "property": "center", + "label": { + "text": { + "zh_CN": "居中" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "弹出框的头部与底部内容会自动居中" + }, + "labelPosition": "left" + }, + { + "property": "dialog-class", + "label": { + "text": { + "zh_CN": "自定义类" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "自定义配置弹窗类名" + }, + "labelPosition": "left" + }, + { + "property": "append-to-body", + "label": { + "text": { + "zh_CN": "插入到 Body " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "DialogBox 本身是否插入到 body 上,嵌套的 Dialog 必须指定该属性并赋值为 true" + }, + "labelPosition": "left" + }, + { + "property": "show-close", + "label": { + "text": { + "zh_CN": "关闭按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示关闭按钮,默认值为 true 。" + } + } + ] + } + ], + "selector": ".TinyDialogBox", + "events": { + "onClose": { + "label": { + "zh_CN": "关闭弹窗时触发" + }, + "description": { + "zh_CN": "Dialog 关闭的回调" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:visible": { + "label": { + "zh_CN": "双向绑定的状态改变时触发" + }, + "description": { + "zh_CN": "显示或隐藏的状态值,发生改变时触发" }, "type": "event", "functionInfo": { @@ -16967,7 +25108,784 @@ "type": "boolean", "defaultValue": "", "description": { - "zh_CN": "双向绑定的是否选中的状态值" + "zh_CN": "双向绑定的显示或隐藏的状态值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "title": { + "label": { + "zh_CN": "标题区" + }, + "description": { + "zh_CN": "Dialog 标题区的内容" + } + }, + "footer": { + "label": { + "zh_CN": "按钮操作区" + }, + "description": { + "zh_CN": "Dialog 按钮操作区的内容" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": true, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": ".tiny-dialog-box", + "shortcuts": { + "properties": ["visible", "width"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tabs", + "name": { + "zh_CN": "标签页" + }, + "component": "TinyTabs", + "description": "分隔内容上有关联但属于不同类别的数据集合", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Tabs", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 10, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "showEditIcon", + "label": { + "text": { + "zh_CN": "显示编辑ICON " + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示标题后编辑 ICON" + }, + "labelPosition": "left" + }, + { + "property": "tabs", + "label": { + "text": { + "zh_CN": "选项卡" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "", + "cols": 12, + "bindState": false, + "widget": { + "component": "MetaContainer", + "props": {} + }, + "description": { + "zh_CN": "tabs" + }, + "labelPosition": "none" + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "绑定值,选中选项卡的 name" + }, + "labelPosition": "left" + }, + { + "property": "with-add", + "label": { + "text": { + "zh_CN": "可新增" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "标签是否可增加" + }, + "labelPosition": "left" + }, + { + "property": "with-close", + "label": { + "text": { + "zh_CN": "可关闭" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "标签是否可关闭" + }, + "labelPosition": "left" + }, + { + "property": "tab-style", + "label": { + "text": { + "zh_CN": "标签页样式" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "card", + "value": "card" + }, + { + "label": "border-card", + "value": "border-card" + } + ] + } + }, + "description": { + "zh_CN": "标签页样式" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "点击页签时触发事件" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "component", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前点击的页签对象" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onEdit": { + "label": { + "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" + }, + "description": { + "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "tab", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前操作的页签对象" + } + }, + { + "name": "type", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前操作的类型(remove || add || edit)" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClose": { + "label": { + "zh_CN": "关闭页签时触发" + }, + "description": { + "zh_CN": "关闭页签时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "name", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "页签名称" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "clickCapture": false, + "isModal": false, + "nestingRule": { + "childWhitelist": ["TinyTabItem"], + "parentWhitelist": [], + "descendantBlacklist": [], + "ancestorWhitelist": [] + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["size", "tab-style"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tabitem", + "name": { + "zh_CN": "tab页签" + }, + "component": "TinyTabItem", + "description": "tab 标签页", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "TinyTabItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "唯一表示" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "唯一表示" + } + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "标题" + } + } + ] + } + ], + "events": {}, + "slots": { + "title": { + "label": { + "zh_CN": "标题" + }, + "description": { + "zh_CN": "自定义标题" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": ["TinyTab"], + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["name", "title"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "breadcrumb", + "name": { + "zh_CN": "面包屑" + }, + "component": "TinyBreadcrumb", + "description": "告诉访问者他们目前在网站中的位置以及如何返回", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Select", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "separator", + "label": { + "text": { + "zh_CN": "分隔符" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "自定义分隔符" + }, + "labelPosition": "left" + }, + { + "property": "options", + "label": { + "text": { + "zh_CN": "options" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "" + } + }, + { + "property": "textField", + "label": { + "text": { + "zh_CN": "textField" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + } + } + ] + } + ], + "events": { + "onSelect": { + "label": { + "zh_CN": "选择 breadcrumb 时触发" + }, + "description": { + "zh_CN": "选择 breadcrumb 时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "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": "TinyBreadcrumbItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "to", + "label": { + "text": { + "zh_CN": "路由路径" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "面包屑项" + } + } + ] + } + ], + "slots": { + "default": { + "label": { + "zh_CN": "面包屑项标签" + }, + "description": { + "zh_CN": "面包屑项" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": ["TinyBreadcrumb"], + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["to"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "collapse", + "name": { + "zh_CN": "折叠面板" + }, + "component": "TinyCollapse", + "description": "内容区可指定动态页面或自定义 html 等,支持展开收起操作", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Collapse", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 3, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "当前激活的面板" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定当前激活的面板" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "激活面板改变时触发" + }, + "description": { + "zh_CN": "当前激活面板改变时触发(如果是手风琴模式,参数 activeNames 类型为string,否则为array)" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "data", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前激活面板的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前激活面板的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的值" } } ], @@ -16993,105 +25911,1675 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": [""] + "properties": ["label-width", "disabled"] }, "contextMenu": { - "actions": ["remove", "copy", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-06-17T06:42:16.000Z", - "updated_at": "2022-06-27T08:31:33.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": null, - "library": null + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } }, { - "id": 27, - "version": "0.1.16", + "icon": "collapseitem", + "name": { + "zh_CN": "折叠面板项" + }, + "component": "TinyCollapseItem", + "description": "内容区可指定动态页面或自定义 html 等,支持展开收起操作", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "CollapseItem", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "name", + "label": { + "text": { + "zh_CN": "唯一标志符" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "唯一标志符;String | Number" + }, + "labelPosition": "left" + }, + { + "property": "title", + "label": { + "text": { + "zh_CN": "面板标题" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "面板标题" + }, + "labelPosition": "left" + } + ] + } + ], + "events": {}, + "slots": { + "title": { + "label": { + "zh_CN": "标题" + }, + "description": { + "zh_CN": "自定义标题" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["label-width", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "grid", + "name": { + "zh_CN": "表格" + }, + "component": "TinyGrid", + "description": "提供了非常强大数据表格功能,可以展示数据列表,可以对数据列表进行选择、编辑等", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Grid", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 2, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础属性" + }, + "description": { + "zh_CN": "基础属性" + }, + "collapse": { + "number": 15, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "表格数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "onChange": "this.delProp('fetchData')", + "description": { + "zh_CN": "设置表格的数据" + } + }, + { + "property": "columns", + "label": { + "text": { + "zh_CN": "表格列" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "title", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "列标题" + } + }, + "widget": { + "component": "MetaBindI18n", + "props": {} + } + }, + { + "property": "field", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "列键值" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "sortable", + "type": "boolean", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "是否排序" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "width", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "列宽" + } + }, + "widget": { + "component": "MetaNumber", + "props": {} + } + }, + { + "property": "formatText", + "type": "string", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "内置渲染器" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "整数", + "value": "integer" + }, + { + "label": "小数", + "value": "number" + }, + { + "label": "金额", + "value": "money" + }, + { + "label": "百分比", + "value": "rate" + }, + { + "label": "布尔", + "value": "boole" + }, + { + "label": "年月日", + "value": "date" + }, + { + "label": "年月日时分", + "value": "dateTime" + }, + { + "label": "时间", + "value": "time" + }, + { + "label": "省略", + "value": "ellipsis" + } + ] + } + } + }, + { + "property": "renderer", + "type": "object", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "渲染函数" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "dataType": "JSFunction" + } + } + }, + { + "property": "slots", + "type": "object", + "defaultValue": "", + "label": { + "text": { + "zh_CN": "插槽" + } + }, + "labelPosition": "none", + "widget": { + "component": "MetaJsSlot", + "props": { + "slots": ["header", "default"] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "列类型" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "索引列", + "value": "index" + }, + { + "label": "单选列", + "value": "radio" + }, + { + "label": "多选列", + "value": "selection" + }, + { + "label": "展开列", + "value": "expand" + } + ], + "clearable": true + } + }, + "description": { + "zh_CN": "设置内置列的类型,该属性的可选值为 index(序号)/ selection(复选框)/ radio(单选框)/ expand(展开行)" + }, + "labelPosition": "left" + }, + { + "property": "editor", + "label": { + "text": { + "zh_CN": "编辑配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "单元格编辑渲染配置项,也可以是函数 Function(h, params)" + }, + "labelPosition": "left" + }, + { + "property": "filter", + "label": { + "text": { + "zh_CN": "筛选配置" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "设置表格列的筛选配置信息。默认值为 false 不配置筛选信息" + } + }, + { + "property": "showOverflow", + "label": { + "text": { + "zh_CN": "内容超出部分省略号配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "只显示省略号", + "value": "ellipsis" + }, + { + "label": "显示为原生 title", + "value": "title" + }, + { + "label": "显示为 tooltip 提示", + "value": "tooltip" + } + ], + "clearable": true + } + }, + "description": { + "zh_CN": "设置内置列的内容超出部分显示省略号配置,该属性的可选值为 ellipsis(只显示省略号)/ title(显示为原生 title)/ tooltip(显示为 tooltip 提示)" + }, + "labelPosition": "left" + } + ] + } + ], + "widget": { + "component": "MetaArrayItem", + "props": { + "type": "object", + "textField": "title", + "language": "json", + "buttonText": "编辑列配置", + "title": "编辑列配置", + "expand": true + } + }, + "description": { + "zh_CN": "表格列的配置信息" + }, + "labelPosition": "left" + }, + { + "property": "fetchData", + "label": { + "text": { + "zh_CN": "服务端数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "onChange": "this.delProp('data')", + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "name": "fetchData", + "dataType": "JSExpression" + } + }, + "description": { + "zh_CN": "服务端数据查询方法" + } + }, + { + "property": "pager", + "label": { + "text": { + "zh_CN": "分页配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "defaultValue": { + "attrs": { + "currentPage": 1 + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "name": "pager", + "dataType": "JSExpression" + } + }, + "description": { + "zh_CN": "分页配置" + } + }, + { + "property": "resizable", + "label": { + "text": { + "zh_CN": "调整列宽" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许调整列宽" + }, + "labelPosition": "left" + }, + { + "property": "row-id", + "label": { + "text": { + "zh_CN": "行数据唯一标识的字段名" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": { + "placeholder": "比如:id" + } + }, + "description": { + "zh_CN": "行数据唯一标识的字段名" + }, + "labelPosition": "left" + }, + { + "property": "select-config", + "label": { + "text": { + "zh_CN": "复选框配置" + } + }, + "required": false, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "dataType": "JSExpression" + } + }, + "description": { + "zh_CN": "表格行数据复选框配置项" + }, + "labelPosition": "left" + }, + { + "property": "edit-rules", + "label": { + "text": { + "zh_CN": "校验规则" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表格校验规则配置项" + }, + "labelPosition": "left" + }, + { + "property": "edit-config", + "label": { + "text": { + "zh_CN": "编辑配置项" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "表格编辑配置项" + } + }, + { + "property": "expand-config", + "label": { + "text": { + "zh_CN": "复选框配置项" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "复选框配置项" + }, + "labelPosition": "left" + }, + { + "property": "sortable", + "label": { + "text": { + "zh_CN": "可排序" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许列数据排序。默认为 true 可排序" + }, + "labelPosition": "left" + } + ] + }, + { + "label": { + "zh_CN": "其他属性" + }, + "description": { + "zh_CN": "其他属性" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "auto-resize", + "label": { + "text": { + "zh_CN": "可排序" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否允许列数据排序。默认为 true 可排序" + }, + "labelPosition": "left" + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "边框" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "labelPosition": "left" + }, + { + "property": "seq-serial", + "label": { + "text": { + "zh_CN": "行号连续" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置行序号是否连续,开启分页时有效,该属性的默认值为 false" + }, + "labelPosition": "left" + }, + { + "property": "highlight-current-row", + "label": { + "text": { + "zh_CN": "高亮当前行" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "高亮当前行" + }, + "labelPosition": "left" + }, + { + "property": "highlight-hover-row", + "label": { + "text": { + "zh_CN": "hover 时候高亮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "鼠标移到行是否要高亮显示" + }, + "labelPosition": "left" + }, + { + "property": "row-class-name", + "label": { + "text": { + "zh_CN": "hover 高亮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "给行附加 className,也可以是函数 Function({seq, row, rowIndex, $rowIndex})" + }, + "labelPosition": "left" + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "最大高度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "设置表格内容区域(不含表格头部,底部)的最大高度。" + }, + "labelPosition": "left" + }, + { + "property": "row-span", + "label": { + "text": { + "zh_CN": "行合并" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置行合并,该属性仅适用于普通表格,不可与 tree-config 同时使用" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onFilterChange": { + "label": { + "zh_CN": "筛选条件改变时触发改事件" + }, + "description": { + "zh_CN": "配置 remote-filter 开启服务端过滤,服务端过滤会调用表格 fetch-data 进行查询,filter-change 服务端过滤后触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onSortChange": { + "label": { + "zh_CN": "点击列头,执行数据排序前触发的事件" + }, + "description": { + "zh_CN": "配置 remote-filter 开启服务端过滤,服务端过滤会调用表格 fetch-data 进行查询,filter-change 服务端过滤后触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "{$table,filters} 包含 table 实例对象和过滤条件的对象" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onSelectAll": { + "label": { + "zh_CN": "当手动勾选全选时触发的事件" + }, + "description": { + "zh_CN": "只对 type=selection 有效,当手动勾选全选时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " 包含 table 实例对象" + } + }, + { + "name": "checked", + "type": "boolean", + "defaultValue": "", + "description": { + "zh_CN": "勾选状态" + } + }, + { + "name": "selction", + "type": "Array", + "defaultValue": "", + "description": { + "zh_CN": "选中的表格数据数组" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onSelectChange": { + "label": { + "zh_CN": "手动勾选并且值发生改变时触发的事件" + }, + "description": { + "zh_CN": "只对 type=selection 有效,当手动勾选并且值发生改变时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " table 实例对象" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " 原生 Event" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onToggleExpandChange": { + "label": { + "zh_CN": "当行展开或收起时会触发该事件" + }, + "description": { + "zh_CN": "当行展开或收起时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "table", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "{$table,row,rowIndex} 包含 table 实例对象和当前行数据的对象" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": " 原生 Event" + } + } + ], + "returns": {} + }, + "defaultValue": "function onClick(e) {}" + }, + "onCurrentChange": { + "label": { + "zh_CN": "行点击时触发" + }, + "description": { + "zh_CN": "行点击时触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "shortcuts": { + "properties": ["sortable", "columns"] + }, + "contentMenu": { + "actions": ["create symbol"] + }, + "onBeforeMount": "console.log('table on load'); this.pager = source.pager; this.fetchData = source.fetchData; this.data = source.data ;this.columns = source.columns" + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["sortable", "columns"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "分页" + }, + "component": "TinyPager", + "icon": "pager", + "description": "当数据量过多时,使用分页分解数据,常用于 Grid 和 Repeater 组件", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Pager", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 1, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 10, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "currentPage", + "label": { + "text": { + "zh_CN": "当前页数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "当前页数,支持 .sync 修饰符" + }, + "labelPosition": "left" + }, + { + "property": "pageSize", + "label": { + "text": { + "zh_CN": "每页条数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "每页显示条目个数" + }, + "labelPosition": "left" + }, + { + "property": "pageSizes", + "label": { + "text": { + "zh_CN": "可选每页条数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置可选择的每页显示条数" + } + }, + { + "property": "total", + "label": { + "text": { + "zh_CN": "总条数" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "数据总条数" + }, + "labelPosition": "left" + }, + { + "property": "layout", + "label": { + "text": { + "zh_CN": "布局" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "defaultValue": "total,sizes,prev, pager, next", + "widget": { + "component": "MetaInput", + "props": { + "type": "textarea" + } + }, + "description": { + "zh_CN": "组件布局,子组件名用逗号分隔" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onCurrentChange ": { + "label": { + "zh_CN": "切换页码时触发" + }, + "description": { + "zh_CN": "切换页码时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前页的值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onPrevClick ": { + "label": { + "zh_CN": "点击上一页按钮时触发" + }, + "description": { + "zh_CN": "点击上一页按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "page", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前页的页码值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onNextClick": { + "label": { + "zh_CN": "点击下一页按钮时触发" + }, + "description": { + "zh_CN": "点击上一页按钮时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "page", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前页的页码值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["currentPage", "total"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "name": { + "zh_CN": "弹出编辑" + }, + "component": "TinyPopeditor", + "icon": "popEditor", + "description": "该组件只能在弹出的面板中选择数据,不能手动输入数据;弹出面板中显示为 Tree 组件或者 Grid 组件", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "PopEditor", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 6, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "绑定值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "双向绑定值" + }, + "labelPosition": "left" + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "占位文本" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "labelPosition": "left" + }, + { + "property": "show-clear-btn", + "label": { + "text": { + "zh_CN": "清除按钮" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "是否显示清除按钮" + }, + "labelPosition": "left" + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "是否禁用" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "" + } + } + ] + }, + { + "name": "1", + "label": { + "zh_CN": "其他" + }, + "content": [ + { + "property": "width", + "label": { + "text": { + "zh_CN": "宽度" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "设置弹出面板的宽度(单位像素)" + }, + "labelPosition": "left" + }, + { + "property": "conditions", + "label": { + "text": { + "zh_CN": "过滤条件" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "当弹出面板配置的是表格时,设置弹出面板中的过滤条件" + }, + "labelPosition": "left" + }, + { + "property": "grid-op", + "label": { + "text": { + "zh_CN": "表格配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置弹出面板中表格组件的配置信息" + }, + "labelPosition": "left" + }, + { + "property": "pager-op", + "label": { + "text": { + "zh_CN": "分页配置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "description": { + "zh_CN": "设置弹出编辑框中分页配置" + }, + "labelPosition": "left" + }, + { + "property": "multi", + "label": { + "text": { + "zh_CN": "多选" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "设置弹出面板中的数据是否可多选" + }, + "labelPosition": "left" + }, + { + "property": "show-pager", + "label": { + "text": { + "zh_CN": "启用分页" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "当 popseletor 为 grid 时才能生效,配置为 true 后还需配置 pagerOp 属性" + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onChange": { + "label": { + "zh_CN": "选中值改变时触发" + }, + "description": { + "zh_CN": "在 Input 值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项的值" + } + }, + { + "name": "value", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中对象" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定的值改变时触发" + }, + "description": { + "zh_CN": "当前选中的值改变时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "双向绑定的当前选中值" + } + } + ], + "returns": {} + }, + "defaultValue": "" + }, + "onClose": { + "label": { + "zh_CN": "弹框关闭时触发的事件" + }, + "description": { + "zh_CN": "弹框关闭时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + }, + "onPageChange": { + "label": { + "zh_CN": "分页切换事件" + }, + "description": { + "zh_CN": "表格模式下分页切换事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "value", + "type": "String", + "defaultValue": "", + "description": { + "zh_CN": "当前页码数" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["modelValue", "disabled"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tree", "name": { "zh_CN": "树" }, "component": "TinyTree", - "icon": "tree", "description": "可进行展示有父子层级的数据,支持选择,异步加载等功能。但不推荐用它来展示菜单,展示菜单推荐使用树菜单", - "doc_url": "", - "screenshot": "null", + "docUrl": "", + "screenshot": "", "tags": "", "keywords": "", - "dev_mode": "proCode", + "devMode": "proCode", "npm": { "package": "@opentiny/vue", "exportName": "Tree", - "version": "0.1.16", + "version": "", "destructuring": true }, "group": "component", - "category": "数据组件", "priority": 12, - "snippets": [ - { - "name": { - "zh_CN": "树" - }, - "icon": "tree", - "screenshot": "", - "snippetName": "TinyTree", - "schema": { - "componentName": "TinyTree", - "props": { - "data": [ - { - "label": "一级 1", - "children": [ - { - "label": "二级 1-1", - "children": [ - { - "label": "三级 1-1-1" - } - ] - } - ] - }, - { - "label": "一级 2", - "children": [ - { - "label": "二级 2-1", - "children": [ - { - "label": "三级 2-1-1" - } - ] - }, - { - "label": "二级 2-2", - "children": [ - { - "label": "三级 2-2-1" - } - ] - } - ] - } - ] - } - } - } - ], - "schema_fragment": { + "schema": { "properties": [ { "label": { @@ -17364,7 +27852,7 @@ } }, "configure": { - "loop": false, + "loop": true, "condition": true, "styles": true, "isContainer": false, @@ -17379,102 +27867,444 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["show-checkbox"] + "properties": ["data", "show-checkbox"] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:31:12.000Z", - "updated_at": "2022-06-30T10:55:59.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": null, - "library": null + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } }, { - "id": 24, - "version": "0.1.16", + "icon": "timeline", + "name": { + "zh_CN": "时间线" + }, + "component": "TinyTimeLine", + "description": "TimeLine 时间线", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "TimeLine", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 3, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 6, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "horizontal", + "type": "Boolean", + "defaultValue": { + "type": "i18n", + "zh_CN": "布局", + "en_US": "layout", + "key": "" + }, + "label": { + "text": { + "zh_CN": "水平布局" + } + }, + "cols": 12, + "rules": [], + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "节点和文字横向布局" + } + }, + { + "property": "vertical", + "type": "Boolean", + "defaultValue": { + "type": "i18n", + "zh_CN": "垂直布局", + "en_US": "layout", + "key": "" + }, + "label": { + "text": { + "zh_CN": "垂直布局" + } + }, + "cols": 12, + "rules": [], + "hidden": false, + "required": true, + "readOnly": false, + "disabled": false, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "节点和文字垂直布局" + } + }, + { + "property": "active", + "label": { + "text": { + "zh_CN": "选中值" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaNumber", + "props": {} + }, + "description": { + "zh_CN": "步骤条的选中步骤值" + }, + "labelPosition": "left" + }, + { + "property": "data", + "label": { + "text": { + "zh_CN": "数据" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": [ + { + "name": "配置基本信息", + "status": "ready" + }, + { + "name": "配置报价", + "status": "wait" + }, + { + "name": "完成报价", + "status": "wait" + } + ], + "cols": 12, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + }, + "description": { + "zh_CN": "时间线步骤条数据" + }, + "labelPosition": "left" + } + ] + } + ], + "events": { + "onClick": { + "label": { + "zh_CN": "节点的点击时触发" + }, + "description": { + "zh_CN": "节点的点击时触发的回调函数" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "type", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "点击节点的下标" + } + }, + { + "name": "value", + "type": "string", + "defaultValue": "", + "description": { + "zh_CN": "当前节点对象:{ name: 节点名称, time: 时间 }" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["active", "data"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "tooltip", + "name": { + "zh_CN": "文字提示框" + }, + "component": "TinyTooltip", + "description": "动态显示提示信息,一般通过鼠标事件进行响应;提供 warning、error、info、success 四种类型显示不同类别的信", + "docUrl": "", + "screenshot": "", + "tags": "", + "keywords": "", + "devMode": "proCode", + "npm": { + "package": "@opentiny/vue", + "exportName": "Tooltip", + "version": "", + "destructuring": true + }, + "group": "component", + "priority": 11, + "schema": { + "properties": [ + { + "label": { + "zh_CN": "基础信息" + }, + "description": { + "zh_CN": "基础信息" + }, + "collapse": { + "number": 20, + "text": { + "zh_CN": "显示更多" + } + }, + "content": [ + { + "property": "placement", + "label": { + "text": { + "zh_CN": "提示位置" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "top", + "value": "top" + }, + { + "label": "top-start", + "value": "top-start" + }, + { + "label": "top-end", + "value": "top-end" + }, + { + "label": "bottom", + "value": "bottom" + }, + { + "label": "bottom-start", + "value": "bottom-start" + }, + { + "label": "bottom-end", + "value": "bottom-end" + }, + { + "label": "left", + "value": "left" + }, + { + "label": "left-start", + "value": "left-start" + }, + { + "label": "left-end", + "value": "left-end" + }, + { + "label": "right", + "value": "right" + }, + { + "label": "right-start", + "value": "right-start" + }, + { + "label": "right-end", + "value": "right-end" + } + ] + } + }, + "description": { + "zh_CN": "Tooltip 的出现位置" + }, + "labelPosition": "left" + }, + { + "property": "content", + "label": { + "text": { + "zh_CN": "内容" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "defaultValue": "提示信息", + "cols": 12, + "widget": { + "component": "MetaInput", + "props": {} + }, + "description": { + "zh_CN": "显示的内容,也可以通过 slot#content 传入 DOM" + } + }, + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "是否可见" + } + }, + "defaultValue": true, + "cols": 12, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "状态是否可见" + } + }, + { + "property": "manual", + "label": { + "text": { + "zh_CN": "手动控制" + } + }, + "defaultValue": true, + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "description": { + "zh_CN": "手动控制模式,设置为 true 后,mouseenter 和 mouseleave 事件将不会生效" + } + } + ] + } + ], + "events": {}, + "slots": { + "content": { + "label": { + "zh_CN": "提示内容" + }, + "description": { + "zh_CN": "自定义提示内容" + } + } + } + }, + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": true, + "isModal": false, + "isPopper": true, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["disabled", "content"] + }, + "contextMenu": { + "actions": ["create symbol"], + "disable": ["copy", "remove"] + } + } + }, + { + "icon": "popover", "name": { "zh_CN": "提示框" }, "component": "TinyPopover", - "icon": "popover", "description": "Popover可通过对一个触发源操作触发弹出框,支持自定义弹出内容,延迟触发和渐变动画", - "doc_url": "", - "screenshot": "null", + "docUrl": "", + "screenshot": "", "tags": "", "keywords": "", - "dev_mode": "proCode", + "devMode": "proCode", "npm": { "package": "@opentiny/vue", "exportName": "Popover", - "version": "0.1.16", + "version": "", "destructuring": true }, "group": "component", - "category": "提示组件", "priority": 7, - "snippets": [ - { - "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": "提示内容" - } - } - ] - } - ] - } - } - ], - "schema_fragment": { + "schema": { "properties": [ { "label": { @@ -17890,5661 +28720,12 @@ } ], "events": { - "onHide": { - "label": { - "zh_CN": "hide" - }, - "description": { - "zh_CN": "隐藏时触发" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onShow": { - "label": { - "zh_CN": "show" - }, - "description": { - "zh_CN": "显示时触发" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - }, - "slots": [] - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["placement", "trigger"] - }, - "contextMenu": { - "actions": ["createBlock", "copy"], - "disable": ["copy", "remove"] - }, - "slots": ["reference"], - "isPopper": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:17:18.000Z", - "updated_at": "2023-05-09T03:47:40.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "hide", - "label": "hide", - "params": null, - "defaultValue": null, - "description": "隐藏时触发", - "_RID": "row_2" - }, - { - "eventName": "show", - "label": "show", - "params": null, - "defaultValue": null, - "description": "显示时触发", - "_RID": "row_1" - } - ], - "attrs": [], - "slots": [] - }, - "library": null - }, - { - "id": 25, - "version": "0.1.16", - "name": { - "zh_CN": "文字提示框" - }, - "component": "TinyTooltip", - "icon": "tooltip", - "description": "动态显示提示信息,一般通过鼠标事件进行响应;提供 warning、error、info、success 四种类型显示不同类别的信", - "doc_url": "", - "screenshot": "null", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Tooltip", - "version": "3.2.0", - "destructuring": true - }, - "group": "component", - "category": "提示组件", - "priority": 11, - "snippets": [ - { - "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": { - "placeholder": "触发源" - } - } - ] - }, - { - "componentName": "Template", - "props": { - "slot": "content" - }, - "children": [ - { - "componentName": "span", - "children": [ - { - "componentName": "div", - "props": { - "placeholder": "触发源" - } - } - ] - } - ] - } - ] - } - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 20, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "placement", - "label": { - "text": { - "zh_CN": "提示位置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "top", - "value": "top" - }, - { - "label": "top-start", - "value": "top-start" - }, - { - "label": "top-end", - "value": "top-end" - }, - { - "label": "bottom", - "value": "bottom" - }, - { - "label": "bottom-start", - "value": "bottom-start" - }, - { - "label": "bottom-end", - "value": "bottom-end" - }, - { - "label": "left", - "value": "left" - }, - { - "label": "left-start", - "value": "left-start" - }, - { - "label": "left-end", - "value": "left-end" - }, - { - "label": "right", - "value": "right" - }, - { - "label": "right-start", - "value": "right-start" - }, - { - "label": "right-end", - "value": "right-end" - } - ] - } - }, - "description": { - "zh_CN": "Tooltip 的出现位置" - }, - "labelPosition": "left" - }, - { - "property": "content", - "label": { - "text": { - "zh_CN": "内容" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "defaultValue": "提示信息", - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "显示的内容,也可以通过 slot#content 传入 DOM" - } - }, - { - "property": "tabindex", - "label": { - "text": { - "zh_CN": "tabindex" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "number", - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "配置该元素,配置的属性会自动添加到该组件的触发原上" - } - }, - { - "property": "hide-after", - "label": { - "text": { - "zh_CN": "hide-after" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "number", - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "Tooltip 出现后自动隐藏延时,单位毫秒,为 0 则不会自动隐藏" - } - }, - { - "property": "enterable", - "label": { - "text": { - "zh_CN": "enterable" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "鼠标是否可进入到 tooltip 中" - } - }, - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "是否可见" - } - }, - "defaultValue": true, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "状态是否可见" - } - }, - { - "property": "popper-class", - "label": { - "text": { - "zh_CN": "popper-class" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "manual", - "label": { - "text": { - "zh_CN": "手动控制" - } - }, - "defaultValue": true, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "手动控制模式,设置为 true 后,mouseenter 和 mouseleave 事件将不会生效" - } - }, - { - "property": "visible-arrow", - "label": { - "text": { - "zh_CN": "visible-arrow" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示 Tooltip 箭头,popper.js 的参数" - } - }, - { - "property": "open-delay", - "label": { - "text": { - "zh_CN": "open-delay" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "延迟出现,单位毫秒" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "popper-options", - "label": { - "text": { - "zh_CN": "popper-options" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "object", - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "popper.js 的参数;该属性的可选值为 参考 popper.js 文档" - } - }, - { - "property": "effect", - "label": { - "text": { - "zh_CN": "effect" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "默认提供的主题;该属性的可选值为 dark/light" - } - }, - { - "property": "visible", - "label": { - "text": { - "zh_CN": "visible" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "提示的智能出现的模式;该属性的可选值为 auto/always" - } - }, - { - "property": "transition", - "label": { - "text": { - "zh_CN": "transition" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "该属性的默认值为 tiny-fade-in-linea,r定义渐变动画" - } - }, - { - "property": "append-to-body", - "label": { - "text": { - "zh_CN": "append-to-body" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "disabled" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "offset", - "label": { - "text": { - "zh_CN": "offset" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "出现位置的偏移量" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["text", "", "size"] - }, - "contextMenu": { - "actions": ["createBlock", "copy", "remove", "insert", "updateAttr", "bindEevent"], - "disable": [] - }, - "slots": ["content"], - "isPopper": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:22:59.000Z", - "updated_at": "2023-05-13T08:55:35.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_22" - }, - { - "property": "effect", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "\t默认提供的主题;该属性的可选值为 dark/light", - "_RID": "row_21" - }, - { - "property": "visible-arrow", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_22" - }, - { - "property": "visible", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_23" - }, - { - "property": "tabindex", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_24" - }, - { - "property": "hide-after", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_25" - }, - { - "property": "enterable", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_26" - }, - { - "property": "popper-class", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_27" - }, - { - "property": "open-delay", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_28" - }, - { - "property": "popper-options", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_29" - }, - { - "property": "transition", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_30" - }, - { - "property": "offset", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_31" - }, - { - "property": "disabled", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_32" - }, - { - "property": "append-to-body", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_33" - } - ], - "slots": [ - { - "slotName": "content", - "description": "\t内容", - "_RID": "row_20" - }, - { - "slotName": "default", - "description": "认插槽", - "_RID": "row_19" - } - ] - }, - "library": null - }, - { - "id": 30, - "version": "0.1.16", - "name": { - "zh_CN": "布局列" - }, - "component": "TinyCol", - "icon": "col", - "description": "列配置信息", - "doc_url": "", - "screenshot": "colscreenshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Col", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "布局组件", - "priority": 20, - "snippets": [ - { - "name": { - "zh_CN": "Col" - }, - "icon": "col", - "screenshot": "", - "snippetName": "TinyCol", - "schema": { - "componentName": "TinyCol", - "props": { - "span": 12, - "style": { - "height": "30px", - "border": "1px solid #ccc" - } - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "span", - "label": { - "text": { - "zh_CN": "栅格列格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "整行", - "value": 12 - }, - { - "label": "6格", - "value": 6 - }, - { - "label": "4格", - "value": 4 - }, - { - "label": "3格", - "value": 3 - }, - { - "label": "1格", - "value": 1 - } - ] - } - }, - "description": { - "zh_CN": "当一行分为12格时,一列可占位多少格" - } - }, - { - "property": "move", - "label": { - "text": { - "zh_CN": "栅格左右移动格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": -12, - "max": 12 - } - }, - "description": { - "zh_CN": "栅格左右移动格数(正数向右,负数向左)" - } - }, - { - "property": "no", - "label": { - "text": { - "zh_CN": "排序编号" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "max": 12 - } - }, - "description": { - "zh_CN": "排序编号(row中启用order生效)" - } - }, - { - "property": "offset", - "label": { - "text": { - "zh_CN": "间隔格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": 0, - "max": 12 - } - }, - "description": { - "zh_CN": "栅格左侧的间隔格数" - } - }, - { - "property": "xs", - "label": { - "text": { - "zh_CN": "超小屏格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": 1, - "max": 12 - } - }, - "description": { - "zh_CN": "<768px 响应式栅格数" - } - }, - { - "property": "sm", - "label": { - "text": { - "zh_CN": "小屏格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": 1, - "max": 12 - } - }, - "description": { - "zh_CN": "≥768px 响应式栅格数" - } - }, - { - "property": "md", - "label": { - "text": { - "zh_CN": "中屏格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": 1, - "max": 12 - } - }, - "description": { - "zh_CN": "≥992px 响应式栅格数" - } - }, - { - "property": "lg", - "label": { - "text": { - "zh_CN": "大屏格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": 1, - "max": 12 - } - }, - "description": { - "zh_CN": "≥1200px 响应式栅格数" - } - }, - { - "property": "xl", - "label": { - "text": { - "zh_CN": "超大屏格数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": { - "min": 1, - "max": 12 - } - }, - "description": { - "zh_CN": "≥1920px 响应式栅格数" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "TinyRow", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["span"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:40:08.000Z", - "updated_at": "2022-07-15T02:22:42.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": null, - "library": null - }, - { - "id": 182, - "version": "0.1.16", - "name": { - "zh_CN": "下拉菜单子项" - }, - "component": "TinyDropdownItem", - "icon": "dropdown", - "description": "下拉菜单子项", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "DropdownItem", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "导航组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "下拉菜单子项" - }, - "icon": "dropdown", - "screenshot": "", - "snippetName": "TinyDropdownItem", - "schema": { - "componentName": "TinyDropdownItem", - "props": { - "label": "text" - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "是否禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "icon", - "label": { - "text": { - "zh_CN": "图标" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - }, - "type": "object" - }, - { - "property": "label", - "label": { - "text": { - "zh_CN": "label" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "divided", - "label": { - "text": { - "zh_CN": "显示分割线" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": [] - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "isPopper": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "TinyDropdownMenu", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": [""] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-09T03:31:38.000Z", - "updated_at": "2023-05-05T08:40:37.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "divided", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": "显示分割线", - "_RID": "row_1" - }, - { - "property": "disabled", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_3" - }, - { - "property": "icon", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "菜单项", - "_RID": "row_2" - }, - { - "property": "label", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "菜单项标签", - "_RID": "row_1" - }, - { - "property": "label", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "菜单项标签", - "_RID": "row_1" - } - ], - "slots": [ - { - "slotName": "default", - "description": null, - "_RID": "row_3" - } - ] - }, - "library": null - }, - { - "id": 29, - "version": "0.1.16", - "name": { - "zh_CN": "分页" - }, - "component": "TinyPager", - "icon": "pager", - "description": "当数据量过多时,使用分页分解数据,常用于 Grid 和 Repeater 组件", - "doc_url": "", - "screenshot": "null", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Pager", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "数据组件", - "priority": 1, - "snippets": [ - { - "name": { - "zh_CN": "分页" - }, - "icon": "pager", - "screenshot": "", - "snippetName": "TinyPager", - "schema": { - "componentName": "TinyPager", - "props": { - "layout": "total, sizes, prev, pager, next", - "total": 100, - "pageSize": 10, - "currentPage": 1 - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "currentPage", - "label": { - "text": { - "zh_CN": "当前页数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "当前页数,支持 .sync 修饰符" - }, - "labelPosition": "left" - }, - { - "property": "pageSize", - "label": { - "text": { - "zh_CN": "每页条数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "每页显示条目个数" - }, - "labelPosition": "left" - }, - { - "property": "pageSizes", - "label": { - "text": { - "zh_CN": "可选每页条数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置可选择的每页显示条数" - } - }, - { - "property": "total", - "label": { - "text": { - "zh_CN": "总条数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "数据总条数" - }, - "labelPosition": "left" - }, - { - "property": "layout", - "label": { - "text": { - "zh_CN": "布局" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": { - "value": "total,sizes,prev, pager, next" - } - }, - "description": { - "zh_CN": "组件布局,子组件名用逗号分隔" - }, - "labelPosition": "left" - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": { - "onCurrent-change": { - "label": { - "zh_CN": "切换页码触发事件" - }, - "description": { - "zh_CN": "\tcurrentPage 改变时会触发;arg1: 新的当前页的值" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onSize-change": { - "label": { - "zh_CN": "分页事件" - }, - "description": { - "zh_CN": "设置分页跳转后的事件;pageSize 改变时会触发;arg1: pageSize 新的当前值" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["text", "", "size"] - }, - "contextMenu": { - "actions": [], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:36:23.000Z", - "updated_at": "2023-03-10T06:45:28.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "current-change", - "label": "切换页码触发事件", - "params": null, - "defaultValue": null, - "description": "\tcurrentPage 改变时会触发;arg1: 新的当前页的值", - "_RID": "row_1" - }, - { - "eventName": "size-change", - "label": "分页事件", - "params": null, - "defaultValue": null, - "description": "设置分页跳转后的事件;pageSize 改变时会触发;arg1: pageSize 新的当前值", - "_RID": "row_2" - } - ], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_19" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 187, - "version": "3.1.0", - "name": { - "zh_CN": "访问受限页面" - }, - "component": "TinyPlusAccessdeclined", - "icon": "accessdeclined", - "description": "访问受限页面组件", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "受限", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "AccessDeclined", - "version": "3.4.1", - "destructuring": true - }, - "group": "component", - "category": "业务组件", - "priority": 1, - "snippets": [ - { - "name": { - "zh_CN": "访问受限页面" - }, - "icon": "accessdeclined", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyPlusAccessdeclined", - "schema": { - "componentName": "TinyPlusAccessdeclined", - "props": { - "description": "非常抱歉,您尚未有该服务的访问权限,请联系管理员申请权限。", - "linkText": "返回华为云首页", - "linkHref": "" - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "description", - "label": { - "text": { - "zh_CN": "description" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "linkText", - "label": { - "text": { - "zh_CN": "linkText" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "linkHref", - "label": { - "text": { - "zh_CN": "linkHref" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "image", - "label": { - "text": { - "zh_CN": "image" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": {} - }, - "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": ["text", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-21T07:08:03.000Z", - "updated_at": "2023-01-18T06:35:58.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "description", - "label": null, - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_1" - } - ], - "attrs": [ - { - "property": "image", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_4" - }, - { - "property": "linkHref", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_3" - }, - { - "property": "linkText", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "description", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 190, - "version": "3.1.0", - "name": { - "zh_CN": "冻结页面" - }, - "component": "TinyPlusFrozenPage", - "icon": "frozenpage", - "description": "冻结页面组件", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "冻结", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "FrozenPage", - "version": "3.4.1", - "destructuring": true - }, - "group": "component", - "category": "业务组件", - "priority": 4, - "snippets": [ - { - "name": { - "zh_CN": "冻结页面" - }, - "icon": "frozenpage", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyPlusFrozenPage", - "schema": { - "componentName": "TinyPlusFrozenPage", - "props": { - "description": "非常抱歉,您尚未有该服务的访问权限,请联系管理员申请权限。", - "linkText": "返回华为云首页", - "linkHref": "" - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "description", - "label": { - "text": { - "zh_CN": "description" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "linkText", - "label": { - "text": { - "zh_CN": "linkText" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "linkHref", - "label": { - "text": { - "zh_CN": "linkHref" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "image", - "label": { - "text": { - "zh_CN": "image" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": [] - }, - "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": ["text", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-22T08:56:31.000Z", - "updated_at": "2023-01-18T06:36:15.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "image", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_25" - }, - { - "property": "linkHref", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_24" - }, - { - "property": "linkText", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_23" - }, - { - "property": "description", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_22" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 191, - "version": "3.1.0", - "name": { - "zh_CN": "区域服务不支持页面" - }, - "component": "TinyPlusNonSupportRegion", - "icon": "nonsupportregion", - "description": "区域服务不支持页面组件", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "NonSupportRegion", - "version": "3.4.1", - "destructuring": true - }, - "group": "component", - "category": "业务组件", - "priority": 5, - "snippets": [ - { - "name": { - "zh_CN": "区域服务不支持页面" - }, - "icon": "nonsupportregion", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyPlusNonSupportRegion", - "schema": { - "componentName": "TinyPlusNonSupportRegion", - "props": { - "regionData": { - "region": { - "displayName": "奥丁" - }, - "supportRegions": [ - { - "displayName": "华北-北京一", - "href": "1" - }, - { - "displayName": "华东-上海二", - "href": "1" - }, - { - "displayName": "华南-广州", - "href": "1" - } - ] - } - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "regionData", - "label": { - "text": { - "zh_CN": "regionData" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "image", - "label": { - "text": { - "zh_CN": "image" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": [] - }, - "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": ["text", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-22T11:18:52.000Z", - "updated_at": "2023-01-18T06:36:24.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "image", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_21" - }, - { - "property": "regionData", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_20" - }, - { - "property": "regionData", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_20" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 189, - "version": "0.1.16", - "name": { - "zh_CN": "公测" - }, - "component": "TinyPlusBeta", - "icon": "beta", - "description": "公测组件", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "公测", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Beta", - "version": "3.4.1", - "destructuring": true - }, - "group": "component", - "category": "业务组件", - "priority": 3, - "snippets": [ - { - "name": { - "zh_CN": "公测" - }, - "icon": "beta", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyPlusBeta", - "schema": {} - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "applyUrl", - "label": { - "text": { - "zh_CN": "applyUrl" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "icon", - "label": { - "text": { - "zh_CN": "icon" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "intro", - "label": { - "text": { - "zh_CN": "intro" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "message", - "label": { - "text": { - "zh_CN": "message" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": [] - }, - "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": ["text", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-22T08:13:37.000Z", - "updated_at": "2023-01-18T06:36:53.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "message", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_4" - }, - { - "property": "intro", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_3" - }, - { - "property": "icon", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "applyUrl", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 33, - "version": "0.1.13", - "name": { - "zh_CN": "搜索框" - }, - "component": "TinySearch", - "icon": "search", - "description": "指定条件对象进行搜索数据", - "doc_url": "", - "screenshot": "searchscreenshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Search", - "version": "0.1.13", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "搜索框" - }, - "icon": "search", - "screenshot": "", - "snippetName": "TinySearch", - "schema": { - "componentName": "TinySearch", - "props": { - "modelValue": "", - "placeholder": "输入关键词" - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "默认值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的搜索值" - }, - "labelPosition": "left" - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否被禁用" - }, - "labelPosition": "left" - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "占位文本 " - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框内的提示占位文本" - }, - "labelPosition": "left" - }, - { - "property": "clearable", - "label": { - "text": { - "zh_CN": "清空按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置显示清空图标按钮" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他配置" - }, - "content": [ - { - "property": "mini", - "label": { - "text": { - "zh_CN": "迷你尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "迷你模式,配置为true时,搜索默认显示为一个带图标的圆形按钮,点击后展开" - }, - "labelPosition": "left" - }, - { - "property": "transparent", - "label": { - "text": { - "zh_CN": "透明模式" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "配置为true时,边框变为透明且收缩后半透明显示,一般用在带有背景的场景,默认 false" - }, - "labelPosition": "left" - }, - { - "property": "isEnterSearch", - "label": { - "text": { - "zh_CN": "isEnterSearch" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "button-text", - "label": { - "text": { - "zh_CN": "button-text" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "自定义搜索框按钮的文本内容" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onSearch": { - "label": { - "zh_CN": "搜索的回调" - }, - "description": { - "zh_CN": "在展开状态点击搜索按钮时触发的回调函数;arg1:{Object 搜索类型},arg2:{String 当前input框中值}" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onMouseout": { - "label": { - "zh_CN": "鼠标离开" - }, - "description": { - "zh_CN": "鼠标离开时候触发该时间" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["clearable", "", "mini"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "createBlock", "bindEevent"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:47:45.000Z", - "updated_at": "2023-02-16T03:13:14.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "search", - "label": "搜索的回调", - "params": null, - "defaultValue": null, - "description": "在展开状态点击搜索按钮时触发的回调函数;arg1:{Object 搜索类型},arg2:{String 当前input框中值}", - "_RID": "row_1" - }, - { - "eventName": "mouseout", - "label": "鼠标离开", - "params": null, - "defaultValue": null, - "description": "鼠标离开时候触发该时间", - "_RID": "row_2" - } - ], - "attrs": [ - { - "property": "isEnterSearch", - "type": "boolean", - "defaultValue": "false", - "enumerateValue": null, - "title": "是否在按下键盘Enter键的时候触发search事件", - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "button-text", - "type": "string", - "defaultValue": "搜索", - "enumerateValue": null, - "title": null, - "_RID": "row_2" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 23, - "version": "0.1.16", - "name": { - "zh_CN": "布局行" - }, - "component": "TinyRow", - "icon": "row", - "description": "定义 Layout 的行配置信息", - "doc_url": "", - "screenshot": "rowscreenshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Row", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "布局组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "Row" - }, - "icon": "row", - "screenshot": "", - "snippetName": "TinyRow", - "schema": { - "componentName": "TinyRow", - "props": {}, - "children": [ - { - "componentName": "TinyCol", - "props": { - "span": 3, - "style": "height:100%;" - }, - "children": [ - { - "componentName": "div", - "props": { - "style": "height: 100%;" - } - } - ] - }, - { - "componentName": "TinyCol", - "props": { - "span": 3, - "style": "height:100%;" - }, - "children": [ - { - "componentName": "div", - "props": { - "style": "height: 100%;" - } - } - ] - }, - { - "componentName": "TinyCol", - "props": { - "span": 3, - "style": "height:100%;" - }, - "children": [ - { - "componentName": "div", - "props": { - "style": "height: 100%;" - } - } - ] - }, - { - "componentName": "TinyCol", - "props": { - "span": 3, - "style": "height:100%;" - }, - "children": [ - { - "componentName": "div", - "props": { - "style": "height: 100%;" - } - } - ] - } - ] - } - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "layout", - "label": { - "text": { - "zh_CN": "layout" - } - }, - "cols": 12, - "widget": { - "component": "MetaLayoutGrid", - "props": {} - }, - "description": { - "zh_CN": "layout" - }, - "labelPosition": "none" - }, - { - "property": "align", - "label": { - "text": { - "zh_CN": "align" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "top", - "value": "top" - }, - { - "label": "middle", - "value": "middle" - }, - { - "label": "bottom", - "value": "bottom" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "flex", - "label": { - "text": { - "zh_CN": "flex" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "gutter", - "label": { - "text": { - "zh_CN": "gutter" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": [] - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "TinyCol", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["flex", "align"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:02:47.000Z", - "updated_at": "2023-02-16T03:53:28.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_44" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 8, - "version": "0.1.16", - "name": { - "zh_CN": "表单项" - }, - "component": "TinyFormItem", - "icon": "formitem", - "description": "Form 组件下的 FormItem 配置", - "doc_url": "", - "screenshot": "img/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "FormItem", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 3, - "snippets": [{}], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "label", - "label": { - "text": { - "zh_CN": "标签文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "defaultValue": "标签", - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "标签文本" - }, - "labelPosition": "left" - }, - { - "property": "prop", - "label": { - "text": { - "zh_CN": "校验字段" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的" - } - }, - { - "property": "required", - "label": { - "text": { - "zh_CN": "必填" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否必填" - }, - "labelPosition": "left" - }, - { - "property": "validateIcon", - "label": { - "text": { - "zh_CN": "validateIcon" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "TinyForm", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": [""] - }, - "contextMenu": { - "actions": ["remove", "insert", "copy", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": ["label"], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-09T03:09:44.000Z", - "updated_at": "2023-03-10T06:41:50.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "validateIcon", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": "校验提示图标", - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_8" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 176, - "version": "0.1.16", - "name": { - "zh_CN": "警告" - }, - "component": "TinyAlert", - "icon": "alert", - "description": "警告", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Alert", - "version": "3.2.0", - "destructuring": true - }, - "group": "component", - "category": "提示组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "警告" - }, - "icon": "alert", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyAlert", - "schema": { - "componentName": "TinyAlert", - "props": { - "description": "提示内容" - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "show-icon", - "label": { - "text": { - "zh_CN": "是否显示图标" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "close-text", - "label": { - "text": { - "zh_CN": "关闭按钮文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "center", - "label": { - "text": { - "zh_CN": "文字是否居中" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "description", - "label": { - "text": { - "zh_CN": "提示内容" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "警告类型" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "success", - "value": "success" - }, - { - "label": "warning", - "value": "warning" - }, - { - "label": "info", - "value": "info" - }, - { - "label": "error", - "value": "error" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "closable", - "label": { - "text": { - "zh_CN": "是否可以关闭" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "normal", - "value": "normal" - }, - { - "label": "large", - "value": "large" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "icon", - "label": { - "text": { - "zh_CN": "图标" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "title", - "label": { - "text": { - "zh_CN": "标题,在 size 为 large 时有效" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onClose": { - "label": { - "zh_CN": "关闭Alert时触发的事件" - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - }, - "slots": { - "description": { - "label": { - "zh_CN": "description" - }, - "description": { - "zh_CN": "提示内容" - } - }, - "title": { - "label": { - "zh_CN": "title" - }, - "description": { - "zh_CN": "标题的内容" - } - }, - "default": { - "label": { - "zh_CN": "default" - }, - "description": { - "zh_CN": "组件默认插槽" - } - } - } - }, - "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" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-10-25T07:27:44.000Z", - "updated_at": "2023-05-23T07:48:01.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "close", - "label": "关闭Alert时触发的事件", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_1" - } - ], - "attrs": [ - { - "property": "title", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_13" - }, - { - "property": "icon", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_12" - }, - { - "property": "show-icon", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "是否显示图标", - "_RID": "row_7" - }, - { - "property": "close-text", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "关闭按钮文本", - "_RID": "row_6" - }, - { - "property": "center", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "是否居中", - "_RID": "row_5" - }, - { - "property": "description", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "提示内容", - "_RID": "row_4" - }, - { - "property": "type", - "type": "array", - "defaultValue": "info", - "enumerateValue": null, - "title": "类型", - "_RID": "row_3" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_1" - } - ], - "slots": [ - { - "slotName": "description", - "description": "提示内容", - "_RID": "row_12" - }, - { - "slotName": "title", - "description": "标题的内容", - "_RID": "row_11" - }, - { - "slotName": "default", - "description": "组件默认插槽", - "_RID": "row_10" - } - ] - }, - "library": null - }, - { - "id": 10, - "version": "0.1.16", - "name": { - "zh_CN": "输入框" - }, - "component": "TinyInput", - "icon": "input", - "description": "通过鼠标或键盘输入字符", - "doc_url": "", - "screenshot": "input-screeshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Input", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 3, - "snippets": [ - { - "icon": "input", - "name": { - "zh_CN": "输入框" - }, - "schema": { - "props": { - "modelValue": "", - "placeholder": "请输入" - }, - "componentName": "TinyInput" - }, - "screenshot": "", - "snippetName": "TinyInput" - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "key", - "label": { - "text": { - "zh_CN": "key" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "类型" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "textarea", - "value": "textarea" - }, - { - "label": "text", - "value": "text" - }, - { - "label": "password", - "value": "password" - } - ] - } - }, - "description": { - "zh_CN": "设置input框的type属性" - } - }, - { - "property": "rows", - "label": { - "text": { - "zh_CN": "行数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumber", - "props": {} - }, - "description": { - "zh_CN": "输入框行数,只对 type='textarea' 有效" - } - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "占位文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaBindI18n", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - } - }, - { - "property": "clearable", - "label": { - "text": { - "zh_CN": "清除按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "是否禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否禁用" - } - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "medium", - "value": "medium" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "mini", - "value": "mini" - } - ] - } - }, - "description": { - "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" - } - }, - { - "property": "maxlength", - "label": { - "text": { - "zh_CN": "最大长度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "最大长度" - } - }, - { - "property": "autofocus", - "label": { - "text": { - "zh_CN": "聚焦" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "自动获取焦点" - } - } - ], - "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": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["value", "disabled"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-11T07:22:02.000Z", - "updated_at": "2023-03-06T06:44:18.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "key", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "modelValue", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "", - "_RID": "row_1" - }, - { - "property": "type", - "type": "array", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "rows", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_3" - }, - { - "property": "placeholder", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_4" - }, - { - "property": "clearable", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_5" - }, - { - "property": "disabled", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_6" - }, - { - "property": "size", - "type": "array", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_7" - }, - { - "property": "maxlength", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_8" - }, - { - "property": "autofocus", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_9" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 38, - "version": "0.1.16", - "name": { - "zh_CN": "标签页" - }, - "component": "TinyTabs", - "icon": "tabs", - "description": "分隔内容上有关联但属于不同类别的数据集合", - "doc_url": "", - "screenshot": "tabsscreenshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Tabs", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "容器组件", - "priority": 5, - "snippets": [ - { - "icon": "tabs", - "name": { - "zh_CN": "标签页" - }, - "group": true, - "schema": { - "props": { - "modelValue": "first" - }, - "children": [ - { - "props": { - "name": "first", - "title": "标签页1" - }, - "children": [ - { - "componentName": "div" - } - ], - "componentName": "TinyTabItem" - }, - { - "props": { - "name": "second", - "title": "标签页2" - }, - "children": [ - { - "componentName": "div" - } - ], - "componentName": "TinyTabItem" - } - ], - "componentName": "TinyTabs" - }, - "screenshot": "", - "snippetName": "TinyTabs" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "showEditIcon", - "label": { - "text": { - "zh_CN": "显示编辑ICON " - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示标题后编辑 ICON" - }, - "labelPosition": "left" - }, - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定,当前选中选项卡的 name" - }, - "labelPosition": "left" - }, - { - "property": "with-add", - "label": { - "text": { - "zh_CN": "可新增" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "标签是否可增加" - }, - "labelPosition": "left" - }, - { - "property": "with-close", - "label": { - "text": { - "zh_CN": "可关闭" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "标签是否可关闭" - }, - "labelPosition": "left" - }, - { - "property": "tab-style", - "label": { - "text": { - "zh_CN": "标签页样式" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "card", - "value": "card" - }, - { - "label": "border-card", - "value": "border-card" - } - ] - } - }, - "description": { - "zh_CN": "标签页样式" - }, - "labelPosition": "left" - }, - { - "property": "active-color", - "label": { - "text": { - "zh_CN": "active-color" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "swipeable", - "label": { - "text": { - "zh_CN": "swipeable" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "点击页签时触发事件" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "component", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前点击的页签对象" - } - }, - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的选项卡改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中选项卡的 name 值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onEdit": { - "label": { - "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" - }, - "description": { - "zh_CN": "点击新增按钮或关闭按钮或者编辑按钮后触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "tab", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前操作的页签对象" - } - }, - { - "name": "type", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前操作的类型(remove || add || edit)" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClose": { - "label": { - "zh_CN": "关闭页签时触发" - }, - "description": { - "zh_CN": "关闭页签时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "name", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "页签名称" - } - } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "TinyTabItem", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["tab-style", "", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "clickCapture": false, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:58:09.000Z", - "updated_at": "2023-03-06T06:45:54.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "swipeable", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "active-color", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 181, - "version": "0.1.16", - "name": { - "zh_CN": "下拉菜单menu" - }, - "component": "TinyDropdownMenu", - "icon": "dropdown", - "description": "下拉菜单menu", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "DropdownMenu", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "导航组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "下拉菜单menu" - }, - "icon": "dropdown", - "screenshot": "", - "snippetName": "TinyDropdownMenu", - "schema": { - "componentName": "TinyDropdownMenu", - "props": { - "modelValue": "", - "options": [ - { - "value": "1", - "text": "黄金糕" - }, - { - "value": "2", - "text": "双皮奶" - } - ] - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "分组1" - }, - "content": [ - { - "property": "icon", - "label": { - "text": { - "zh_CN": "icon" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "label", - "label": { - "text": { - "zh_CN": "label" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "key", - "label": { - "text": { - "zh_CN": "key" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "active-color", - "label": { - "text": { - "zh_CN": "active-color" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "close-on-click-outside", - "label": { - "text": { - "zh_CN": "close-on-click-outside" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "close-on-click-overlay", - "label": { - "text": { - "zh_CN": "close-on-click-overlay" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "direction", - "label": { - "text": { - "zh_CN": "direction" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "duration", - "label": { - "text": { - "zh_CN": "duration" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - } - }, - { - "property": "overlay", - "label": { - "text": { - "zh_CN": "overlay" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onOpen": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onClose": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "关闭菜单时触发" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onChange": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "点击选项时触发,type为 selection 时启用" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - }, - "slots": { - "default": { - "label": { - "zh_CN": "default" - }, - "description": { - "zh_CN": "下拉列表选项通常是 组件。" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "isPopper": false, - "nestingRule": { - "childWhitelist": "DropdownItem", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": [""] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-09T03:28:12.000Z", - "updated_at": "2023-05-05T08:37:24.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "open", - "label": null, - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_27" - }, - { - "eventName": "close", - "label": null, - "params": null, - "defaultValue": null, - "description": "关闭菜单时触发", - "_RID": "row_26" - }, - { - "eventName": "change", - "label": null, - "params": null, - "defaultValue": null, - "description": "点击选项时触发,type为 selection 时启用", - "_RID": "row_25" - } - ], - "attrs": [ - { - "property": "icon", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "菜单项", - "_RID": "row_2" - }, - { - "property": "label", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "菜单项标签", - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": "mobile", - "enumerateValue": "mobile", - "title": null, - "_RID": "row_22" - }, - { - "property": "key", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "active-color", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "标题和选项的选中态颜色", - "_RID": "row_2" - }, - { - "property": "close-on-click-outside", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "设置点击外部元素后关闭菜单", - "_RID": "row_3" - }, - { - "property": "close-on-click-overlay", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": "设置点击遮罩层后关闭菜单", - "_RID": "row_4" - }, - { - "property": "direction", - "type": "string", - "defaultValue": "down", - "enumerateValue": null, - "title": "设置弹出框弹出框展开方向", - "_RID": "row_5" - }, - { - "property": "duration", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": "设置弹出框的动画时长", - "_RID": "row_6" - }, - { - "property": "overlay", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "设置是否显示遮罩层", - "_RID": "row_7" - } - ], - "slots": [ - { - "slotName": "default", - "description": "下拉列表选项通常是 组件。", - "_RID": "row_2" - } - ] - }, - "library": null - }, - { - "id": 37, - "version": "0.1.16", - "name": { - "zh_CN": "对话框" - }, - "component": "TinyDialogBox", - "icon": "dialogbox", - "description": "模态对话框,在浮层中显示,引导用户进行相关操作。", - "doc_url": "", - "screenshot": "dialogboxshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "DialogBox", - "version": "3.2.0", - "destructuring": true - }, - "group": "component", - "category": "容器组件", - "priority": 2, - "snippets": [ - { - "icon": "dialogbox", - "name": { - "zh_CN": "对话框" - }, - "schema": { - "props": { - "title": "dialogBox title", - "visible": true - }, - "children": [ - { - "componentName": "div" - } - ], - "componentName": "TinyDialogBox" - }, - "screenshot": "", - "snippetName": "TinyDialogBox" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "title", - "label": { - "text": { - "zh_CN": "标题" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "弹出框标题" - }, - "labelPosition": "left" - }, - { - "property": "visible", - "label": { - "text": { - "zh_CN": "显示与隐藏" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "控制弹出框显示与关闭" - }, - "labelPosition": "left" - }, - { - "property": "width", - "label": { - "text": { - "zh_CN": "宽度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "弹出框的宽度" - }, - "labelPosition": "left" - }, - { - "property": "is-form-reset", - "label": { - "text": { - "zh_CN": "is-form-reset" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "关闭弹窗,默认重置表单数据" - } - }, - { - "property": "show-header", - "label": { - "text": { - "zh_CN": "show-header" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示弹窗头部 header,默认值为 true 。" - } - }, - { - "property": "modal", - "label": { - "text": { - "zh_CN": "modal" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否启用遮罩层" - } - }, - { - "property": "draggable", - "label": { - "text": { - "zh_CN": "可拖拽" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否开启弹窗的拖拽功能,默认值为 false 。" - } - }, - { - "property": "center", - "label": { - "text": { - "zh_CN": "居中" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "弹出框的头部与底部内容会自动居中" - }, - "labelPosition": "left" - }, - { - "property": "dialog-class", - "label": { - "text": { - "zh_CN": "自定义类" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "自定义配置弹窗类名" - }, - "labelPosition": "left" - }, - { - "property": "append-to-body", - "label": { - "text": { - "zh_CN": "插入到 Body " - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "DialogBox 本身是否插入到 body 上,嵌套的 Dialog 必须指定该属性并赋值为 true" - }, - "labelPosition": "left" - }, - { - "property": "show-close", - "label": { - "text": { - "zh_CN": "show-close" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": { - "modelValue": true - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "close-on-click-modal", - "label": { - "text": { - "zh_CN": "close-on-click-modal" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": { - "modelValue": true - } - }, - "description": { - "zh_CN": "是否可以通过点击遮罩层关闭弹窗,默认为 true ,可以在标签上设置:modal-closable=\"false\"不能通过点击遮罩层关闭弹窗。" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": { - "onDrag-end": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "Dialog 拖拽结束事件;arg:event(包含弹窗的位置等信息)" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onDrag-move": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "Dialog 拖拽移动事件;arg:event(包含弹窗的位置等信息)" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onDrag-start": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "Dialog 拖拽开始事件;arg:event(包含弹窗的位置等信息)" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onClosed": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "\tDialog 关闭动画结束时的回调;无arguments" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onOpened": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "Dialog 打开动画结束时的回调;无arguments" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onOpen": { - "label": { - "zh_CN": null - }, - "description": { - "zh_CN": "Dialog 打开的回调;Dialog 打开的回调;无arguments" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onClose": { - "label": { - "zh_CN": "关闭弹窗时触发" - }, - "description": { - "zh_CN": "Dialog 关闭的回调;无arguments" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onUpdate:visible": { - "label": { - "zh_CN": "双向绑定的状态改变时触发" - }, - "description": { - "zh_CN": "显示或隐藏的状态值,发生改变时触发" + "zh_CN": "手动控制是否可见的状态值改变时触发" }, "type": "event", "functionInfo": { @@ -23554,7 +28735,7 @@ "type": "boolean", "defaultValue": "", "description": { - "zh_CN": "双向绑定的显示或隐藏的状态值" + "zh_CN": "双向绑定的可见状态值" } } ], @@ -23562,6783 +28743,6 @@ }, "defaultValue": "" } - }, - "slots": { - "title": { - "label": { - "zh_CN": "title" - }, - "description": { - "zh_CN": "Dialog 标题区的内容" - } - }, - "default": { - "label": { - "zh_CN": "default" - }, - "description": { - "zh_CN": "Dialog 的内容" - } - }, - "footer": { - "label": { - "zh_CN": "footer" - }, - "description": { - "zh_CN": "\tDialog 按钮操作区的内容" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": ".tiny-dialog-box", - "shortcuts": { - "properties": ["visible", "", "width"] - }, - "contextMenu": { - "actions": ["remove", "insert", "copy", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:55:58.000Z", - "updated_at": "2023-05-13T08:55:56.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "drag-end", - "label": null, - "params": null, - "defaultValue": null, - "description": "Dialog 拖拽结束事件;arg:event(包含弹窗的位置等信息)", - "_RID": "row_14" - }, - { - "eventName": "drag-move", - "label": null, - "params": null, - "defaultValue": null, - "description": "Dialog 拖拽移动事件;arg:event(包含弹窗的位置等信息)", - "_RID": "row_13" - }, - { - "eventName": "drag-start", - "label": null, - "params": null, - "defaultValue": null, - "description": "Dialog 拖拽开始事件;arg:event(包含弹窗的位置等信息)", - "_RID": "row_12" - }, - { - "eventName": "closed", - "label": null, - "params": null, - "defaultValue": null, - "description": "\tDialog 关闭动画结束时的回调;无arguments", - "_RID": "row_11" - }, - { - "eventName": "opened", - "label": null, - "params": null, - "defaultValue": null, - "description": "Dialog 打开动画结束时的回调;无arguments", - "_RID": "row_10" - }, - { - "eventName": "open", - "label": null, - "params": null, - "defaultValue": null, - "description": "Dialog 打开的回调;Dialog 打开的回调;无arguments", - "_RID": "row_9" - }, - { - "eventName": "close", - "label": null, - "params": null, - "defaultValue": null, - "description": "\tDialog 关闭的回调;Dialog 关闭的回调;无arguments", - "_RID": "row_8" - } - ], - "attrs": [ - { - "property": "close-on-click-modal", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "是否可以通过点击遮罩层关闭弹窗,默认为 true ,可以在标签上设置:modal-closable=\"false\"不能通过点击遮罩层关闭弹窗。", - "_RID": "row_1" - }, - { - "property": "show-close", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "是否显示关闭按钮", - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_16" - }, - { - "property": "modal", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": "是否启用遮罩层", - "_RID": "row_15" - }, - { - "property": "modal", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": "是否启用遮罩层", - "_RID": "row_15" - }, - { - "property": "is-form-reset", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_16" - }, - { - "property": "close-on-click-modal", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": "\t是否可以通过点击遮罩层关闭弹窗,默认为 true ,可以在标签上设置:modal-closable=\"false\"不能通过点击遮罩层关闭弹窗。", - "_RID": "row_17" - }, - { - "property": "show-header", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_18" - } - ], - "slots": [ - { - "slotName": "title", - "description": "Dialog 标题区的内容", - "_RID": "row_7" - }, - { - "slotName": "default", - "description": "Dialog 的内容", - "_RID": "row_6" - }, - { - "slotName": "footer", - "description": "\tDialog 按钮操作区的内容", - "_RID": "row_2" - } - ] - }, - "library": null - }, - { - "id": 19, - "version": "0.1.16", - "name": { - "zh_CN": "开关" - }, - "component": "TinySwitch", - "icon": "switch", - "description": "开关开关开关开关开关", - "doc_url": "", - "screenshot": "img/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Switch", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 5, - "snippets": [ - { - "icon": "switch", - "name": { - "zh_CN": "开关" - }, - "schema": { - "props": { - "modelValue": "" - }, - "componentName": "TinySwitch" - }, - "screenshot": "", - "snippetName": "TinySwitch" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否被禁用" - }, - "labelPosition": "left" - }, - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的开关状态值" - } - }, - { - "property": "true-value", - "label": { - "text": { - "zh_CN": "打开时的值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置打开时的值(Boolean / String / Number)" - }, - "labelPosition": "left" - }, - { - "property": "false-value", - "label": { - "text": { - "zh_CN": "关闭时的值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置关闭时的值(Boolean / String / Number)" - }, - "labelPosition": "left" - }, - { - "property": "mini", - "label": { - "text": { - "zh_CN": "迷你尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示为 mini 模式" - }, - "labelPosition": "left" - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "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": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-12T08:13:59.000Z", - "updated_at": "2023-03-06T07:02:29.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_3" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 26, - "version": "0.1.16", - "name": { - "zh_CN": "时间线" - }, - "component": "TinyTimeLine", - "icon": "timeline", - "description": "时间线", - "doc_url": "", - "screenshot": "null", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "TimeLine", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "数据组件", - "priority": 3, - "snippets": [ - { - "icon": "timeline", - "name": { - "zh_CN": "时间线" - }, - "schema": { - "props": { - "data": [ - { - "name": "已下单" - }, - { - "name": "运输中" - }, - { - "name": "已签收" - } - ], - "active": "2" - }, - "componentName": "TinyTimeLine" - }, - "screenshot": "", - "snippetName": "TinyTimeLine" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "type", - "label": { - "text": { - "zh_CN": "type" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "normal、timeline" - } - }, - { - "property": "vertical", - "type": "Boolean", - "defaultValue": { - "type": "i18n", - "zh_CN": "布局", - "en_US": "layout", - "key": "" - }, - "label": { - "text": { - "zh_CN": "竖向布局" - } - }, - "cols": 12, - "rules": [], - "hidden": false, - "required": true, - "readOnly": false, - "disabled": false, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "竖向时间线" - } - }, - { - "property": "reverse", - "type": "Boolean", - "defaultValue": { - "type": "i18n", - "zh_CN": "布局", - "en_US": "layout", - "key": "" - }, - "label": { - "text": { - "zh_CN": "竖向逆向" - } - }, - "cols": 12, - "rules": [], - "hidden": false, - "required": true, - "readOnly": false, - "disabled": false, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "竖向时数字的顺序,从上到下还是从下到上" - } - }, - { - "property": "horizontal", - "type": "Boolean", - "defaultValue": { - "type": "i18n", - "zh_CN": "布局", - "en_US": "layout", - "key": "" - }, - "label": { - "text": { - "zh_CN": "水平布局" - } - }, - "cols": 12, - "rules": [], - "hidden": false, - "required": true, - "readOnly": false, - "disabled": false, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "节点和文字横向布局" - } - }, - { - "property": "active", - "label": { - "text": { - "zh_CN": "选中值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "步骤条的选中步骤值" - }, - "labelPosition": "left" - }, - { - "property": "data", - "label": { - "text": { - "zh_CN": "数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "defaultValue": [ - { - "name": "配置基本信息", - "status": "ready" - }, - { - "name": "配置报价", - "status": "wait" - }, - { - "name": "完成报价", - "status": "wait" - } - ], - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "时间线步骤条数据" - }, - "labelPosition": "left" - }, - { - "property": "status-field", - "label": { - "text": { - "zh_CN": "status-field" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置数据状态对应的字段名,默认为 'status'" - } - }, - { - "property": "name-field", - "label": { - "text": { - "zh_CN": "name-field" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置节点信息中名称对应的字段名,默认为 'name'" - } - }, - { - "property": "count-field", - "label": { - "text": { - "zh_CN": "count-field" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置高级向导里徽标计数对应的字段名,默认为 'count'" - } - }, - { - "property": "space", - "label": { - "text": { - "zh_CN": "space" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "设置步骤条的宽度。" - } - } - ] - } - ], - "events": { - "onClick": { - "label": { - "zh_CN": "Click" - }, - "description": { - "zh_CN": "节点的点击事件,参数(index:节点索引, node:节点数据信息)" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - }, - "slots": { - "item": { - "label": { - "zh_CN": "item" - }, - "description": { - "zh_CN": "步骤条数据项插槽" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["horizontal", "", "active"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:26:32.000Z", - "updated_at": "2023-05-13T09:47:40.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "click", - "label": "Click", - "params": null, - "defaultValue": null, - "description": "节点的点击事件,参数(index:节点索引, node:节点数据信息)", - "_RID": "row_16" - } - ], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_4" - }, - { - "property": "type", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_10" - }, - { - "property": "space", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": "设置步骤条的宽度。", - "_RID": "row_11" - }, - { - "property": "count-field", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "\t设置高级向导里徽标计数对应的字段名,默认为 'count'", - "_RID": "row_12" - }, - { - "property": "name-field", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "设置节点信息中名称对应的字段名,默认为 'name'", - "_RID": "row_13" - }, - { - "property": "status-field", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "设置数据状态对应的字段名,默认为 'status'", - "_RID": "row_14" - } - ], - "slots": [ - { - "slotName": "item", - "description": "步骤条数据项插槽", - "_RID": "row_15" - } - ] - }, - "library": null - }, - { - "id": 39, - "version": "0.1.16", - "name": { - "zh_CN": "标签页签项" - }, - "component": "TinyTabItem", - "icon": "tabitem", - "description": "tab页签", - "doc_url": "", - "screenshot": "tabshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "TabItem", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "容器组件", - "priority": 20, - "snippets": [ - { - "icon": "tabitem", - "name": { - "zh_CN": "标签页签项" - }, - "schema": { - "props": {}, - "componentName": "TinyTabItem" - }, - "screenshot": "", - "snippetName": "TinyTabItem" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "name", - "label": { - "text": { - "zh_CN": "唯一表示" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "唯一表示" - } - }, - { - "property": "title", - "label": { - "text": { - "zh_CN": "标题" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "标题" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "TinyTabs", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["name", "title"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T03:00:11.000Z", - "updated_at": "2023-03-06T07:04:47.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 20, - "version": "0.1.16", - "name": { - "zh_CN": "单选" - }, - "component": "TinyRadio", - "icon": "radio", - "description": "用于配置不同场景的选项,在一组备选项中进行单选", - "doc_url": "", - "screenshot": "img/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Radio", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 5, - "snippets": [ - { - "icon": "radio", - "name": { - "zh_CN": "单选" - }, - "schema": { - "props": { - "text": "单选文本", - "label": "1" - }, - "componentName": "TinyRadio" - }, - "screenshot": "", - "snippetName": "TinyRadio" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "text", - "label": { - "text": { - "zh_CN": "文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "label", - "label": { - "text": { - "zh_CN": "单选框的值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的当前选中值" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ] - }, - { - "label": { - "zh_CN": "其他" - }, - "description": { - "zh_CN": "" - }, - "content": [ - { - "property": "border", - "label": { - "text": { - "zh_CN": "显示边框" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "单选框的尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "name", - "label": { - "text": { - "zh_CN": "原生 name 属性" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "值变化事件" - }, - "description": { - "zh_CN": "绑定值变化时触发的事件" - } - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["text", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-16T02:38:18.000Z", - "updated_at": "2023-03-06T07:05:11.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_13" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 7, - "version": "0.1.16", - "name": { - "zh_CN": "表单" - }, - "component": "TinyForm", - "icon": "form", - "description": "由按钮、输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据", - "doc_url": "", - "screenshot": "formscreenshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Form", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "form", - "name": { - "zh_CN": "表单" - }, - "schema": { - "props": { - "labelWidth": "80px", - "labelPosition": "top" - }, - "children": [ - { - "props": { - "label": "人员" - }, - "children": [ - { - "props": { - "modelValue": "", - "placeholder": "请输入" - }, - "componentName": "TinyInput" - } - ], - "componentName": "TinyFormItem" - }, - { - "props": { - "label": "密码" - }, - "children": [ - { - "props": { - "type": "password", - "modelValue": "", - "placeholder": "请输入" - }, - "componentName": "TinyInput" - } - ], - "componentName": "TinyFormItem" - }, - { - "props": { - "label": "" - }, - "children": [ - { - "props": { - "text": "提交", - "type": "primary", - "style": "margin-right: 10px" - }, - "componentName": "TinyButton" - }, - { - "props": { - "text": "重置", - "type": "primary" - }, - "componentName": "TinyButton" - } - ], - "componentName": "TinyFormItem" - } - ], - "componentName": "TinyForm" - }, - "screenshot": "", - "snippetName": "tiny-form" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "是否禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "label-width", - "label": { - "text": { - "zh_CN": "标签宽度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "表单中标签占位宽度,默认为 80px" - }, - "labelPosition": "left" - }, - { - "property": "inline", - "label": { - "text": { - "zh_CN": "行内布局" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "行内布局模式,默认为 false" - } - }, - { - "property": "label-align", - "label": { - "text": { - "zh_CN": "必填标识是否占位" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "必填标识 * 是否占位" - }, - "labelPosition": "left" - }, - { - "property": "label-suffix", - "label": { - "text": { - "zh_CN": "标签后缀" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "表单中标签后缀" - } - }, - { - "property": "label-position", - "label": { - "text": { - "zh_CN": "标签位置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "right", - "value": "right" - }, - { - "label": "left ", - "value": "left " - }, - { - "label": "top", - "value": "top" - } - ] - } - }, - "description": { - "zh_CN": "表单中标签的布局位置" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "校验属性" - }, - "content": [ - { - "property": "model", - "label": { - "text": { - "zh_CN": "表单校验对象" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表单数据对象" - }, - "labelPosition": "left" - }, - { - "property": "rules", - "label": { - "text": { - "zh_CN": "校验规则" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表单验证规则" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onValidate": { - "label": { - "zh_CN": "表单项被校验后触发" - }, - "description": { - "zh_CN": "表单项被校验后触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "function", - "type": "Function", - "defaultValue": "(valid) => {}", - "description": { - "zh_CN": "校验回调函数" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onInput": { - "label": { - "zh_CN": "输入值改变时触发" - }, - "description": { - "zh_CN": "在 Input 输入值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "输入框输入的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClear": { - "label": { - "zh_CN": "点击清空按钮时触发" - }, - "description": { - "zh_CN": "点击清空按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - } - }, - "slots": { - "default": { - "label": { - "zh_CN": "default" - }, - "description": { - "zh_CN": "默认插槽" - } - }, - "label": { - "label": { - "zh_CN": "label" - }, - "description": { - "zh_CN": "标签文本插槽" - } - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "TinyFormItem", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["label-width", "", "disabled"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-09T02:50:45.000Z", - "updated_at": "2023-05-16T07:13:14.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_12" - } - ], - "slots": [ - { - "slotName": "default", - "description": "默认插槽", - "_RID": "row_2" - }, - { - "slotName": "label", - "description": "标签文本插槽", - "_RID": "row_1" - } - ] - }, - "library": null - }, - { - "id": 31, - "version": "0.1.16", - "name": { - "zh_CN": "表格" - }, - "component": "TinyGrid", - "icon": "grid", - "description": "提供了非常强大数据表格功能,可以展示数据列表,可以对数据列表进行选择、编辑等", - "doc_url": null, - "screenshot": "null", - "tags": null, - "keywords": null, - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Grid", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "数据组件", - "priority": 2, - "snippets": [ - { - "icon": "grid", - "name": { - "zh_CN": "表格" - }, - "schema": { - "props": { - "data": [ - { - "id": "1", - "city": "福州", - "name": "GFD科技有限公司", - "boole": false, - "employees": 800, - "created_date": "2014-04-30 00:56:00" - }, - { - "id": "2", - "city": "深圳", - "name": "WWW科技有限公司", - "boole": true, - "employees": 300, - "created_date": "2016-07-08 12:36:22" - } - ], - "columns": [ - { - "type": "index", - "width": 60 - }, - { - "type": "selection", - "width": 60 - }, - { - "field": "employees", - "title": "员工数" - }, - { - "field": "created_date", - "title": "创建日期" - }, - { - "field": "city", - "title": "城市" - } - ], - "editConfig": { - "mode": "cell", - "trigger": "click", - "showStatus": true - } - }, - "componentName": "TinyGrid" - }, - "screenshot": "", - "snippetName": "tinyGrid" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础属性" - }, - "description": { - "zh_CN": "基础属性" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "data", - "label": { - "text": { - "zh_CN": "表格数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - }, - "onChange": "this.delProp('fetchData')", - "description": { - "zh_CN": "设置表格的数据" - } - }, - { - "property": "columns", - "label": { - "text": { - "zh_CN": "表格列" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "properties": [ - { - "label": { - "zh_CN": "默认分组" - }, - "content": [ - { - "property": "title", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "列标题" - } - }, - "widget": { - "component": "MetaBindI18n", - "props": {} - } - }, - { - "property": "field", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "列键值" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "sortable", - "type": "boolean", - "defaultValue": true, - "label": { - "text": { - "zh_CN": "是否排序" - } - }, - "widget": { - "component": "MetaSwitch", - "props": {} - } - }, - { - "property": "width", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "列宽" - } - }, - "widget": { - "component": "MetaNumber", - "props": {} - } - }, - { - "property": "formatText", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "内置渲染器" - } - }, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "整数", - "value": "integer" - }, - { - "label": "小数", - "value": "number" - }, - { - "label": "金额", - "value": "money" - }, - { - "label": "百分比", - "value": "rate" - }, - { - "label": "布尔", - "value": "boole" - }, - { - "label": "年月日", - "value": "date" - }, - { - "label": "年月日时分", - "value": "dateTime" - }, - { - "label": "时间", - "value": "time" - }, - { - "label": "省略", - "value": "ellipsis" - } - ] - } - } - }, - { - "property": "renderer", - "type": "object", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "渲染函数" - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "dataType": "JSFunction" - } - } - }, - { - "property": "slots", - "type": "object", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "插槽" - } - }, - "labelPosition": "none", - "widget": { - "component": "MetaJsSlot", - "props": { - "slots": ["header", "default"] - } - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "列类型" - } - }, - "required": true, - "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": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置表格列的筛选配置信息。默认值为 false 不配置筛选信息" - } - }, - { - "property": "showOverflow", - "label": { - "text": { - "zh_CN": "内容超出部分省略号配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "只显示省略号", - "value": "ellipsis" - }, - { - "label": "显示为原生 title", - "value": "title" - }, - { - "label": "显示为 tooltip 提示", - "value": "tooltip" - } - ], - "clearable": true - } - }, - "description": { - "zh_CN": "设置内置列的内容超出部分显示省略号配置,该属性的可选值为 ellipsis(只显示省略号)/ title(显示为原生 title)/ tooltip(显示为 tooltip 提示)" - }, - "labelPosition": "left" - } - ] - } - ], - "widget": { - "component": "MetaArrayItem", - "props": { - "type": "object", - "textField": "title", - "language": "json", - "buttonText": "编辑列配置", - "title": "编辑列配置", - "expand": true - } - }, - "description": { - "zh_CN": "表格列的配置信息" - }, - "labelPosition": "left" - }, - { - "property": "fetchData", - "label": { - "text": { - "zh_CN": "服务端数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "onChange": "this.delProp('data')", - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": { - "name": "fetchData" - } - }, - "description": { - "zh_CN": "服务端数据查询方法" - } - }, - { - "property": "pager", - "label": { - "text": { - "zh_CN": "分页配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "defaultValue": { - "attrs": { - "currentPage": 1 - } - }, - "widget": { - "component": "MetaCodeEditor", - "props": { - "name": "pager" - } - }, - "description": { - "zh_CN": "分页配置" - } - }, - { - "property": "resizable", - "label": { - "text": { - "zh_CN": "调整列宽" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否允许调整列宽" - }, - "labelPosition": "left" - }, - { - "property": "row-id", - "label": { - "text": { - "zh_CN": "行数据唯一标识的字段名" - } - }, - "required": false, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": { - "placeholder": "比如:id" - } - }, - "description": { - "zh_CN": "行数据唯一标识的字段名" - }, - "labelPosition": "left" - }, - { - "property": "select-config", - "label": { - "text": { - "zh_CN": "复选框配置" - } - }, - "required": false, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": { - "dataType": "JSExpression" - } - }, - "description": { - "zh_CN": "表格行数据复选框配置项" - }, - "labelPosition": "left" - }, - { - "property": "edit-rules", - "label": { - "text": { - "zh_CN": "校验规则" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表格校验规则配置项" - }, - "labelPosition": "left" - }, - { - "property": "edit-config", - "label": { - "text": { - "zh_CN": "编辑配置项" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "表格编辑配置项" - } - }, - { - "property": "expand-config", - "label": { - "text": { - "zh_CN": "复选框配置项" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "复选框配置项" - }, - "labelPosition": "left" - }, - { - "property": "sortable", - "label": { - "text": { - "zh_CN": "可排序" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否允许列数据排序。默认为 true 可排序" - }, - "labelPosition": "left" - }, - { - "property": "highlight-current-row", - "label": { - "text": { - "zh_CN": "highlight-current-row" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - } - } - ] - }, - { - "label": { - "zh_CN": "其他属性" - }, - "description": { - "zh_CN": "其他属性" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "auto-resize", - "label": { - "text": { - "zh_CN": "父元素响应式监听" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "父元素响应式监听(对于父元素可能存在动态变化的场景可能会用到)" - }, - "labelPosition": "left" - }, - { - "property": "border", - "label": { - "text": { - "zh_CN": "边框" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否带有纵向边框" - }, - "labelPosition": "left" - }, - { - "property": "seq-serial", - "label": { - "text": { - "zh_CN": "行号连续" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置行序号是否连续,开启分页时有效,该属性的默认值为 false" - }, - "labelPosition": "left" - }, - { - "property": "drop-config", - "label": { - "text": { - "zh_CN": "drop-config" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "highlight-hover-row", - "label": { - "text": { - "zh_CN": "hover 高亮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "鼠标移到行是否要高亮显示" - }, - "labelPosition": "left" - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "row-class-name", - "label": { - "text": { - "zh_CN": "hover 高亮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "给行附加 className,也可以是函数 Function({seq, row, rowIndex, $rowIndex})" - }, - "labelPosition": "left" - }, - { - "property": "max-height", - "label": { - "text": { - "zh_CN": "最大高度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置表格内容区域(不含表格头部,底部)的最大高度。" - }, - "labelPosition": "left" - }, - { - "property": "row-span", - "label": { - "text": { - "zh_CN": "行合并" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置行合并,该属性仅适用于普通表格,不可与 tree-config 同时使用" - }, - "labelPosition": "left" - } - ] - } - ], - "events": { - "onRow-drop-move": { - "label": { - "zh_CN": "行拖拽移动时" - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onRow-drop-start": { - "label": { - "zh_CN": "行拖拽开始" - }, - "description": { - "zh_CN": "行拖拽开始" - }, - "type": "event", - "functionInfo": { - "params": [""], - "returns": {} - } - }, - "onRow-drop-end": { - "label": { - "zh_CN": "行拖拽结束" - }, - "description": { - "zh_CN": "行拖拽结束" - }, - "type": "event", - "functionInfo": { - "params": [""], - "returns": {} - } - }, - "onSelect-change": { - "label": { - "zh_CN": "当手动勾选并且值发生改变时触发的事件" - }, - "description": { - "zh_CN": "只对 type=selection 有效,当手动勾选并且值发生改变时触发的事件;" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onSelect-all": { - "label": { - "zh_CN": "全选时触发的事件" - }, - "description": { - "zh_CN": "只对 type=selection 有效,当手动勾选全选时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onCurrent-change": { - "label": { - "zh_CN": "行选中事件" - }, - "description": { - "zh_CN": "行选中事件" - }, - "type": "event", - "functionInfo": { - "params": ["e"], - "returns": {} - } - } - } - }, - "configure": { - "loop": false, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["columns", "", "resizable"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue", - "invalidity": [""] - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T10:41:29.000Z", - "updated_at": "2023-03-16T02:01:43.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "row-drop-move", - "label": "行拖拽移动时", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_4" - }, - { - "eventName": "row-drop-start", - "label": "行拖拽开始", - "params": "", - "defaultValue": null, - "description": "行拖拽开始", - "_RID": "row_3" - }, - { - "eventName": "row-drop-end", - "label": "行拖拽结束", - "params": "", - "defaultValue": null, - "description": "行拖拽结束", - "_RID": "row_2" - }, - { - "eventName": "select-change", - "label": "当手动勾选并且值发生改变时触发的事件", - "params": null, - "defaultValue": null, - "description": "只对 type=selection 有效,当手动勾选并且值发生改变时触发的事件;", - "_RID": "row_2" - }, - { - "eventName": "select-all", - "label": "全选时触发的事件", - "params": null, - "defaultValue": null, - "description": "只对 type=selection 有效,当手动勾选全选时触发的事件", - "_RID": "row_1" - }, - { - "eventName": "current-change", - "label": "行选中事件", - "params": "e", - "defaultValue": null, - "description": "行选中事件", - "_RID": "row_4" - } - ], - "attrs": [ - { - "property": "highlight-current-row", - "type": "boolean", - "defaultValue": "false", - "enumerateValue": null, - "title": "是否需要高亮当前行", - "_RID": "row_3" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_18" - }, - { - "property": "drop-config", - "type": "object", - "defaultValue": "{}", - "enumerateValue": null, - "title": "拖拽配置", - "_RID": "row_1" - }, - { - "property": "drop-config", - "type": "object", - "defaultValue": "{}", - "enumerateValue": null, - "title": "拖拽配置", - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 175, - "version": "0.1.16", - "name": { - "zh_CN": "计数器" - }, - "component": "TinyNumeric", - "icon": "numeric", - "description": "用于输入数字,可自定义数值范围,步进大小。支持鼠标键盘增减", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Numeric", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "numeric", - "name": { - "zh_CN": "计数器" - }, - "schema": { - "props": {}, - "componentName": "TinyNumeric" - }, - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyNumeric" - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "mini", - "value": "mini" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "medium", - "value": "medium" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "mouse-wheel", - "label": { - "text": { - "zh_CN": "鼠标滚动滑轮是否改变数值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "circulate", - "label": { - "text": { - "zh_CN": "向上到达最大值后从最小值开始,或反过来" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "step", - "label": { - "text": { - "zh_CN": "步长" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "max", - "label": { - "text": { - "zh_CN": "最大数值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "min", - "label": { - "text": { - "zh_CN": "最小数值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "controls", - "label": { - "text": { - "zh_CN": "是否使用控制按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "controls-position", - "label": { - "text": { - "zh_CN": "控制按钮位置;该属性的可选值为 right" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "step-strictly", - "label": { - "text": { - "zh_CN": "是否只能输入 step 的倍数" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "name", - "label": { - "text": { - "zh_CN": "原生属性" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "label", - "label": { - "text": { - "zh_CN": "输入框关联的label文字" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "输入框内的提示占位文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "precision", - "label": { - "text": { - "zh_CN": "数值精度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "format", - "label": { - "text": { - "zh_CN": "数字格式化置项" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "allow-empty", - "label": { - "text": { - "zh_CN": "计数器内容可清空" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "计数器的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "number", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的计数值" - } - } - ], - "returns": {} - } - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点事件" - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onFocus": { - "label": { - "zh_CN": "获得焦点事件" - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onChange": { - "label": { - "zh_CN": "值变化事件" - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - } - }, - "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": ["value", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-10-25T03:02:56.000Z", - "updated_at": "2023-03-06T07:07:18.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "update:modelValue", - "label": "双向绑定的值改变时触发", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_2" - }, - { - "eventName": "blur", - "label": "失去焦点事件", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_11" - }, - { - "eventName": "focus", - "label": "获得焦点事件", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_10" - }, - { - "eventName": "change", - "label": "值变化事件", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_11" - } - ], - "attrs": [ - { - "property": "allow-empty", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_9" - }, - { - "property": "format", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_8" - }, - { - "property": "precision", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_7" - }, - { - "property": "placeholder", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_6" - }, - { - "property": "label", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_5" - }, - { - "property": "name", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_4" - }, - { - "property": "controls-position", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_3" - }, - { - "property": "controls", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "step-strictly", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "modelValue", - "type": "number", - "defaultValue": null, - "enumerateValue": null, - "title": "绑定值", - "_RID": "row_10" - }, - { - "property": "size", - "type": "array", - "defaultValue": "small", - "enumerateValue": "mini,small,medium", - "title": "尺寸", - "_RID": "row_9" - }, - { - "property": "disabled", - "type": "boolean", - "defaultValue": "false", - "enumerateValue": null, - "title": "禁用", - "_RID": "row_8" - }, - { - "property": "mouse-wheel", - "type": "boolean", - "defaultValue": "true", - "enumerateValue": null, - "title": "鼠标滚动", - "_RID": "row_6" - }, - { - "property": "circulate", - "type": "boolean", - "defaultValue": "false", - "enumerateValue": null, - "title": "数值循环", - "_RID": "row_5" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_2" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 49, - "version": "0.1.17", - "name": { - "zh_CN": "复选框按钮组" - }, - "component": "TinyCheckboxGroup", - "icon": "checkboxgroup", - "description": "用于配置不同场景的选项,提供用户可在一组选项中进行多选", - "doc_url": "", - "screenshot": "screenshot", - "tags": "", - "keywords": "复选框按钮组", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "CheckboxGroup", - "version": "0.1.17", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "checkboxs", - "name": { - "zh_CN": "复选框组" - }, - "schema": { - "props": { - "type": "checkbox", - "options": [ - { - "text": "复选框1", - "label": "name1" - }, - { - "text": "复选框2", - "label": "name2" - }, - { - "text": "复选框3", - "label": "name3" - } - ], - "modelValue": ["name1", "name2"] - }, - "componentName": "TinyCheckboxGroup" - }, - "screenshot": "", - "snippetName": "TinyCheckboxGroup" - }, - { - "icon": "checkboxgroup", - "name": { - "zh_CN": "复选框拖拽按钮组" - }, - "schema": { - "props": { - "modelValue": [] - }, - "children": [ - { - "children": [ - { - "componentName": "div" - } - ], - "componentName": "TinyCheckboxButton" - } - ], - "componentName": "TinyCheckboxGroup" - }, - "screenshot": "", - "snippetName": "TinyCheckboxbuttonGroup" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": { - "dataType": "Array" - } - }, - "description": { - "zh_CN": "双向绑定选中的选项值" - }, - "labelPosition": "left" - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "是否禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "options", - "label": { - "text": { - "zh_CN": "数据列表" - } - }, - "defaultValue": [ - { - "label": "标签2" - }, - { - "label": "标签2" - } - ], - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "checkbox组件列表" - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "类型" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "button", - "value": "button" - }, - { - "label": "checkbox", - "value": "checkbox" - } - ] - } - }, - "description": { - "zh_CN": "checkbox组件类型(button/checkbox),该属性的默认值为 checkbox,配合 options 属性一起使用" - }, - "labelPosition": "left" - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "勾选值改变后将触发" - }, - "description": { - "zh_CN": "勾选值改变后将触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "array", - "defaultValue": "", - "description": { - "zh_CN": "选中项的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "双向绑定选中的选项值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "array", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的选中选项值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["text", "size"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-06-18T03:09:20.000Z", - "updated_at": "2023-03-06T07:08:09.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": "pc,mobile", - "title": null, - "_RID": "row_45" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 32, - "version": "0.1.16", - "name": { - "zh_CN": "下拉框" - }, - "component": "TinySelect", - "icon": "select", - "description": "Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件", - "doc_url": "", - "screenshot": "selectScreenshot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Select", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "select", - "name": { - "zh_CN": "下拉框" - }, - "schema": { - "props": { - "options": [ - { - "label": "黄金糕", - "value": "1" - }, - { - "label": "双皮奶", - "value": "2" - } - ], - "modelValue": "", - "placeholder": "请选择" - }, - "componentName": "TinySelect" - }, - "screenshot": "", - "snippetName": "TinySelect" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定的当前选中值" - }, - "labelPosition": "left" - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "占位文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" - }, - { - "property": "clearable", - "label": { - "text": { - "zh_CN": "清除按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - }, - "labelPosition": "left" - }, - { - "property": "searchable", - "label": { - "text": { - "zh_CN": "下拉面板可搜索" - } - }, - "required": false, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "下拉面板是否可搜索" - }, - "labelPosition": "left" - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "是否禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "options", - "label": { - "text": { - "zh_CN": "下拉数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": { - "language": "json" - } - }, - "description": { - "zh_CN": "配置 Select 下拉数据项" - }, - "labelPosition": "left" - }, - { - "property": "multiple", - "label": { - "text": { - "zh_CN": "多选" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否允许输入框输入或选择多个项" - }, - "labelPosition": "left" - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ - { - "property": "multiple-limit", - "label": { - "text": { - "zh_CN": "最大可选值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "多选时用户最多可以选择的项目数,为 0 则不限制" - }, - "labelPosition": "left" - }, - { - "property": "popper-class", - "label": { - "text": { - "zh_CN": "下拉框的类名" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "设置下拉框自定义的类名" - }, - "labelPosition": "left" - }, - { - "property": "collapse-tags", - "label": { - "text": { - "zh_CN": "多选展示" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "多选时是否将选中值按文字的形式展示" - }, - "labelPosition": "left" - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "值改变时触发" - }, - "description": { - "zh_CN": "在下拉框值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "下拉框选中项的值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onBlur": { - "label": { - "zh_CN": "失去焦点时触发" - }, - "description": { - "zh_CN": "在 Input 失去焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onFocus": { - "label": { - "zh_CN": "获取焦点时触发" - }, - "description": { - "zh_CN": "在 Input 获取焦点时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "event", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "原生 event" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClear": { - "label": { - "zh_CN": "点击清空按钮时触发" - }, - "description": { - "zh_CN": "点击清空按钮时触发" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - }, - "onRemoveTag": { - "label": { - "zh_CN": "多选模式下移除tag时触发" - }, - "description": { - "zh_CN": "多选模式下移除tag时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "被移除Tag对应数据项的值字段" - } - } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": false, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["multiple", "", "options"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:44:05.000Z", - "updated_at": "2023-03-06T07:08:49.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "searchable", - "type": "boolean", - "defaultValue": "false", - "enumerateValue": null, - "title": "是否可搜索", - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": "", - "enumerateValue": null, - "title": null, - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 22, - "version": "0.1.16", - "name": { - "zh_CN": "按钮组" - }, - "component": "TinyButtonGroup", - "icon": "buttons", - "description": "以按钮组的方式出现,常用于多项类似操作", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/e4f27d446aef8318e4b4989f1f816b1e_220x220.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ButtonGroup", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "buttons", - "name": { - "zh_CN": "互斥按钮组" - }, - "schema": { - "props": { - "data": [ - { - "text": "Button1", - "value": "1" - }, - { - "text": "Button2", - "value": "2" - }, - { - "text": "Button3", - "value": "3" - } - ], - "modelValue": "1" - }, - "componentName": "TinyButtonGroup" - }, - "screenshot": "", - "snippetName": "TinyButtonGroup" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "data", - "label": { - "text": { - "zh_CN": "按钮组数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "组件大小" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "mini", - "value": "mini" - }, - { - "label": "small", - "value": "small" - }, - { - "label": "medium", - "value": "medium" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "plain", - "label": { - "text": { - "zh_CN": "是否是朴素按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "modelValue" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": { - "onUpdate:modelValue": { - "label": { - "zh_CN": "绑定值改变触发的事件" - }, - "description": { - "zh_CN": null - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - } - }, - "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": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T01:53:17.000Z", - "updated_at": "2023-03-10T06:30:58.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "update:modelValue", - "label": "绑定值改变触发的事件", - "params": null, - "defaultValue": null, - "description": null, - "_RID": "row_1" - } - ], - "attrs": [ - { - "property": "modelValue", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_16" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 51, - "version": "0.1.16", - "name": { - "zh_CN": "走马灯" - }, - "component": "TinyCarousel", - "icon": "carousel", - "description": "常用于一组图片或卡片轮播,当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。", - "doc_url": "", - "screenshot": "screenshoot", - "tags": "tiny-carousel", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Carousel", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "容器组件", - "priority": 2, - "snippets": [ - { - "icon": "carousel", - "name": { - "zh_CN": "走马灯" - }, - "schema": { - "props": { - "height": "180px" - }, - "children": [ - { - "children": [ - { - "props": { - "style": "margin:10px 0 0 30px" - }, - "componentName": "div" - } - ], - "componentName": "TinyCarouselItem" - }, - { - "children": [ - { - "props": { - "style": "margin:10px 0 0 30px" - }, - "componentName": "div" - } - ], - "componentName": "TinyCarouselItem" - } - ], - "componentName": "TinyCarousel" - }, - "screenshot": "", - "snippetName": "tiny-carousel" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 12, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "arrow", - "label": { - "text": { - "zh_CN": "切换箭头的显示时机" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "总是显示", - "value": "always" - }, - { - "label": "鼠标悬停时显示", - "value": "hover" - }, - { - "label": "从不显示", - "value": "never" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "autoplay", - "label": { - "text": { - "zh_CN": "是否自动切换" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "label": { - "text": { - "zh_CN": "走马灯的高度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "indicator-position", - "label": { - "text": { - "zh_CN": "指示器的位置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "outside", - "value": "outside" - }, - { - "label": "none", - "value": "none" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "initial-index", - "label": { - "text": { - "zh_CN": "初始状态激活的幻灯片的索引,从 0 开始 " - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "interval", - "label": { - "text": { - "zh_CN": "自动切换的时间间隔,单位为毫秒" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loop", - "label": { - "text": { - "zh_CN": "是否循环显示" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "show-title", - "label": { - "text": { - "zh_CN": "是否显示标题" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "trigger", - "label": { - "text": { - "zh_CN": "指示器的触发方式,默认为 hover" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "点击", - "value": "click" - }, - { - "label": "悬停", - "value": "hover" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "走马灯的类型" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "水平", - "value": "horizontal" - }, - { - "label": "垂直", - "value": "vertical" - }, - { - "label": "卡片", - "value": "card" - } - ] - } - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": true, - "isModal": false, - "nestingRule": { - "childWhitelist": "TinyCarouselItem", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["arrow"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": ["default"], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-06-23T12:01:18.000Z", - "updated_at": "2023-03-10T06:29:29.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_15" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 28, - "version": "0.1.16", - "name": { - "zh_CN": "弹出编辑" - }, - "component": "TinyPopeditor", - "icon": "popeditor", - "description": "该组件只能在弹出的面板中选择数据,不能手动输入数据;弹出面板中显示为 Tree 组件或者 Grid 组件", - "doc_url": "", - "screenshot": "null", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Popeditor", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "popeditor", - "name": { - "zh_CN": "弹出编辑" - }, - "schema": { - "props": { - "gridOp": { - "data": [ - { - "id": "1", - "city": "福州", - "name": "GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司GFD科技有限公司", - "province": "福建" - }, - { - "id": "2", - "city": "深圳", - "name": "WWW科技有限公司", - "province": "广东" - }, - { - "id": "3", - "city": "中山", - "name": "RFV有限责任公司", - "province": "广东" - }, - { - "id": "4", - "city": "龙岩", - "name": "TGB科技有限公司", - "province": "福建" - }, - { - "id": "5", - "city": "韶关", - "name": "YHN科技有限公司", - "province": "广东" - }, - { - "id": "6", - "city": "黄冈", - "name": "WSX科技有限公司", - "province": "武汉" - } - ], - "columns": [ - { - "field": "id", - "title": "ID", - "width": 40 - }, - { - "field": "name", - "title": "名称", - "showOverflow": "tooltip" - }, - { - "field": "province", - "title": "省份", - "width": 80 - }, - { - "field": "city", - "title": "城市", - "width": 80 - } - ] - }, - "modelValue": "", - "placeholder": "请选择" - }, - "componentName": "TinyPopeditor" - }, - "screenshot": "", - "snippetName": "TinyPopeditor" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "modelValue", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "双向绑定值" - }, - "labelPosition": "left" - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "占位文本" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "输入框占位文本" - }, - "labelPosition": "left" - }, - { - "property": "show-clear-btn", - "label": { - "text": { - "zh_CN": "清除按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否显示清除按钮" - }, - "labelPosition": "left" - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "是否禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ] - }, - { - "name": "1", - "label": { - "zh_CN": "其他" - }, - "content": [ - { - "property": "width", - "label": { - "text": { - "zh_CN": "宽度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "设置弹出面板的宽度(单位像素)" - }, - "labelPosition": "left" - }, - { - "property": "conditions", - "label": { - "text": { - "zh_CN": "过滤条件" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "当弹出面板配置的是表格时,设置弹出面板中的过滤条件" - }, - "labelPosition": "left" - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "grid-op", - "label": { - "text": { - "zh_CN": "表格配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置弹出面板中表格组件的配置信息" - }, - "labelPosition": "left" - }, - { - "property": "pager-op", - "label": { - "text": { - "zh_CN": "分页配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "设置弹出编辑框中分页配置" - }, - "labelPosition": "left" - }, - { - "property": "multi", - "label": { - "text": { - "zh_CN": "多选" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "设置弹出面板中的数据是否可多选" - }, - "labelPosition": "left" - }, - { - "property": "show-pager", - "label": { - "text": { - "zh_CN": "启用分页" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "当 popseletor 为 grid 时才能生效,配置为 true 后还需配置 pagerOp 属性" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onChange": { - "label": { - "zh_CN": "选中值改变时触发" - }, - "description": { - "zh_CN": "在 Input 值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "当前选中项的值" - } - }, - { - "name": "value", - "type": "Object", - "defaultValue": "", - "description": { - "zh_CN": "当前选中对象" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onUpdate:modelValue": { - "label": { - "zh_CN": "双向绑定的值改变时触发" - }, - "description": { - "zh_CN": "当前选中的值改变时触发" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "string", - "defaultValue": "", - "description": { - "zh_CN": "双向绑定的当前选中值" - } - } - ], - "returns": {} - }, - "defaultValue": "" - }, - "onClose": { - "label": { - "zh_CN": "弹框关闭时触发的事件" - }, - "description": { - "zh_CN": "弹框关闭时触发的事件" - }, - "type": "event", - "functionInfo": { - "params": [], - "returns": {} - }, - "defaultValue": "" - }, - "onPageChange": { - "label": { - "zh_CN": "分页切换事件" - }, - "description": { - "zh_CN": "表格模式下分页切换事件" - }, - "type": "event", - "functionInfo": { - "params": [ - { - "name": "value", - "type": "String", - "defaultValue": "", - "description": { - "zh_CN": "当前页码数" - } - } - ], - "returns": {} - }, - "defaultValue": "" - } - } - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": ["placeholder", "show-clear-btn"] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "slots": [], - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-05-19T02:34:37.000Z", - "updated_at": "2023-03-10T06:22:27.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_11" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 59, - "version": "0.1.16", - "name": { - "zh_CN": "日期选择器" - }, - "component": "TinyDatePicker", - "icon": "datepicker", - "description": "用于设置/选择日期,包括年月/年月日/年月日时分/年月日时分秒日期格式。", - "doc_url": "", - "screenshot": "screenshoot", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "DatePicker", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "表单组件", - "priority": 2, - "snippets": [ - { - "icon": "datepick", - "name": { - "zh_CN": "日期选择器" - }, - "schema": { - "props": { - "modelValue": "", - "placeholder": "请选择日期" - }, - "componentName": "TinyDatePicker" - }, - "screenshot": "", - "snippetName": "tiny-date-picker" - } - ], - "schema_fragment": { - "properties": [ - { - "label": { - "zh_CN": "基础信息" - }, - "description": { - "zh_CN": "基础信息" - }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, - "content": [ - { - "property": "align", - "label": { - "text": { - "zh_CN": "对齐方式" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "左对齐", - "value": "left" - }, - { - "label": "居中对齐", - "value": "center" - }, - { - "label": "右对齐", - "value": "right" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "clear-icon", - "label": { - "text": { - "zh_CN": "自定义清空图标的类名" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "clearable", - "label": { - "text": { - "zh_CN": "是否显示清除按钮" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "tiny_mode", - "label": { - "text": { - "zh_CN": "tiny_mode" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "pc", - "value": "pc" - }, - { - "label": "mobile", - "value": "mobile" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "default-time", - "label": { - "text": { - "zh_CN": "范围选择时选中日期所使用的当日内具体时刻,可选值为 支持的日期格式" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "default-value", - "label": { - "text": { - "zh_CN": "可选,选择器打开时默认显示的时间,可选值为 可被new Date()解析" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "禁用" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "editable", - "label": { - "text": { - "zh_CN": "文本框可输入" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "end-placeholder", - "label": { - "text": { - "zh_CN": "范围选择时结束日期的占位内容" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "format", - "label": { - "text": { - "zh_CN": "显示在输入框中的格式" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "isutc8", - "label": { - "text": { - "zh_CN": "默认值为 false ,设置为 true 时切换系统默认时区,时间依然显示为东八区时间。适用场景为海外地区显示东八区时间" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "name", - "label": { - "text": { - "zh_CN": "原生属性" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "picker-options", - "label": { - "text": { - "zh_CN": "当前时间日期选择器特有的选项参考下表" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "placeholder", - "label": { - "text": { - "zh_CN": "非范围选择时的占位内容" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "popper-append-to-body", - "label": { - "text": { - "zh_CN": "是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false (可参考 select 组件)" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "popper-class", - "label": { - "text": { - "zh_CN": "为 popper 添加类名(可参考 popover 组件)" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "range-separator", - "label": { - "text": { - "zh_CN": "选择范围时的分隔符" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "readonly", - "label": { - "text": { - "zh_CN": "设置日历组件是否只读" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "输入框尺寸" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "中等尺寸", - "value": "medium" - }, - { - "label": "较小尺寸", - "value": "small" - }, - { - "label": "迷你尺寸", - "value": "mini" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "start-placeholder", - "label": { - "text": { - "zh_CN": "范围选择时开始日期的占位内容" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "suffix-icon ", - "label": { - "text": { - "zh_CN": "自定义后置图标的类名,prefix-icon 自 AUI 3.8.0 版本将替换为 suffix-icon " - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "time-arrow-control", - "label": { - "text": { - "zh_CN": "通过箭头按钮控制时间选择,当 type 为 datetime、datetimerange 时使用,默认为 通过鼠标滚轮滚动选择时间" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "type", - "label": { - "text": { - "zh_CN": "显示类型" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "年", - "value": "year" - }, - { - "label": "月", - "value": "month" - }, - { - "label": "多个日期", - "value": "dates" - }, - { - "label": "周", - "value": "week" - }, - { - "label": "日期范围", - "value": "daterange" - }, - { - "label": "日期", - "value": "date" - }, - { - "label": "日期时间", - "value": "datetime" - }, - { - "label": "日期时间范围", - "value": "datetimerange" - }, - { - "label": "月范围", - "value": "monthrange" - } - ] - } - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "unlink-panels", - "label": { - "text": { - "zh_CN": "在范围选择器里取消两个日期面板之间的联动" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "validate-event", - "label": { - "text": { - "zh_CN": "设置日期选择器在输入时是否会触发表单校验" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "value", - "label": { - "text": { - "zh_CN": "绑定值" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "value-format", - "label": { - "text": { - "zh_CN": "指定绑定值的格式。不指定则绑定值为 Date 对象" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ] - } - ], - "events": {} - }, - "configure": { - "loop": true, - "condition": true, - "styles": true, - "isContainer": false, - "isModal": false, - "nestingRule": { - "childWhitelist": "", - "parentWhitelist": "", - "descendantBlacklist": "", - "ancestorWhitelist": "" - }, - "isNullNode": false, - "isLayout": false, - "rootSelector": "", - "shortcuts": { - "properties": [""] - }, - "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-06-28T01:54:39.000Z", - "updated_at": "2023-03-10T06:21:52.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": true, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_13" - } - ], - "slots": [] - }, - "library": null - }, - { - "id": 180, - "version": "0.1.16", - "name": { - "zh_CN": "下拉菜单" - }, - "component": "TinyDropdown", - "icon": "dropdown", - "description": "Dropdown 下拉菜单", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "Dropdown", - "version": "0.1.20", - "destructuring": true - }, - "group": "component", - "category": "导航组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "下拉菜单" - }, - "icon": "dropdown", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyDropdown", - "schema": { - "componentName": "TinyDropdown", - "props": { - "trigger": "hover", - "title": "下拉菜单", - "menuOptions": { - "options": [ - { - "label": "老友粉", - "disabled": true - }, - { - "label": "狮子头", - "divided": true - }, - { - "label": "黄金糕", - "divided": true - } - ] - } - } - } - } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "title", - "label": { - "text": { - "zh_CN": "触发源名称" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "不使用默认插槽时,title属性可以配置菜单标题" - }, - "type": "string" - }, - { - "property": "menuOptions", - "label": { - "text": { - "zh_CN": "菜单子项" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "配置式配置 DropdownMenu 属性 {\"options\":[],\"textField\":\"label\",\"popper-class\":\"\",\"placement\":\"bottom-end\"}\t" - }, - "type": "object" - }, - { - "property": "trigger", - "label": { - "text": { - "zh_CN": "触发下拉的行为" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSelect", - "props": { - "options": [ - { - "label": "hover", - "value": "hover" - }, - { - "label": "click", - "value": "click" - } - ] - } - }, - "description": { - "zh_CN": "触发下拉的行为。可选值(hover, click),默认值:hover" - }, - "type": "string", - "properties": [ - { - "label": { - "zh_CN": "默认分组" - }, - "content": [ - { - "property": "title", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "customProperty" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "id", - "type": "string", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "customProperty" - } - }, - "widget": { - "component": "MetaInput", - "props": {} - } - }, - { - "property": "field", - "type": "array", - "defaultValue": "", - "label": { - "text": { - "zh_CN": "customProperty" - } - }, - "widget": { - "component": "MetaSelect", - "props": {} - } - } - ] - } - ], - "labelPosition": "left" - }, - { - "property": "hide-timeout", - "label": { - "text": { - "zh_CN": "收起下拉菜单的延时" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "收起下拉菜单的延时(仅在 trigger 为 hover 时有效)。默认:150 毫秒" - }, - "type": "number" - }, - { - "property": "show-timeout", - "label": { - "text": { - "zh_CN": "展开下拉菜单的延时" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaNumeric", - "props": {} - }, - "description": { - "zh_CN": "展开下拉菜单的延时(仅在 trigger 为 hover 时有效)。默认:250 毫秒" - }, - "type": "number" - }, - { - "property": "hide-on-click", - "label": { - "text": { - "zh_CN": "点击菜单项后隐藏菜单" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否在点击菜单项后隐藏菜单。默认为 true。" - }, - "type": "boolean" - }, - { - "property": "size", - "label": { - "text": { - "zh_CN": "size" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "string", - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "菜单尺寸,在split-button为 true 的情况下也对触发按钮生效。可选值(medium / small / mini)" - } - }, - { - "property": "disabled", - "label": { - "text": { - "zh_CN": "disabled" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "labelPosition": "left", - "type": "boolean", - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "是否禁用。默认值:false" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": { - "onVisible-change": { - "label": { - "zh_CN": "下拉框出现/隐藏时触发" - }, - "description": { - "zh_CN": "下拉框出现/隐藏时触发" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onButton-click": { - "label": { - "zh_CN": "点击左侧按钮的回调" - }, - "description": { - "zh_CN": "点击左侧按钮的回调" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - }, - "onItem-click": { - "label": { - "zh_CN": "点击菜单项触发的事件回调" - }, - "description": { - "zh_CN": "点击菜单项触发的事件回调" - }, - "type": "event", - "functionInfo": { - "params": [null], - "returns": {} - } - } - }, - "slots": { - "dropdown": { - "label": { - "zh_CN": "dropdown" - }, - "description": { - "zh_CN": "下拉列表,通常是 组件。" - } - }, - "default": { - "label": { - "zh_CN": "default" - }, - "description": { - "zh_CN": "触发下拉列表显示的元素。 注意: 必须是一个元素或者或者组件。" - } - } } }, "configure": { @@ -30347,7 +28751,7 @@ "styles": true, "isContainer": true, "isModal": false, - "isPopper": false, + "isPopper": true, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", @@ -30358,493 +28762,13 @@ "isLayout": false, "rootSelector": "", "shortcuts": { - "properties": ["size", "trigger"] + "properties": ["visible", "width"] }, "contextMenu": { - "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], - "disable": [] - }, - "invalidity": [""], - "clickCapture": true, - "framework": "Vue" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-09T03:20:31.000Z", - "updated_at": "2023-05-05T08:35:46.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": false, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [ - { - "eventName": "visible-change", - "label": "下拉框出现/隐藏时触发", - "params": null, - "defaultValue": null, - "description": "下拉框出现/隐藏时触发", - "_RID": "row_8" - }, - { - "eventName": "button-click", - "label": "点击左侧按钮的回调", - "params": null, - "defaultValue": null, - "description": "点击左侧按钮的回调", - "_RID": "row_7" - }, - { - "eventName": "item-click", - "label": "点击菜单项触发的事件回调", - "params": null, - "defaultValue": null, - "description": "点击菜单项触发的事件回调", - "_RID": "row_6" - } - ], - "attrs": [ - { - "property": "menuOptions", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "title", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "size", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "菜单尺寸", - "_RID": "row_4" - }, - { - "property": "trigger", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "触发下拉的行为", - "_RID": "row_3" - }, - { - "property": "trigger", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "触发下拉的行为", - "_RID": "row_3" - }, - { - "property": "trigger", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": "触发下拉的行为", - "_RID": "row_3" - }, - { - "property": "tiny_mode", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_12" - }, - { - "property": "disabled", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_16" - } - ], - "slots": [ - { - "slotName": "dropdown", - "description": "下拉列表,通常是 组件。", - "_RID": "row_15" - }, - { - "slotName": "default", - "description": "触发下拉列表显示的元素。 注意: 必须是一个元素或者或者组件。", - "_RID": "row_14" - } - ] - }, - "library": null - }, - { - "id": 184, - "version": "0.1.16", - "name": { - "zh_CN": "柱状图" - }, - "component": "TinyChartHistogram", - "icon": "histogram ", - "description": "基于 eCharts 封装的柱状图", - "doc_url": "", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "tags": "", - "keywords": "", - "dev_mode": "proCode", - "npm": { - "package": "@opentiny/vue", - "exportName": "ChartHistogram", - "version": "0.1.16", - "destructuring": true - }, - "group": "component", - "category": "图表组件", - "priority": 2, - "snippets": [ - { - "name": { - "zh_CN": "柱状图" - }, - "icon": "histogram ", - "screenshot": "http://localhost:9090/assets/images/logo.png", - "snippetName": "TinyChartHistogram", - "schema": { - "componentName": "TinyChartHistogram", - "props": { - "data": { - "columns": ["日期", "访问用户", "下单用户", "下单率"], - "rows": [ - { - "日期": "1/1", - "访问用户": 1393, - "下单用户": 1093, - "下单率": 0.32 - }, - { - "日期": "1/2", - "访问用户": 3530, - "下单用户": 3230, - "下单率": 0.26 - }, - { - "日期": "1/3", - "访问用户": 2923, - "下单用户": 2623, - "下单率": 0.76 - }, - { - "日期": "1/4", - "访问用户": 1723, - "下单用户": 1423, - "下单率": 0.49 - }, - { - "日期": "1/5", - "访问用户": 3792, - "下单用户": 3492, - "下单率": 0.323 - }, - { - "日期": "1/6", - "访问用户": 4593, - "下单用户": 4293, - "下单率": 0.78 - } - ] - } - } - } + "actions": ["create symbol"], + "disable": ["copy", "remove"] } - ], - "schema_fragment": { - "properties": [ - { - "name": "0", - "label": { - "zh_CN": "基础信息" - }, - "content": [ - { - "property": "data", - "label": { - "text": { - "zh_CN": "图表数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "settings", - "label": { - "text": { - "zh_CN": "图表配置" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "extend", - "label": { - "text": { - "zh_CN": "图表扩展配置,参考eChart" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "height", - "label": { - "text": { - "zh_CN": "图表容器的高度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "width", - "label": { - "text": { - "zh_CN": "图表容器的宽度" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaInput", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "events", - "label": { - "text": { - "zh_CN": "事件绑定" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaCodeEditor", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "loading", - "label": { - "text": { - "zh_CN": "显示loading" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - }, - { - "property": "data-empty", - "label": { - "text": { - "zh_CN": "暂无数据" - } - }, - "required": true, - "readOnly": false, - "disabled": false, - "cols": 12, - "widget": { - "component": "MetaSwitch", - "props": {} - }, - "description": { - "zh_CN": "" - } - } - ], - "description": { - "zh_CN": "" - } - } - ], - "events": [] - }, - "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" - }, - "createdBy": 169, - "updatedBy": 169, - "created_by": null, - "updated_by": null, - "created_at": "2022-11-11T03:25:54.000Z", - "updated_at": "2022-11-12T08:18:30.000Z", - "public": 1, - "framework": "Vue", - "isOfficial": true, - "isDefault": false, - "tiny_reserved": true, - "tenant": null, - "component_metadata": { - "events": [], - "attrs": [ - { - "property": "data-empty", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_6" - }, - { - "property": "loading", - "type": "boolean", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_5" - }, - { - "property": "events", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_4" - }, - { - "property": "extend", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_3" - }, - { - "property": "height", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "width", - "type": "string", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - }, - { - "property": "settings", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_2" - }, - { - "property": "data", - "type": "object", - "defaultValue": null, - "enumerateValue": null, - "title": null, - "_RID": "row_1" - } - ], - "slots": [] - }, - "library": null + } } ] }, diff --git a/mockServer/src/services/schema2code.js b/mockServer/src/services/schema2code.js index 5cec6b3..9b27000 100644 --- a/mockServer/src/services/schema2code.js +++ b/mockServer/src/services/schema2code.js @@ -84,7 +84,7 @@ export default class Schema2CodeServcice { return components.map((component) => { const { component: componentName, - npm: { package: packageName, exportName, version, destructuring } + npm: { package: packageName, exportName, version, destructuring } = {} } = component return { componentName, diff --git a/packages/common/component/MetaTableColumns.vue b/packages/common/component/MetaTableColumns.vue new file mode 100644 index 0000000..502335e --- /dev/null +++ b/packages/common/component/MetaTableColumns.vue @@ -0,0 +1,33 @@ + + + diff --git a/packages/common/index.js b/packages/common/index.js index 83d32b5..8582ac8 100644 --- a/packages/common/index.js +++ b/packages/common/index.js @@ -1,14 +1,14 @@ /** -* Copyright (c) 2023 - present TinyEngine Authors. -* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd. -* -* Use of this source code is governed by an MIT-style license. -* -* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, -* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR -* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. -* -*/ + * Copyright (c) 2023 - present TinyEngine Authors. + * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd. + * + * Use of this source code is governed by an MIT-style license. + * + * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, + * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR + * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. + * + */ import PluginSetting from './component/PluginSetting.vue' import PluginPanel from './component/PluginPanel.vue' @@ -77,6 +77,7 @@ import MetaRelatedColumns from './component/MetaRelatedColumns.vue' import BlockDeployDialog from './component/BlockDeployDialog.vue' import ProgressBar from './component/ProgressBar.vue' import MetaButtonGroup from './component/MetaButtonGroup.vue' +import MetaTableColumns from './component/MetaTableColumns.vue' import i18n, { i18nKeyMaps } from './js/i18n.js' @@ -128,8 +129,8 @@ export const MetaComponents = { MetaCheckboxGroup, MetaIpSection, MetaRelatedEditor, - MetaRelatedColumns - + MetaRelatedColumns, + MetaTableColumns } export { @@ -188,5 +189,6 @@ export { SaveNewBlock, BindI18n, BlockDeployDialog, - ProgressBar + ProgressBar, + MetaTableColumns } diff --git a/packages/design-core/public/mock/bundle.json b/packages/design-core/public/mock/bundle.json index 9174554..1b79e42 100644 --- a/packages/design-core/public/mock/bundle.json +++ b/packages/design-core/public/mock/bundle.json @@ -3,6 +3,2718 @@ "framework": "Vue", "materials": { "components": [ + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "输入框" + }, + "component": "ElInput", + "icon": "input", + "description": "通过鼠标或键盘输入字符", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElInput" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["type", "size"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "modelValue", + "label": { + "text": { + "zh_CN": "modelValue" + } + }, + "description": { + "zh_CN": "绑定值" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "placeholder", + "label": { + "text": { + "zh_CN": "placeholder" + } + }, + "description": { + "zh_CN": "输入框占位文本" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaBindI18n", + "props": {} + }, + "device": [] + }, + { + "property": "maxlength", + "label": { + "text": { + "zh_CN": "maxlength" + } + }, + "description": { + "zh_CN": "最大输入长度" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "number", + "widget": { + "component": "MetaNumberic", + "props": {} + }, + "device": [] + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onUpdate:modelValue": { + "label": { + "zh_CN": "双向绑定值改变时触发" + }, + "description": { + "zh_CN": "双向绑定值改变时触发" + } + }, + "onBlur": { + "label": { + "zh_CN": "输入框失去焦点时触发" + }, + "description": { + "zh_CN": "输入框失去焦点时触发" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生 event" + } + } + ], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": { + "prefix": { + "label": { + "zh_CN": "头部内容" + }, + "description": { + "zh_CN": "输入框头部内容,只对非 type='textarea' 有效" + } + }, + "suffix": { + "label": { + "zh_CN": "尾部内容" + }, + "description": { + "zh_CN": "输入框尾部内容,只对非 type='textarea' 有效" + } + }, + "prepend": { + "label": { + "zh_CN": "前置内容" + }, + "description": { + "zh_CN": "输入框前置内容,只对非 type='textarea' 有效" + } + }, + "append": { + "label": { + "zh_CN": "后置内容" + }, + "description": { + "zh_CN": "输入框后置内容,只对非 type='textarea' 有效" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "按钮" + }, + "component": "ElButton", + "icon": "button", + "description": "常用的操作按钮", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElButton" + }, + "group": "基础组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["type", "size"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "type", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "zh_CN": "类型" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "plain", + "label": { + "text": { + "zh_CN": "plain" + } + }, + "description": { + "zh_CN": "是否为朴素按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "text", + "label": { + "text": { + "zh_CN": "text" + } + }, + "description": { + "zh_CN": "是否为文字按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "bg", + "label": { + "text": { + "zh_CN": "bg" + } + }, + "description": { + "zh_CN": "是否显示文字按钮背景颜色" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "link", + "label": { + "text": { + "zh_CN": "link" + } + }, + "description": { + "zh_CN": "是否为链接按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "round", + "label": { + "text": { + "zh_CN": "round" + } + }, + "description": { + "zh_CN": "是否为圆角按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "circle", + "label": { + "text": { + "zh_CN": "circle" + } + }, + "description": { + "zh_CN": "是否为圆形按钮" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "loading", + "label": { + "text": { + "zh_CN": "loading" + } + }, + "description": { + "zh_CN": "是否为加载中状态" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": { + "default": { + "label": { + "zh_CN": "default" + }, + "description": { + "zh_CN": "自定义默认内容" + } + }, + "loading": { + "label": { + "zh_CN": "loading" + }, + "description": { + "zh_CN": "自定义加载中组件" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElForm", + "icon": "form", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单,您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElForm" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": ["ElFormItem"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "model", + "label": { + "text": { + "zh_CN": "model" + } + }, + "description": { + "zh_CN": "表单数据对象" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } + }, + "description": { + "zh_CN": "表单验证规则" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "inline", + "label": { + "text": { + "zh_CN": "inline" + } + }, + "description": { + "zh_CN": "行内表单模式" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "label-position", + "label": { + "text": { + "zh_CN": "label-position" + } + }, + "description": { + "zh_CN": "表单域标签的位置, 当设置为 left 或 right 时,则也需要设置 label-width 属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "right", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + }, + { + "label": "top", + "value": "top" + } + ] + } + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } + }, + "description": { + "zh_CN": "标签的长度,例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "label-suffix", + "label": { + "text": { + "zh_CN": "label-suffix" + } + }, + "description": { + "zh_CN": "表单域标签的后缀" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "hide-required-asterisk", + "label": { + "text": { + "zh_CN": "hide-required-asterisk" + } + }, + "description": { + "zh_CN": "是否隐藏必填字段标签旁边的红色星号" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "require-asterisk-position", + "label": { + "text": { + "zh_CN": "星号的位置" + } + }, + "description": { + "zh_CN": "星号的位置" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "left", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "show-message", + "label": { + "text": { + "zh_CN": "show-message" + } + }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "inline-message", + "label": { + "text": { + "zh_CN": "inline-message" + } + }, + "description": { + "zh_CN": "是否以行内形式展示校验信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "status-icon", + "label": { + "text": { + "zh_CN": "status-icon" + } + }, + "description": { + "zh_CN": "是否在输入框中显示校验结果反馈图标" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "validate-on-rule-change", + "label": { + "text": { + "zh_CN": "validate-on-rule-change" + } + }, + "description": { + "zh_CN": "是否在 rules 属性改变后立即触发一次验证" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "disabled", + "label": { + "text": { + "zh_CN": "disabled" + } + }, + "description": { + "zh_CN": "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + }, + { + "property": "scroll-to-error", + "label": { + "text": { + "zh_CN": "scroll-to-error" + } + }, + "description": { + "zh_CN": "当校验失败时,滚动到第一个错误表单项" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + }, + "device": [] + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onValidate": { + "label": { + "zh_CN": "任一表单项被校验后触发" + }, + "description": { + "zh_CN": "任一表单项被校验后触发" + }, + "type": "event", + "functionInfo": { + "params": [], + "returns": {} + }, + "defaultValue": "" + } + }, + "slots": {} + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单子项" + }, + "component": "ElFormItem", + "icon": "formItem", + "description": "表单包含 输入框, 单选框, 下拉选择, 多选框 等用户输入的组件。 使用表单,您可以收集、验证和提交数据。", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElFormItem" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "prop", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "zh_CN": "model 的键名。 它可以是一个属性的值(如 a.b.0 或 [a', 'b', '0'])。 在定义了 validate、resetFields 的方法时,该属性是必填的" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "zh_CN": "标签文本" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label-width", + "label": { + "text": { + "zh_CN": "label-width" + } + }, + "description": { + "zh_CN": "标签宽度,例如 '50px'。 可以使用 auto" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "required", + "label": { + "text": { + "zh_CN": "required" + } + }, + "description": { + "zh_CN": "是否为必填项,如不设置,则会根据校验规则确认" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "rules", + "label": { + "text": { + "zh_CN": "rules" + } + }, + "description": { + "zh_CN": "表单验证规则, 更多内容可以参考async-validator" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "object", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "error", + "label": { + "text": { + "zh_CN": "error" + } + }, + "description": { + "zh_CN": "表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 error,并显示该错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "show-message", + "label": { + "text": { + "zh_CN": "show-message" + } + }, + "description": { + "zh_CN": "是否显示校验错误信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "inline-message", + "label": { + "text": { + "zh_CN": "inline-message" + } + }, + "description": { + "zh_CN": "是否在行内显示校验信息" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "用于控制该表单内组件的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "for", + "label": { + "text": { + "zh_CN": "for" + } + }, + "description": { + "zh_CN": "和原生标签相同能力" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "validate-status", + "label": { + "text": { + "zh_CN": "validate-status" + } + }, + "description": { + "zh_CN": "formItem 校验的状态" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "error", + "value": "error" + }, + { + "label": "validating", + "value": "validating" + }, + { + "label": "success", + "value": "success" + } + ] + } + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": { + "label": { + "label": { + "zh_CN": "label" + }, + "description": { + "zh_CN": "标签位置显示的内容" + } + }, + "error": { + "label": { + "zh_CN": "error" + }, + "description": { + "zh_CN": "验证错误信息的显示内容" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElTable", + "icon": "table", + "description": "用于展示多条结构类似的数据, 可对数据进行排序、筛选、对比或其他自定义操作", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTable" + }, + "group": "数据展示", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": ["ElTableColumn"], + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [ + { + "property": "data", + "label": { + "text": { + "zh_CN": "data" + } + }, + "description": { + "zh_CN": "显示的数据" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "array", + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "columns", + "label": { + "text": { + "zh_CN": "表格列" + } + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "properties": [ + { + "label": { + "zh_CN": "默认分组" + }, + "content": [ + { + "property": "type", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "type" + } + }, + "description": { + "text": { + "zh_CN": "对应列的类型。 如果设置了selection则显示多选框; 如果设置了 index 则显示该行的索引(从 1 开始计算); 如果设置了 expand 则显示为一个可展开的按钮" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "selection", + "value": "selection" + }, + { + "label": "index", + "value": "index" + }, + { + "label": "expand", + "value": "expand" + } + ] + } + } + }, + { + "property": "index", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "index" + } + }, + "description": { + "text": { + "zh_CN": "如果设置了 type=index,可以通过传递 index 属性来自定义索引" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "label", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "label" + } + }, + "description": { + "text": { + "zh_CN": "显示的标题" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "column-key", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "column-key" + } + }, + "description": { + "text": { + "zh_CN": "column 的 key, column 的 key, 如果需要使用 filter-change 事件,则需要此属性标识是哪个 column 的筛选条件" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "prop", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "prop" + } + }, + "description": { + "text": { + "zh_CN": "字段名称 对应列内容的字段名, 也可以使用 property属性" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "width", + "type": "number", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "width" + } + }, + "description": { + "text": { + "zh_CN": "对应列的宽度" + } + }, + "widget": { + "component": "MetaNumberic", + "props": {} + } + }, + { + "property": "min-width", + "type": "number", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "min-width" + } + }, + "description": { + "text": { + "zh_CN": "对应列的最小宽度, 对应列的最小宽度, 与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列" + } + }, + "widget": { + "component": "MetaNumberic", + "props": {} + } + }, + { + "property": "fixed", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "fixed" + } + }, + "description": { + "text": { + "zh_CN": "列是否固定在左侧或者右侧。 true 表示固定在左侧" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "sortable", + "type": "boolean", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sortable" + } + }, + "description": { + "text": { + "zh_CN": "对应列是否可以排序" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "sort-method", + "type": "function", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-method" + } + }, + "description": { + "text": { + "zh_CN": "指定数据按照哪个属性进行排序,仅当sortable设置为true的时候有效。 应该如同 Array.sort 那样返回一个 Number" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "sort-by", + "type": "array", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-by" + } + }, + "description": { + "text": { + "zh_CN": "指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "sort-orders", + "type": "array", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "sort-orders" + } + }, + "description": { + "text": { + "zh_CN": "数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。 需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "resizable", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "resizable" + } + }, + "description": { + "text": { + "zh_CN": "对应列是否可以通过拖动改变宽度(需要在 el-table 上设置 border 属性为真)" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "formatter", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "formatter" + } + }, + "description": { + "text": { + "zh_CN": "用来格式化内容" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "show-overflow-tooltip", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "show-overflow-tooltip" + } + }, + "description": { + "text": { + "zh_CN": "当内容过长被隐藏时显示 tooltip" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "align", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "align" + } + }, + "description": { + "text": { + "zh_CN": "对齐方式" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "center", + "value": "center" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "header-align", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "header-align" + } + }, + "description": { + "text": { + "zh_CN": "表头对齐方式, 若不设置该项,则使用表格的对齐方式" + } + }, + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "left", + "value": "left" + }, + { + "label": "center", + "value": "center" + }, + { + "label": "right", + "value": "right" + } + ] + } + } + }, + { + "property": "class-name", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "class-name" + } + }, + "description": { + "text": { + "zh_CN": "列的 className" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "label-class-name", + "type": "string", + "labelPosition": "top", + "defaultValue": "left", + "label": { + "text": { + "zh_CN": "label-class-name" + } + }, + "description": { + "text": { + "zh_CN": "当前列标题的自定义类名" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "selectable", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "selectable" + } + }, + "description": { + "text": { + "zh_CN": "仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "reserve-selection", + "type": "boolean", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "reserve-selection" + } + }, + "description": { + "text": { + "zh_CN": "数据刷新后是否保留选项,仅对 type=selection 的列有效, 请注意, 需指定 row-key 来让这个功能生效。" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "filters", + "type": "array", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filters" + } + }, + "description": { + "text": { + "zh_CN": "数据刷新后是否保留选项,仅对 type=selection 的列有效, 请注意, 需指定 row-key 来让这个功能生效。" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + }, + { + "property": "filter-placement", + "type": "string", + "labelPosition": "top", + "label": { + "text": { + "zh_CN": "filter-placement" + } + }, + "description": { + "text": { + "zh_CN": "过滤弹出框的定位" + } + }, + "widget": { + "component": "MetaInput", + "props": {} + } + }, + { + "property": "filter-multiple", + "type": "string", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filter-multiple" + } + }, + "description": { + "text": { + "zh_CN": "数据过滤的选项是否多选" + } + }, + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "filter-method", + "type": "function", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filter-method" + } + }, + "description": { + "text": { + "zh_CN": "数据过滤使用的方法, 如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": {} + } + }, + { + "property": "filtered-value", + "type": "array", + "labelPosition": "top", + "defaultValue": true, + "label": { + "text": { + "zh_CN": "filtered-value" + } + }, + "description": { + "text": { + "zh_CN": "选中的数据过滤项,如果需要自定义表头过滤的渲染方式,可能会需要此属性" + } + }, + "widget": { + "component": "MetaCodeEditor", + "props": { + "language": "json" + } + } + } + ] + } + ], + "widget": { + "component": "MetaTableColumns", + "props": { + "type": "object", + "textField": "label", + "language": "json", + "buttonText": "编辑列配置", + "title": "编辑列配置", + "expand": true + } + }, + "description": { + "zh_CN": "表格列的配置信息" + }, + "labelPosition": "top" + }, + { + "property": "max-height", + "label": { + "text": { + "zh_CN": "max-height" + } + }, + "description": { + "zh_CN": "Table 的最大高度。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "number", + "widget": { + "component": "MetaNumberic", + "props": {} + }, + "device": [] + }, + { + "property": "height", + "label": { + "text": { + "zh_CN": "height" + } + }, + "description": { + "zh_CN": "Table 的高度, 默认为自动高度。 这个高度会设置为 Table 的 style.height 的值,Table 的高度会受控于外部样式。" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "stripe", + "label": { + "text": { + "zh_CN": "stripe" + } + }, + "description": { + "zh_CN": "是否为斑马纹 table" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "border", + "label": { + "text": { + "zh_CN": "border" + } + }, + "description": { + "zh_CN": "是否带有纵向边框" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "size", + "label": { + "text": { + "zh_CN": "size" + } + }, + "description": { + "zh_CN": "Table 的尺寸" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "defaultValue": "default", + "widget": { + "component": "MetaSelect", + "props": { + "options": [ + { + "label": "large", + "value": "large" + }, + { + "label": "default", + "value": "default" + }, + { + "label": "small", + "value": "small" + } + ] + } + } + }, + { + "property": "fit", + "label": { + "text": { + "zh_CN": "fit" + } + }, + "description": { + "zh_CN": "列的宽度是否自撑开" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "show-header", + "label": { + "text": { + "zh_CN": "show-header" + } + }, + "description": { + "zh_CN": "是否显示表头" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": true, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "highlight-current-row", + "label": { + "text": { + "zh_CN": "highlight-current-row" + } + }, + "description": { + "zh_CN": "是否要高亮当前行" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "current-row-key", + "label": { + "text": { + "zh_CN": "current-row-key" + } + }, + "description": { + "zh_CN": "当前行的 key,只写属性" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "type": "string", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "row-class-name", + "label": { + "text": { + "zh_CN": "row-class-name" + } + }, + "description": { + "zh_CN": "行的 className" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "row-key", + "label": { + "text": { + "zh_CN": "row-key" + } + }, + "description": { + "zh_CN": "行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaCodeEditor", + "props": {} + }, + "device": [] + }, + { + "property": "empty-text", + "label": { + "text": { + "zh_CN": "empty-text" + } + }, + "description": { + "zh_CN": "空数据时显示的文本内容" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "widget": { + "component": "MetaInput", + "props": {} + }, + "device": [] + }, + { + "property": "table-layout", + "label": { + "text": { + "zh_CN": "table-layout" + } + }, + "description": { + "zh_CN": "设置表格单元、行和列的布局方式" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": "fixed", + "widget": { + "component": "MetaInput", + "props": { + "options": [ + { + "label": "fixed", + "value": "fixed" + }, + { + "label": "auto", + "value": "auto" + } + ] + } + }, + "device": [] + }, + { + "property": "scrollbar-always-on", + "label": { + "text": { + "zh_CN": "scrollbar-always-on" + } + }, + "description": { + "zh_CN": "总是显示滚动条" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + }, + { + "property": "flexible", + "label": { + "text": { + "zh_CN": "flexible" + } + }, + "description": { + "zh_CN": "确保主轴的最小尺寸,以便不超过内容" + }, + "required": true, + "readOnly": false, + "disabled": false, + "cols": 12, + "labelPosition": "top", + "defaultValue": false, + "type": "boolean", + "widget": { + "component": "MetaSwitch", + "props": {} + } + } + ], + "description": { + "zh_CN": "" + } + } + ], + "events": { + "onSelect": { + "label": { + "zh_CN": "勾选数据行的 Checkbox 时触发" + }, + "description": { + "zh_CN": "当用户手动勾选数据行的 Checkbox 时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + }, + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + } + ], + "returns": {} + } + }, + "onSelectAll": { + "label": { + "zh_CN": "勾选全选时触发" + }, + "description": { + "zh_CN": "当用户手动勾选全选 Checkbox 时触发的事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + } + ], + "returns": {} + } + }, + "onSelectionChange": { + "label": { + "zh_CN": "选择项发生变化时会触发" + }, + "description": { + "zh_CN": "当选择项发生变化时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "selection", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前选中项" + } + } + ], + "returns": {} + } + }, + "onCellMouseEnter": { + "label": { + "zh_CN": "单元格 hover 时会触发" + }, + "description": { + "zh_CN": "当单元格 hover 进入时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + }, + { + "name": "column", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前列" + } + }, + { + "name": "cell", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前单元格" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生事件 event" + } + } + ], + "returns": {} + } + }, + "onCellMouseLeave": { + "label": { + "zh_CN": "单元格 hover 退出时会触发" + }, + "description": { + "zh_CN": "当单元格 hover 退出时会触发该事件" + }, + "type": "event", + "functionInfo": { + "params": [ + { + "name": "row", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前行" + } + }, + { + "name": "column", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前列" + } + }, + { + "name": "cell", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "当前单元格" + } + }, + { + "name": "event", + "type": "Object", + "defaultValue": "", + "description": { + "zh_CN": "原生事件 event" + } + } + ], + "returns": {} + } + } + }, + "slots": { + "empty": { + "label": { + "zh_CN": "empty" + }, + "description": { + "zh_CN": "当数据为空时自定义的内容" + } + }, + "append": { + "label": { + "zh_CN": "append" + }, + "description": { + "zh_CN": "插入至表格最后一行之后的内容, 如果需要对表格的内容进行无限滚动操作,可能需要用到这个 slot。 若表格有合计行,该 slot 会位于合计行之上。" + } + } + } + } + }, + { + "id": 1, + "version": "2.4.2", + "name": { + "zh_CN": "表单" + }, + "component": "ElTableColumn", + "icon": "table", + "description": "用于展示多条结构类似的数据, 可对数据进行排序、筛选、对比或其他自定义操作", + "doc_url": "", + "screenshot": "", + "tags": "", + "keywords": "", + "dev_mode": "proCode", + "npm": { + "package": "element-plus", + "version": "2.4.2", + "script": "https://unpkg.com/element-plus@2.4.2/dist/index.full.mjs", + "css": "https://unpkg.com/element-plus@2.4.2/dist/index.css", + "dependencies": null, + "exportName": "ElTableColumn" + }, + "group": "表单组件", + "category": "element-plus", + "configure": { + "loop": true, + "condition": true, + "styles": true, + "isContainer": false, + "isModal": false, + "isPopper": false, + "nestingRule": { + "childWhitelist": "", + "parentWhitelist": "", + "descendantBlacklist": "", + "ancestorWhitelist": "" + }, + "isNullNode": false, + "isLayout": false, + "rootSelector": "", + "shortcuts": { + "properties": ["inline", "label-width"] + }, + "contextMenu": { + "actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"], + "disable": [] + }, + "invalidity": [""], + "clickCapture": true, + "framework": "Vue" + }, + "schema": { + "properties": [ + { + "name": "0", + "label": { + "zh_CN": "基础属性" + }, + "content": [], + "description": { + "zh_CN": "" + } + } + ], + "events": {}, + "slots": {} + } + }, { "name": { "zh_CN": "走马灯子项" @@ -482,6 +3194,7 @@ "devMode": "proCode", "group": "component", "priority": 7, + "npm": {}, "schema": { "properties": [ { @@ -9381,6 +12094,169 @@ ], "blocks": [], "snippets": [ + { + "group": "element-plus", + "children": [ + { + "name": { + "zh_CN": "输入框" + }, + "icon": "input", + "screenshot": "", + "snippetName": "ElInput", + "schema": {} + }, + { + "name": { + "zh_CN": "按钮" + }, + "icon": "button", + "screenshot": "", + "snippetName": "ElButton", + "schema": { + "children": [ + { + "componentName": "Text", + "props": { + "text": "按钮文本" + } + } + ] + } + }, + { + "name": { + "zh_CN": "表单" + }, + "icon": "form", + "screenshot": "", + "snippetName": "ElForm", + "schema": { + "children": [ + { + "componentName": "ElFormItem", + "props": { + "label": "账号", + "prop": "account" + }, + "children": [ + { + "componentName": "ElInput", + "props": { + "modelValue": "", + "placeholder": "请输入账号" + } + } + ] + }, + { + "componentName": "ElFormItem", + "props": { + "label": "密码", + "prop": "password" + }, + "children": [ + { + "componentName": "ElInput", + "props": { + "modelValue": "", + "placeholder": "请输入密码", + "type": "password" + } + } + ] + }, + { + "componentName": "ElFormItem", + "props": {}, + "children": [ + { + "componentName": "ElButton", + "props": { + "type": "primary", + "style": "margin-right: 10px" + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": "提交" + } + } + ] + }, + { + "componentName": "ElButton", + "props": { + "type": "primary" + }, + "children": [ + { + "componentName": "Text", + "props": { + "text": "重置" + } + } + ] + } + ] + } + ] + } + }, + { + "name": { + "zh_CN": "表格" + }, + "icon": "grid", + "screenshot": "", + "snippetName": "ElTable", + "schema": { + "props": { + "data": [ + { + "date": "2016-05-03", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + }, + { + "date": "2016-05-02", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + }, + { + "date": "2016-05-04", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + }, + { + "date": "2016-05-01", + "name": "Tom", + "address": "No. 189, Grove St, Los Angeles" + } + ], + "columns": [ + { + "type": "index" + }, + { + "label": "Date", + "prop": "date" + }, + { + "label": "Name", + "prop": "name" + }, + { + "label": "Address", + "prop": "address" + } + ] + } + } + } + ] + }, { "group": "html", "children": [