{
"schemaType": "superform",
"schemaVersion": "5.0",
"utils": [],
"componentsMap": [
{
"package": "@ali/vc-deep-yida",
"version": "1.6.0",
"componentName": "ImageField"
},
{
"package": "@ali/vc-deep-yida",
"version": "1.6.0",
"componentName": "Jsx"
},
{
"package": "@ali/vc-deep-yida",
"version": "1.6.0",
"componentName": "Dialog"
},
{
"package": "@ali/vc-deep-yida",
"version": "1.6.0",
"componentName": "Text"
},
{
"package": "@ali/vc-deep-yida",
"version": "1.6.0",
"componentName": "Component"
}
],
"componentsTree": [
{
"componentName": "Component",
"id": "node_k8bnubvz",
"props": {
"mobileSlot": {
"type": "JSBlock",
"value": {
"componentName": "Slot",
"children": [
{
"componentName": "Text",
"id": "node_ockzmfyu4f2",
"props": {
"maxLine": 0,
"showTitle": false,
"contentPaddingMobile": "0",
"behavior": "NORMAL",
"content": {
"en_US": "Title",
"zh_CN": "页面标题",
"type": "i18n"
},
"__style__": {},
"fieldId": "text_kzmfyv1m"
},
"condition": true,
"hidden": false,
"isLocked": false,
"conditionGroup": "",
"title": ""
}
],
"props": {
"slotTitle": "mobile容器",
"slotName": "mobileSlot"
}
}
},
"className": "component_kzwotbzr",
"useDevice": false,
"fieldId": "symbol_k8bnubw4"
},
"css": ".imagefield_kzwotbzs {\n\n}\n",
"defaultProps": {
"buttonTitle": {
"en_US": "上传图片",
"use": "zh_CN",
"zh_CN": "上传图片",
"type": "i18n"
},
"getValue": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).getValue) {\n return this.$(fieldId).getValue();\n }\n return [];\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).getValue) {\n return this.$(fieldId).getValue();\n }\n return [];\n}",
"type": "js",
"error": {}
},
"setValue": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function func(fieldId, value) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setValue) {\n this.$(fieldId).setValue(value);\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId, value) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setValue) {\n this.$(fieldId).setValue(value);\n }\n}",
"type": "js",
"error": {}
},
"setValidation": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function func(fieldId) {\n if (fieldId && this.$(fieldId)) {\n this.$(fieldId).set('validation', [{\n \"type\": \"required\"\n }]);\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId) {\n if (fieldId && this.$(fieldId)) {\n this.$(fieldId).set('validation', [\n {\n \"type\": \"required\"\n }\n ]);\n }\n}",
"type": "js",
"error": {}
},
"setBehavior": {
"compiled": "function main(){\n \n 'use strict';\n\nvar __compiledFunc__ = function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setBehavior) {\n this.$(fieldId).setBehavior(this.utils.isViewPage() ? 'READONLY' : 'HIDDEN');\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setBehavior) {\n this.$(fieldId).setBehavior(this.utils.isViewPage() ? 'READONLY' : 'HIDDEN');\n }\n}",
"type": "js",
"error": {}
}
},
"methods": {
"__initMethods__": {
"type": "js",
"source": "function (exports, module) { /*set actions code here*/ }",
"compiled": "function (exports, module) { /*set actions code here*/ }"
}
},
"loopArgs": [
"item",
"index"
],
"lifeCycles": {
"constructor": {
"type": "js",
"compiled": "function constructor() {\nvar module = { exports: {} };\nvar _this = this;\nthis.__initMethods__(module.exports, module);\nObject.keys(module.exports).forEach(function(item) {\n if(typeof module.exports[item] === 'function'){\n _this[item] = module.exports[item];\n }\n});\n\n}",
"source": "function constructor() {\nvar module = { exports: {} };\nvar _this = this;\nthis.__initMethods__(module.exports, module);\nObject.keys(module.exports).forEach(function(item) {\n if(typeof module.exports[item] === 'function'){\n _this[item] = module.exports[item];\n }\n});\n\n}"
},
"componentDidMount": {
"name": "componentDidMount",
"id": "componentDidMount",
"type": "actionRef",
"params": {}
}
},
"condition": true,
"propTypes": [
{
"title": "按钮内容",
"name": "buttonTitle",
"type": "string",
"setter": "I18nSetter",
"defaultValue": {
"en_US": "上传图片",
"use": "zh_CN",
"zh_CN": "上传图片",
"type": "i18n"
},
"setterProps": {},
"display": "block"
},
{
"title": "开启表单存储功能",
"name": "startForm",
"type": "boolean",
"setter": "BoolSetter",
"defaultValue": false,
"setterProps": {},
"mutator": {
"type": "js",
"source": "function mutator(value) {\n const schema = {\n \"componentName\": \"ImageField\",\n \"props\": {\n \"__useMediator\": \"value\",\n \"__gridSpan\": 1,\n \"linkage\": \"\",\n \"type\": \"card\",\n \"listType\": \"card\",\n \"buttonSize\": \"medium\",\n \"tips\": {\n \"en_US\": \"\",\n \"zh_CN\": \"\",\n \"type\": \"i18n\"\n },\n \"onlyCameraUpload\": false,\n \"autoUpload\": true,\n \"buttonType\": \"primary\",\n \"valueType\": \"custom\",\n \"limit\": 9,\n \"labelTextAlign\": \"left\",\n \"behavior\": {\n \"type\": \"variable\",\n \"value\": \"HIDDEN\",\n \"variable\": \"utils.isViewPage() ? 'READONLY' : 'HIDDEN'\"\n },\n \"value\": {\n \"use\": \"zh_CN\",\n \"en_US\": \"\",\n \"zh_CN\": \"\",\n \"type\": \"i18n\"\n },\n \"validation\": [],\n \"buttonText\": {\n \"use\": \"zh_CN\",\n \"en_US\": \"Upload\",\n \"zh_CN\": \"图片上传\",\n \"type\": \"i18n\"\n },\n \"method\": \"post\",\n \"visibility\": [\"PC\", \"MOBILE\"],\n \"normalListType\": \"image\",\n \"submittable\": \"ALWAYS\",\n \"multiple\": true,\n \"label\": {\n \"use\": \"zh_CN\",\n \"en_US\": \"Upload image\",\n \"zh_CN\": \"图片上传\",\n \"type\": \"i18n\"\n },\n \"maxFileSize\": 50,\n \"__category__\": \"form\",\n \"labelColSpan\": 4,\n \"accept\": \"image/*\",\n \"cardListType\": \"card\",\n \"complexValue\": {\n \"complexType\": \"custom\",\n \"formula\": \"\",\n \"value\": {\n \"en_US\": \"\",\n \"zh_CN\": \"\",\n \"type\": \"i18n\"\n }\n },\n \"size\": \"medium\",\n \"labelAlign\": \"top\",\n \"formula\": \"\",\n \"data\": {},\n \"events\": {\n \"ignored\": true\n },\n \"onProgress\": {\n \"ignored\": true\n },\n \"onSuccess\": {\n \"ignored\": true\n },\n \"onError\": {\n \"ignored\": true\n },\n \"onSelect\": {\n \"ignored\": true\n },\n \"onRemove\": {\n \"ignored\": true\n },\n \"onCancel\": {\n \"ignored\": true\n },\n \"onDragOver\": {\n \"ignored\": true\n },\n \"onDragLeave\": {\n \"ignored\": true\n },\n \"onDrop\": {\n \"ignored\": true\n },\n \"timeout\": \"\",\n \"url\": \"\",\n \"name\": \"\"\n },\n \"condition\": true,\n \"hidden\": false,\n \"title\": \"\",\n \"isLocked\": false,\n \"conditionGroup\": \"\"\n }; \n const doc = AliLowCodeEngine.project.currentDocument;\n const associatedNodeId = this.parent.get('associatedNodeId').getHotValue();\n const currentComponentFieldId = this.parent.get('fieldId').getHotValue();\n if (value) {\n if (!associatedNodeId || !associatedNodeId.startsWith(currentComponentFieldId)) {\n const newNode = doc.createNode(schema);\n doc.insertNode(this.props.getNode().getParent(), newNode);\n const fieldId = newNode.getPropValue('fieldId');\n const nodeId = newNode.getId();\n this.parent.get('associatedNodeId').setHotValue(`${currentComponentFieldId}_${nodeId}`);\n this.parent.get('associatedFieldId').setHotValue(fieldId);\n }\n } else {\n if (associatedNodeId && associatedNodeId.startsWith(currentComponentFieldId)) {\n doc.removeNode(associatedNodeId.split(currentComponentFieldId + '_')[1]);\n this.parent.get('associatedNodeId').setHotValue('');\n this.parent.get('associatedFieldId').setHotValue('');\n }\n }\n}",
"compiled": "function main(){\n \n \"use strict\";\n\nvar __compiledFunc__ = function mutator(value) {\n var schema = {\n \"componentName\": \"ImageField\",\n \"props\": {\n \"__useMediator\": \"value\",\n \"__gridSpan\": 1,\n \"linkage\": \"\",\n \"type\": \"card\",\n \"listType\": \"card\",\n \"buttonSize\": \"medium\",\n \"tips\": {\n \"en_US\": \"\",\n \"zh_CN\": \"\",\n \"type\": \"i18n\"\n },\n \"onlyCameraUpload\": false,\n \"autoUpload\": true,\n \"buttonType\": \"primary\",\n \"valueType\": \"custom\",\n \"limit\": 9,\n \"labelTextAlign\": \"left\",\n \"behavior\": {\n \"type\": \"variable\",\n \"value\": \"HIDDEN\",\n \"variable\": \"utils.isViewPage() ? 'READONLY' : 'HIDDEN'\"\n },\n \"value\": {\n \"use\": \"zh_CN\",\n \"en_US\": \"\",\n \"zh_CN\": \"\",\n \"type\": \"i18n\"\n },\n \"validation\": [],\n \"buttonText\": {\n \"use\": \"zh_CN\",\n \"en_US\": \"Upload\",\n \"zh_CN\": \"图片上传\",\n \"type\": \"i18n\"\n },\n \"method\": \"post\",\n \"visibility\": [\"PC\", \"MOBILE\"],\n \"normalListType\": \"image\",\n \"submittable\": \"ALWAYS\",\n \"multiple\": true,\n \"label\": {\n \"use\": \"zh_CN\",\n \"en_US\": \"Upload image\",\n \"zh_CN\": \"图片上传\",\n \"type\": \"i18n\"\n },\n \"maxFileSize\": 50,\n \"__category__\": \"form\",\n \"labelColSpan\": 4,\n \"accept\": \"image/*\",\n \"cardListType\": \"card\",\n \"complexValue\": {\n \"complexType\": \"custom\",\n \"formula\": \"\",\n \"value\": {\n \"en_US\": \"\",\n \"zh_CN\": \"\",\n \"type\": \"i18n\"\n }\n },\n \"size\": \"medium\",\n \"labelAlign\": \"top\",\n \"formula\": \"\",\n \"data\": {},\n \"events\": {\n \"ignored\": true\n },\n \"onProgress\": {\n \"ignored\": true\n },\n \"onSuccess\": {\n \"ignored\": true\n },\n \"onError\": {\n \"ignored\": true\n },\n \"onSelect\": {\n \"ignored\": true\n },\n \"onRemove\": {\n \"ignored\": true\n },\n \"onCancel\": {\n \"ignored\": true\n },\n \"onDragOver\": {\n \"ignored\": true\n },\n \"onDragLeave\": {\n \"ignored\": true\n },\n \"onDrop\": {\n \"ignored\": true\n },\n \"timeout\": \"\",\n \"url\": \"\",\n \"name\": \"\"\n },\n \"condition\": true,\n \"hidden\": false,\n \"title\": \"\",\n \"isLocked\": false,\n \"conditionGroup\": \"\"\n };\n var doc = AliLowCodeEngine.project.currentDocument;\n var associatedNodeId = this.parent.get('associatedNodeId').getHotValue();\n var currentComponentFieldId = this.parent.get('fieldId').getHotValue();\n if (value) {\n if (!associatedNodeId || !associatedNodeId.startsWith(currentComponentFieldId)) {\n var newNode = doc.createNode(schema);\n doc.insertNode(this.props.getNode().getParent(), newNode);\n var fieldId = newNode.getPropValue('fieldId');\n var nodeId = newNode.getId();\n this.parent.get('associatedNodeId').setHotValue(currentComponentFieldId + \"_\" + nodeId);\n this.parent.get('associatedFieldId').setHotValue(fieldId);\n }\n } else {\n if (associatedNodeId && associatedNodeId.startsWith(currentComponentFieldId)) {\n doc.removeNode(associatedNodeId.split(currentComponentFieldId + '_')[1]);\n this.parent.get('associatedNodeId').setHotValue('');\n this.parent.get('associatedFieldId').setHotValue('');\n }\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"error": {},
"params": {}
},
"display": "block"
},
{
"title": "是否必填",
"name": "required",
"type": "boolean",
"setter": "BoolSetter",
"defaultValue": false,
"setterProps": {},
"display": "block"
},
{
"title": "getValue",
"name": "getValue",
"type": "function",
"setter": "CodeSetter",
"defaultValue": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).getValue) {\n return this.$(fieldId).getValue();\n }\n return [];\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).getValue) {\n return this.$(fieldId).getValue();\n }\n return [];\n}",
"type": "js",
"error": {}
},
"setterProps": {},
"hidden": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function hidden() {\n return true;\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function hidden() {\n return true; \n}",
"type": "js",
"error": {},
"params": {}
},
"display": "block"
},
{
"title": "setValue",
"name": "setValue",
"type": "function",
"setter": "CodeSetter",
"defaultValue": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function func(fieldId, value) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setValue) {\n this.$(fieldId).setValue(value);\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId, value) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setValue) {\n this.$(fieldId).setValue(value);\n }\n}",
"type": "js",
"error": {}
},
"setterProps": {},
"hidden": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function hidden() {\n return true;\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function hidden() {\n return true; \n}",
"type": "js",
"error": {},
"params": {}
},
"display": "block"
},
{
"title": "setValidation",
"name": "setValidation",
"type": "function",
"setter": "CodeSetter",
"defaultValue": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function func(fieldId) {\n if (fieldId && this.$(fieldId)) {\n this.$(fieldId).set('validation', [{\n \"type\": \"required\"\n }]);\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId) {\n if (fieldId && this.$(fieldId)) {\n this.$(fieldId).set('validation', [\n {\n \"type\": \"required\"\n }\n ]);\n }\n}",
"type": "js",
"error": {}
},
"setterProps": {},
"hidden": {
"compiled": "function main(){\n \"use strict\";\n\nvar __compiledFunc__ = function hidden() {\n return true;\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function hidden() {\n return true; \n}",
"type": "js",
"error": {},
"params": {}
},
"display": "block"
},
{
"title": "associatedFieldId",
"name": "associatedFieldId",
"type": "string",
"setter": "TextSetter",
"hidden": {
"compiled": "function main(){\n \n \"use strict\";\n\nvar __compiledFunc__ = function hidden() {\n return true;\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function hidden() {\n return true; \n}",
"type": "js",
"error": {},
"params": {}
},
"display": "block"
},
{
"title": "associatedNodeId",
"name": "associatedNodeId",
"type": "string",
"setter": "TextSetter",
"hidden": {
"compiled": "function main(){\n \n \"use strict\";\n\nvar __compiledFunc__ = function hidden() {\n return true;\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function hidden() {\n return true; \n}",
"type": "js",
"error": {},
"params": {}
},
"display": "block"
},
{
"title": "setBehavior",
"name": "setBehavior",
"type": "function",
"setter": "CodeSetter",
"defaultValue": {
"compiled": "function main(){\n \n 'use strict';\n\nvar __compiledFunc__ = function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setBehavior) {\n this.$(fieldId).setBehavior(this.utils.isViewPage() ? 'READONLY' : 'HIDDEN');\n }\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function func(fieldId) {\n if (fieldId && this.$(fieldId) && this.$(fieldId).setBehavior) {\n this.$(fieldId).setBehavior(this.utils.isViewPage() ? 'READONLY' : 'HIDDEN');\n }\n}",
"type": "js",
"error": {}
},
"setterProps": {},
"hidden": {
"type": "js",
"source": "function hidden() {\n return true; \n}",
"compiled": "function main(){\n \n \"use strict\";\n\nvar __compiledFunc__ = function hidden() {\n return true;\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"error": {},
"params": {}
},
"display": "block"
}
],
"state": {},
"dataSource": {
"offline": [],
"globalConfig": {},
"online": [
{
"isReadonly": true,
"formUuid": "OJYJ0B3W-2WJEBXWE4PQFV556VLL52-8RM24E8K-0",
"name": "urlParams",
"description": "URL 上 querystring 解析后的对象",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-CA6DPWZK-R",
"protocal": "URI"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "src",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-JA6DPWZK-S",
"protocal": "VALUE"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "cropperrRef",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-OA6DPWZK-T",
"protocal": "VALUE"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "file",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-QA6DPWZK-U",
"protocal": "VALUE"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "visible",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-RA6DPWZK-V",
"protocal": "VALUE"
}
],
"list": [
{
"isReadonly": true,
"formUuid": "OJYJ0B3W-2WJEBXWE4PQFV556VLL52-8RM24E8K-0",
"name": "urlParams",
"description": "URL 上 querystring 解析后的对象",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-CA6DPWZK-R",
"protocal": "URI"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "src",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-JA6DPWZK-S",
"protocal": "VALUE"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "cropperrRef",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-OA6DPWZK-T",
"protocal": "VALUE"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "file",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-QA6DPWZK-U",
"protocal": "VALUE"
},
{
"initialData": "",
"formUuid": "LCC-6QA1-TPUXXOONWRWL53K9B2YN3-IF8WCMZK-2",
"name": "visible",
"description": "",
"id": "I9866X91-8N1YMX25XP3F7ACKSU3O1-RA6DPWZK-V",
"protocal": "VALUE"
}
],
"sync": true
},
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "ImageField",
"id": "node_ockzmfyu4f3",
"props": {
"labelTipsTypes": "none",
"__useMediator": "value",
"fieldName": "upload",
"labelTipsIcon": "",
"className": "imagefield_kzwotbzs",
"type": "card",
"listType": "card",
"buttonSize": "medium",
"tips": {
"en_US": "",
"zh_CN": "",
"type": "i18n"
},
"onlyCameraUpload": false,
"autoUpload": false,
"onSelect": {
"type": "JSExpression",
"value": "this.utils.legaoBuiltin.execEventFlow.bind(this, [this.onFileSelect])",
"events": [
{
"name": "onFileSelect",
"id": "onFileSelect",
"params": {},
"type": "actionRef",
"uuid": "1644828348266_0"
}
]
},
"buttonType": "primary",
"limit": 9,
"labelTextAlign": "right",
"behavior": {
"type": "variable",
"value": "NORMAL",
"variable": "utils.isViewPage() ? 'HIDDEN' : 'NORMAL'"
},
"value": [],
"validation": [],
"__style__": ":root {\n\n}\n",
"fieldId": "imageField_kzmg0dhs",
"buttonText": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Upload",
"zh_CN": "上传图片",
"type": "i18n"
},
"variable": "props.buttonTitle.zh_CN || props.buttonTitle"
},
"method": "post",
"dataEntryMode": false,
"normalListType": "image",
"multiple": true,
"labelColOffset": 0,
"label": {
"type": "variable",
"value": {
"use": "zh_CN",
"en_US": "Upload image",
"zh_CN": "上传图片",
"type": "i18n"
},
"variable": "props.buttonTitle.zh_CN || props.buttonTitle"
},
"maxFileSize": 50,
"__category__": "form",
"labelColSpan": 4,
"wrapperColSpan": 0,
"accept": "image/*",
"wrapperColOffset": 0,
"cardListType": "card",
"size": "medium",
"labelAlign": "top",
"withCredentials": false,
"labelTipsText": {
"use": "zh_CN",
"en_US": "",
"zh_CN": "",
"type": "i18n"
},
"onSuccess": {
"type": "JSExpression",
"value": "this.utils.legaoBuiltin.execEventFlow.bind(this, [this.onSuccess])",
"events": [
{
"name": "onSuccess",
"id": "onSuccess",
"params": {},
"type": "actionRef",
"uuid": "1644830760389_13"
}
]
}
},
"condition": true,
"loopArgs": [
"",
""
],
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
},
{
"componentName": "Dialog",
"id": "node_ockzmfyu4f4",
"props": {
"hasMask": true,
"visible": {
"type": "variable",
"value": false,
"variable": "state.visible"
},
"footer": true,
"footerActions": "cancel,ok",
"confirmStyle": "primary",
"confirmState": "确定",
"confirmText": {
"use": "zh_CN",
"en_US": "Confirm",
"zh_CN": "确定",
"type": "i18n"
},
"autoFocus": true,
"title": {
"use": "zh_CN",
"en_US": "Dialog Title",
"zh_CN": "Dialog标题",
"type": "i18n"
},
"onOk": {
"type": "JSExpression",
"value": "this.utils.legaoBuiltin.execEventFlow.bind(this, [this.onOk])",
"events": [
{
"name": "onOk",
"id": "onOk",
"params": {},
"type": "actionRef",
"uuid": "1624614775084_4"
}
]
},
"closeable": "esc",
"cancelText": {
"use": "zh_CN",
"en_US": "Cancel",
"zh_CN": "取消",
"type": "i18n"
},
"footerAlign": "right",
"popupOutDialog": true,
"__style__": {},
"fieldId": "dialog_kqby9wqe"
},
"condition": true,
"loopArgs": [
"",
""
],
"hidden": true,
"title": "",
"isLocked": false,
"conditionGroup": "",
"children": [
{
"componentName": "Jsx",
"id": "node_ockzmfyu4f5",
"props": {
"render": {
"type": "js",
"compiled": "function main(){\n \n \"use strict\";\n\nvar __compiledFunc__ = function render() {\n return React.createElement(window.ReactCropper, {\n ref: this.saveCropperrRef.bind(this),\n src: this.state.src,\n style: { height: 300, width: 400 }\n });\n};\n return __compiledFunc__.apply(this, arguments);\n }",
"source": "function render() {\n return(\n <window.ReactCropper\n ref={this.saveCropperrRef.bind(this)}\n src={this.state.src}\n style={{ height: 300, width: 400 }}\n />\n );\n}",
"error": {}
},
"__style__": {},
"fieldId": "JSX_kqc4v31m"
},
"condition": true,
"hidden": false,
"title": "",
"isLocked": false,
"conditionGroup": ""
}
]
}
]
}
],
"actions": {
"module": {
"compiled": "'use strict';\n\nexports.__esModule = true;\nexports.saveCropperrRef = saveCropperrRef;\nexports.onFileSelect = onFileSelect;\nexports.onOk = onOk;\nexports.componentDidMount = componentDidMount;\nexports.onSuccess = onSuccess;\n\n\n/**\n* 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。当然，你也可以咨询身边的技术顾问或者联系宜搭平台的技术支持获得服务（可能收费）。\n* 我们可以用 JS 面板来开发一些定制度高功能，比如：调用阿里云接口用来做图像识别、上报用户使用数据（如加载完成打点）等等。\n* 你可以点击面板上方的 「使用帮助」了解。\n*/\n\n// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。\nfunction saveCropperrRef(ref) {\n // window.cropperRef = ref\n this.setState({\n cropperRef: ref\n });\n}\n\nfunction onFileSelect(files) {\n var _this = this;\n\n var reader = new FileReader();\n reader['o' + 'nload'] = function () {\n _this.setState({\n src: reader.result,\n visible: true,\n file: files[0]\n });\n _this.$('dialog_kqby9wqe').show();\n };\n reader.readAsDataURL(files[0].originFileObj);\n}\n\nfunction loadScript(src, callback) {\n if (!src) {\n return;\n }\n var node = document.createElement('script');\n // node.crossOrigin = 'crossOrigin';\n node.src = src;\n node.addEventListener('load', callback, false);\n document.head.appendChild(node);\n}\n\nfunction loadCss(url) {\n var linkElement = document.createElement('link');\n\n linkElement.rel = 'stylesheet';\n linkElement.href = url;\n document.body.appendChild(linkElement);\n}\n\n(function loadAssets() {\n loadCss('https://dev.g.alicdn.com/yida-platform/react-cropper/1.0.0/css/react-cropper.css');\n loadScript('https://dev.g.alicdn.com/yida-platform/react-cropper/1.0.0/js/react-cropper.js', function () {\n // your code \n });\n})();\n\nfunction dataURL2Blob2File(dataURL, file) {\n var arr = dataURL.split(\",\"),\n mime = arr[0].match(/:(.*?);/)[1],\n bstr = atob(arr[1]),\n u8arr = new Uint8Array(bstr.length);\n var n = bstr.length;\n while (n--) {\n u8arr[n] = bstr.charCodeAt(n);\n }\n var blob = new Blob([u8arr], { type: mime });\n // Blob to File\n // set lastModifiedDate and name\n blob.lastModifiedDate = new Date();\n blob.name = file.name;\n blob.uid = file.uid;\n return blob;\n}\n\n/**\n* dialog onOk\n*/\nfunction onOk() {\n var data = this.state.cropperRef.cropper.getCroppedCanvas().toDataURL();\n var file = dataURL2Blob2File(data, this.state.file);\n console.log('file', file);\n this.$('imageField_kzmg0dhs').uploaderRef.uploaderRef.uploaderRef.startUpload([file]);\n this.$('dialog_kqby9wqe').hide();\n}\n\nfunction componentDidMount() {\n if (this.props.startForm) {\n var value = this.props.getValue(this.props.associatedFieldId);\n this.$('imageField_kzmg0dhs').setValue(value);\n var style = document.createElement('style');\n var content = '\\n .render-engine-container .' + this.props.associatedFieldId + ' {\\n display: none;\\n }\\n';\n if (this.props.autoHideAssociatedComponent && !this.utils.isViewPage()) {\n style.innerHTML = content;\n document.head.appendChild(style);\n }\n if (this.props.required) {\n this.$('imageField_kzmg0dhs').setValidation([{\n \"type\": \"required\"\n }]);\n this.props.setValidation(this.props.associatedFieldId);\n }\n // this.props.setBehavior(this.props.associatedFieldId);\n }\n}\n\n/**\n* imageField onSuccess\n* @param file: {Object} 文件\n* @param value: {Array} 值\n*/\nfunction onSuccess(file, value) {\n if (this.props.startForm) {\n this.props.setValue(this.props.associatedFieldId, value);\n }\n}\n",
"source": "\n\n/**\n* 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。当然，你也可以咨询身边的技术顾问或者联系宜搭平台的技术支持获得服务（可能收费）。\n* 我们可以用 JS 面板来开发一些定制度高功能，比如：调用阿里云接口用来做图像识别、上报用户使用数据（如加载完成打点）等等。\n* 你可以点击面板上方的 「使用帮助」了解。\n*/\n\n// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。\nexport function saveCropperrRef(ref) {\n // window.cropperRef = ref\n this.setState({\n cropperRef: ref,\n });\n}\n\nexport function onFileSelect(files) {\n const reader = new FileReader();\n reader['o' + 'nload'] = () => {\n this.setState({\n src: reader.result,\n visible: true,\n file: files[0],\n });\n this.$('dialog_kqby9wqe').show();\n };\n reader.readAsDataURL(files[0].originFileObj);\n}\n\nfunction loadScript(src, callback) {\n if (!src) {\n return;\n }\n const node = document.createElement('script');\n // node.crossOrigin = 'crossOrigin';\n node.src = src;\n node.addEventListener('load', callback, false);\n document.head.appendChild(node);\n}\n\nfunction loadCss(url) {\n const linkElement = document.createElement('link');\n\n linkElement.rel = 'stylesheet';\n linkElement.href = url;\n document.body.appendChild(linkElement);\n}\n\n(function loadAssets() {\n loadCss('https://dev.g.alicdn.com/yida-platform/react-cropper/1.0.0/css/react-cropper.css');\n loadScript('https://dev.g.alicdn.com/yida-platform/react-cropper/1.0.0/js/react-cropper.js', () => {\n // your code \n });\n})();\n\nfunction dataURL2Blob2File(dataURL, file) {\n const arr = dataURL.split(\",\"),\n mime = arr[0].match(/:(.*?);/)[1],\n bstr = atob(arr[1]),\n u8arr = new Uint8Array(bstr.length);\n let n = bstr.length;\n while (n--) {\n u8arr[n] = bstr.charCodeAt(n);\n }\n const blob = new Blob([u8arr], { type: mime });\n // Blob to File\n // set lastModifiedDate and name\n blob.lastModifiedDate = new Date();\n blob.name = file.name;\n blob.uid = file.uid;\n return blob;\n}\n\n/**\n* dialog onOk\n*/\nexport function onOk() {\n const data = this.state.cropperRef.cropper.getCroppedCanvas().toDataURL();\n const file = dataURL2Blob2File(data, this.state.file);\n console.log('file', file);\n this.$('imageField_kzmg0dhs').uploaderRef.uploaderRef.uploaderRef.startUpload([file]);\n this.$('dialog_kqby9wqe').hide();\n}\n\n\nexport function componentDidMount() {\n if (this.props.startForm) {\n const value = this.props.getValue(this.props.associatedFieldId);\n this.$('imageField_kzmg0dhs').setValue(value);\n const style = document.createElement('style');\n const content = `\n .render-engine-container .${this.props.associatedFieldId} {\n display: none;\n }\n`;\n if (this.props.autoHideAssociatedComponent && !this.utils.isViewPage()) {\n style.innerHTML = content;\n document.head.appendChild(style);\n }\n if (this.props.required) {\n this.$('imageField_kzmg0dhs').setValidation([{\n \"type\": \"required\"\n }]);\n this.props.setValidation(this.props.associatedFieldId);\n }\n // this.props.setBehavior(this.props.associatedFieldId);\n }\n}\n\n/**\n* imageField onSuccess\n* @param file: {Object} 文件\n* @param value: {Array} 值\n*/\nexport function onSuccess(file, value) {\n if (this.props.startForm) {\n this.props.setValue(this.props.associatedFieldId, value);\n }\n}"
},
"type": "FUNCTION",
"list": [
{
"id": "saveCropperrRef",
"title": "saveCropperrRef"
},
{
"id": "onFileSelect",
"title": "onFileSelect"
},
{
"id": "onOk",
"title": "onOk"
},
{
"id": "componentDidMount",
"title": "componentDidMount"
},
{
"id": "onSuccess",
"title": "onSuccess"
}
]
}
}
Pesan
Kalender
Rapat
Kontak
Email
Dokumen
Drive
AI Table
AI Minutes
Absensi
Persetujuan
YiDA
Konsol Admin