From 8b6cb03f6f4416aa5d7b7507792615d7ac794ed2 Mon Sep 17 00:00:00 2001 From: "zude.hzd" Date: Tue, 21 Jul 2020 15:08:06 +0800 Subject: [PATCH] =?UTF-8?q?demo=20=E6=BC=94=E7=A4=BA=E6=88=90=E6=9E=9C?= =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/demo/public/assets.json | 2 +- packages/demo/public/schema.json | 493 +++++++++++++++++++++-------- packages/demo/src/editor/config.js | 6 +- 3 files changed, 370 insertions(+), 131 deletions(-) diff --git a/packages/demo/public/assets.json b/packages/demo/public/assets.json index b233813fa..c86e586c4 100644 --- a/packages/demo/public/assets.json +++ b/packages/demo/public/assets.json @@ -4088,7 +4088,7 @@ }, { "name": "visible", - "propType": "bool", + "propType": "oneOfType", "description": "是否显示", "defaultValue": false }, diff --git a/packages/demo/public/schema.json b/packages/demo/public/schema.json index e5a3b43e7..9d7714267 100644 --- a/packages/demo/public/schema.json +++ b/packages/demo/public/schema.json @@ -1,138 +1,375 @@ { - "componentName": "Page", - "fileName": "test", - "dataSource": { - "list": [] + "componentName":"Page", + "id":"node_dockcviv8fo1", + "props":{ + "ref":"outterView", + "autoLoading":true, + "style":{ + "padding":20 + } }, - "state": { - "text": "outter" + "fileName":"test", + "dataSource":{ + "list":[ + ] }, - - "css": "body {font-size: 12px;} .botton{width:100px;color:#ff00ff}", - "lifeCycles": { - "componentDidMount": { - "type": "JSExpression", - "value": "function() {\n \t\tconsole.log('did mount');\n\t}" - }, - "componentWillUnmount": { - "type": "JSExpression", - "value": "function() {\n \t\tconsole.log('will umount');\n\t}" - } + "state":{ + "text":"outter" }, - - "methods": { - "testFunc": { - "type": "JSFunction", - "value": "function() {console.log('test func');}" - } - }, - - "props": { - "ref": "outterView", - "autoLoading": true, - "style": { - "padding": 20 - } - }, - "children": [{ - "componentName": "Form", - "props": { - "labelCol": 3, - "style": {}, - "ref": "testForm" - }, - "children": [{ - "componentName": "Form.Item", - "props": { - "label": "姓名：", - "name": "name", - "initValue": "李雷" + "css":"body {font-size: 12px;} .botton{width:100px;color:#ff00ff}", + "lifeCycles":{ + "componentDidMount":{ + "type":"JSFunction", + "value":"function() {\n console.log('did mount');\n }" }, - "children": [{ - "componentName": "Input", - "props": { - "placeholder": "请输入", - "size": "medium", - "style": { - "width": 320 - } - } - }] - }, { - "componentName": "Form.Item", - "props": { - "label": "年龄：", - "name": "age", - "initValue": "22" + "componentWillUnmount":{ + "type":"JSFunction", + "value":"function() {\n console.log('will umount');\n }" + } + }, + "methods":{ + "testFunc":{ + "type":"JSFunction", + "value":"function() {\n console.log('test func');\n }" }, - "children": [{ - "componentName": "NumberPicker", - "props": { - "size": "medium", - "type": "normal" - } - }] - }, { - "componentName": "Form.Item", - "props": { - "label": "职业：", - "name": "profession" - }, - "children": [{ - "componentName": "Select", - "props": { - "dataSource": [{ - "label": "教师", - "value": "t" - }, { - "label": "医生", - "value": "d" - }, { - "label": "歌手", - "value": "s" - }] - } - }] - }, { - "componentName": "Form.Item", - "props": { - "style": { - "textAlign": "center" - } - }, - "children": [{ - "componentName": "Button.Group", - "props": {}, - "children": [{ - "componentName": "Button", - "props": { - "type": "primary", - "style": { - "margin": "0 5px 0 5px" - }, - "htmlType": "submit" - }, - "children": [ - { - "componentName": "Icon", - "props": { - "type": "success" + "onClick":{ + "type":"JSFunction", + "value":"function(){\n\t}" + } + }, + "children":[ + { + "componentName":"Box", + "id":"node_dockcviv8fo2k", + "props":{ + "style":{ + "backgroundColor":"rgba(31,56,88,0.1)", + "padding":"12px 12px 12px 12px" } - }, - "提交" - ] - }, { - "componentName": "Button", - "props": { - "type": "normal", - "style": { - "margin": "0 5px 0 5px" - }, - "htmlType": "reset" }, - "children": "重置" - }] + "children":[ + { + "componentName":"Box", + "id":"node_dockcviv8fo2l", + "props":{ + "style":{ + "padding":"12px 12px 12px 12px", + "backgroundColor":"#ffffff" + } + }, + "children":[ + { + "componentName":"Breadcrumb", + "id":"node_dockcviv8fo2m", + "props":{ + "prefix":"next-", + "maxNode":100, + "component":"nav" + }, + "children":[ + { + "componentName":"Breadcrumb.Item", + "id":"node_dockcviv8fo2n", + "props":{ + "prefix":"next-" + }, + "children":[ + "222", + "222111"] + }, + { + "componentName":"Breadcrumb.Item", + "id":"node_dockcviv8fo2q", + "props":{ + "prefix":"next-" + }, + "children":[ + "222", + "222111"] + }, + { + "componentName":"Breadcrumb.Item", + "id":"node_dockcviv8fo2t", + "props":{ + "prefix":"next-" + }, + "children":[ + "222", + "222111"] + }] + }] + }, + { + "componentName":"Box", + "id":"node_dockcviv8fo2w", + "props":{ + "style":{ + "marginTop":"12px", + "backgroundColor":"#ffffff" + } + }, + "children":[ + { + "componentName":"Form", + "id":"node_dockcviv8fo2x", + "props":{ + "inline":true, + "style":{ + "marginTop":"12px", + "marginRight":"12px", + "marginLeft":"12px" + } + }, + "children":[ + { + "componentName":"Form.Item", + "id":"node_dockcviv8fo2y", + "props":{ + "style":{ + }, + "label":"类目名：" + }, + "children":[ + { + "componentName":"Select", + "id":"node_dockcviv8fo2z", + "props":{ + "mode":"single", + "hasArrow":true, + "cacheValue":true, + "style":{ + "width":"150px" + } + } + }] + }, + { + "componentName":"Form.Item", + "id":"node_dockcviv8fo30", + "props":{ + "style":{ + }, + "label":"项目类型：" + }, + "children":[ + { + "componentName":"Select", + "id":"node_dockcviv8fo31", + "props":{ + "mode":"single", + "hasArrow":true, + "cacheValue":true, + "style":{ + "width":"200px" + } + } + }] + }, + { + "componentName":"Form.Item", + "id":"node_dockcviv8fo32", + "props":{ + "style":{ + }, + "label":"项目 ID：" + }, + "children":[ + { + "componentName":"Input", + "id":"node_dockcviv8fo33", + "props":{ + "hasBorder":true, + "size":"medium", + "autoComplete":"off", + "style":{ + "width":"200px" + } + } + }] + }, + { + "componentName":"Button.Group", + "id":"node_dockcviv8fo34", + "props":{ + }, + "children":[ + { + "componentName":"Button", + "id":"node_dockcviv8fo35", + "props":{ + "type":"primary", + "style":{ + "margin":"0 5px 0 5px" + }, + "htmlType":"submit" + }, + "children":[ + { + "componentName":"Icon", + "id":"node_dockcviv8fo36", + "props":{ + "type":"success" + } + }, + "搜索"] + }, + { + "componentName":"Button", + "id":"node_dockcviv8fo38", + "props":{ + "type":"normal", + "style":{ + "margin":"0 5px 0 5px" + }, + "htmlType":"reset" + }, + "children":[ + "清空"] + }] + }] + }] + }, + { + "componentName":"Box", + "id":"node_dockcviv8fo3a", + "props":{ + "style":{ + "justifyContent":"flex-end", + "display":"flex", + "backgroundColor":"#ffffff", + "flexDirection":"row", + "paddingRight":"24px" + } + }, + "children":[ + { + "componentName":"Button", + "id":"node_dockcviv8fo3b", + "props":{ + "prefix":"next-", + "type":"primary", + "size":"medium", + "htmlType":"button", + "component":"button", + "style":{ + "width":"100px" + }, + "events":{ + "onClick":{ + "type":"JSFunction", + "value":"function(){ this.onClick() }", + "__eventData":{ + "type":"componentEvent", + "name":"onClick", + "relatedEventName":"onClick" + } + } + } + }, + "children":[ + "新建配置"] + }] + }, + { + "componentName":"Box", + "id":"node_dockcviv8fo3d", + "props":{ + "style":{ + "backgroundColor":"#ffffff" + } + }, + "children":[ + { + "componentName":"Table", + "id":"node_dockcviv8fo3e", + "props":{ + "dataSource":[ + { + "title":{ + "name":"Quotation" + }, + "id":100306660940, + "time":2000 + }], + "size":"medium", + "prefix":"next-", + "hasBorder":true, + "hasHeader":true, + "isZebra":false, + "loading":false, + "expandedIndexSimulate":false, + "primaryKey":"id", + "locale":"zhCN.Table", + "crossline":false, + "style":{ + "margin":"24px 12px 24px 12px" + } + }, + "children":[ + { + "componentName":"Table.Column", + "id":"node_dockcviv8fo3f", + "props":{ + "title":"name" + } + }] + }] + }, + { + "componentName":"Box", + "id":"node_dockcviv8fo3g", + "props":{ + "style":{ + "backgroundColor":"#ffffff", + "paddingBottom":"24px" + } + }, + "children":[ + { + "componentName":"Pagination", + "id":"node_dockcviv8fo3h", + "props":{ + "prefix":"next-", + "type":"normal", + "shape":"normal", + "size":"medium", + "defaultCurrent":1, + "total":100, + "pageShowCount":5, + "pageSize":10, + "pageSizePosition":"start", + "showJump":true, + "style":{ + "display":"flex", + "justifyContent":"flex-end" + } + } + }] + }] + }, + { + "componentName":"Dialog", + "id":"node_dockcviv8fo3i", + "props":{ + "prefix":"next-", + "footerAlign":"right", + "footerActions":[ + "ok", + "cancel"], + "closeable":"esc,close", + "hasMask":true, + "align":"cc cc", + "minMargin":40, + "visible":false, + "children":{ + "type":"JSSlot" + }, + "title":"标题", + "footer":{ + "type":"JSSlot" + }, + "events":[ + ] + } }] - }] - }] } diff --git a/packages/demo/src/editor/config.js b/packages/demo/src/editor/config.js index d9b08732f..9b1fcf08c 100644 --- a/packages/demo/src/editor/config.js +++ b/packages/demo/src/editor/config.js @@ -63,9 +63,11 @@ export default { props: { align: 'top', icon: 'shuxingkongjian', - description: '大纲树', + description: '大纲树' + }, + pluginProps: { + }, - pluginProps: {}, }, { pluginKey: 'sourceEditor',