Comments (5)
JackLian
commented on June 9, 2024
把你用的schema贴一下，那个是存在你本地的，点击设计器左下角 ... 可以看到
from lowcode-engine.
ppJuan
commented on June 9, 2024
把你用的schema贴一下，那个是存在你本地的，点击设计器左下角 ... 可以看到
@JackLian
{
"version": "1.0.0",
"componentsMap": [
{
"package": "@alifd/next",
"version": "1.25.23",
"exportName": "Input",
"main": "",
"destructuring": true,
"subName": "",
"componentName": "Input"
},
{
"package": "@alifd/next",
"version": "1.25.23",
"exportName": "Form",
"main": "",
"destructuring": true,
"subName": "Item",
"componentName": "Form.Item"
},
{
"package": "@alifd/next",
"version": "1.25.23",
"exportName": "Input",
"main": "",
"destructuring": true,
"subName": "Password",
"componentName": "Input.Password"
},
{
"package": "@alifd/next",
"version": "1.25.23",
"exportName": "Form",
"main": "",
"destructuring": true,
"subName": "Submit",
"componentName": "Form.Submit"
},
{
"package": "@alifd/next",
"version": "1.25.23",
"exportName": "Form",
"main": "",
"destructuring": true,
"subName": "Reset",
"componentName": "Form.Reset"
},
{
"package": "@alifd/next",
"version": "1.25.23",
"exportName": "Form",
"main": "",
"destructuring": true,
"subName": "",
"componentName": "Form"
},
{
"package": "@alifd/fusion-ui",
"version": "2.0.2",
"exportName": "ProTable",
"main": "lib/index.js",
"destructuring": true,
"subName": "",
"componentName": "ProTable"
},
{
"package": "@alifd/layout",
"version": "2.4.1",
"exportName": "Cell",
"main": "lib/index.js",
"destructuring": true,
"subName": "",
"componentName": "FDCell"
},
{
"package": "@alifd/layout",
"version": "2.4.1",
"exportName": "Block",
"main": "lib/index.js",
"destructuring": true,
"subName": "",
"componentName": "FDBlock"
},
{
"package": "@alifd/layout",
"version": "2.4.1",
"exportName": "Section",
"main": "lib/index.js",
"destructuring": true,
"subName": "",
"componentName": "FDSection"
},
{
"package": "@alifd/layout",
"version": "2.4.1",
"exportName": "Page",
"main": "lib/index.js",
"destructuring": true,
"componentName": "FDPage"
},
{
"devMode": "lowCode",
"componentName": "Page"
}
],
"componentsTree": [
{
"componentName": "Page",
"id": "node_dockcviv8fo1",
"props": {
"ref": "outerView",
"style": {
"height": "100%"
}
},
"docId": "doclaqkk3b9",
"fileName": "/",
"dataSource": {
"list": [
{
"type": "fetch",
"isInit": true,
"options": {
"params": {
"q": {
"type": "JSExpression",
"value": "this.state.text"
}
},
"method": "GET",
"isCors": true,
"timeout": 5000,
"headers": {},
"uri": "mock/info.json"
},
"id": "info",
"shouldFetch": {
"type": "JSFunction",
"value": "function() { \n console.log('should fetch.....');\n return true; \n}"
}
},
{
"type": "fetch",
"isInit": true,
"options": {
"params": {},
"method": "GET",
"isCors": true,
"timeout": 5000,
"headers": {},
"uri": "mock/info.json"
},
"id": "info1",
"shouldFetch": {
"type": "JSFunction",
"value": "function() { \n console.log('should fetch.....');\n return true; \n}"
}
}
]
},
"state": {
"text": {
"type": "JSExpression",
"value": "\"outer\""
},
"isShowDialog": {
"type": "JSExpression",
"value": "false"
}
},
"css": "body {\n font-size: 12px;\n}\n\n.button {\n width: 100px;\n color: #ff00ff\n}",
"lifeCycles": {
"componentDidMount": {
"type": "JSFunction",
"value": "function componentDidMount() {\n console.log('did mount');\n}",
"source": "function componentDidMount() {\n console.log('did mount');\n}"
},
"componentWillUnmount": {
"type": "JSFunction",
"value": "function componentWillUnmount() {\n console.log('will unmount');\n}",
"source": "function componentWillUnmount() {\n console.log('will unmount');\n}"
}
},
"methods": {
"testFunc": {
"type": "JSFunction",
"value": "function testFunc(a) {\n console.log('test func', a);\n}",
"source": "function testFunc(a) {\n console.log('test func', a);\n}"
},
"onClick": {
"type": "JSFunction",
"value": "function onClick() {\n this.setState({\n isShowDialog: true\n });\n}",
"source": "function onClick() {\n this.setState({\n isShowDialog: true\n });\n}"
},
"closeDialog": {
"type": "JSFunction",
"value": "function closeDialog() {\n this.setState({\n isShowDialog: false\n });\n}",
"source": "function closeDialog() {\n this.setState({\n isShowDialog: false\n });\n}"
},
"getHelloWorldText": {
"type": "JSFunction",
"value": "function getHelloWorldText() {\n return this.i18n('i18n-jwg27yo4');\n}",
"source": "function getHelloWorldText() {\n return this.i18n('i18n-jwg27yo4');\n}"
},
"getHelloWorldText2": {
"type": "JSFunction",
"value": "function getHelloWorldText2() {\n return this.i18n('i18n-jwg27yo3', {\n name: '絮黎'\n });\n}",
"source": "function getHelloWorldText2() {\n return this.i18n('i18n-jwg27yo3', {\n name: '絮黎'\n });\n}"
},
"onTestConstantsButtonClicked": {
"type": "JSFunction",
"value": "function onTestConstantsButtonClicked() {\n console.log('constants.ConstantA:', this.constants.ConstantA);\n console.log('constants.ConstantB:', this.constants.ConstantB);\n}",
"source": "function onTestConstantsButtonClicked() {\n console.log('constants.ConstantA:', this.constants.ConstantA);\n console.log('constants.ConstantB:', this.constants.ConstantB);\n}"
},
"onTestUtilsButtonClicked": {
"type": "JSFunction",
"value": "function onTestUtilsButtonClicked() {\n this.utils.demoUtil('param1', 'param2');\n}",
"source": "function onTestUtilsButtonClicked() {\n this.utils.demoUtil('param1', 'param2');\n}"
}
},
"originCode": "class LowcodeComponent extends Component {\n state = {\n \"text\": \"outer\",\n \"isShowDialog\": false\n }\n componentDidMount() {\n console.log('did mount');\n }\n componentWillUnmount() {\n console.log('will unmount');\n }\n testFunc(a) {\n console.log('test func', a);\n }\n onClick() {\n this.setState({\n isShowDialog: true\n });\n }\n closeDialog() {\n this.setState({\n isShowDialog: false\n });\n }\n getHelloWorldText() {\n return this.i18n('i18n-jwg27yo4');\n }\n getHelloWorldText2() {\n return this.i18n('i18n-jwg27yo3', {\n name: '絮黎',\n });\n }\n onTestConstantsButtonClicked() {\n console.log('constants.ConstantA:', this.constants.ConstantA);\n console.log('constants.ConstantB:', this.constants.ConstantB);\n\t}\n\tonTestUtilsButtonClicked(){\n this.utils.demoUtil('param1', 'param2');\n\t}\n}",
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "Form",
"id": "node_oclivic1ti1d",
"props": {
"labelCol": {
"span": 2
},
"wrapperCol": {
"span": 14
},
"labelAlign": "left",
"__events": {
"eventDataList": [
{
"type": "componentEvent",
"name": "onSubmit",
"relatedEventName": "onClick"
}
],
"eventList": [
{
"name": "saveField",
"disabled": false
},
{
"name": "onSubmit",
"disabled": true
},
{
"name": "onChange",
"disabled": false
}
]
},
"onSubmit": {
"type": "JSFunction",
"value": "function(){return this.onClick.apply(this,Array.prototype.slice.call(arguments).concat([])) }"
}
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "Form.Item",
"id": "node_oclivic1ti1e",
"props": {
"label": "Email: ",
"required": true
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "Input",
"id": "node_oclivic1ti1f",
"props": {
"name": "email",
"size": "medium",
"placeholder": "用户名"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}
]
},
{
"componentName": "Form.Item",
"id": "node_oclivic1ti1g",
"props": {
"label": "Password: ",
"required": true
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "Input.Password",
"id": "node_oclivic1ti1h",
"props": {
"name": "password",
"placeholder": "请输入密码",
"size": "medium"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}
]
},
{
"componentName": "Form.Item",
"id": "node_oclivic1ti1i",
"props": {
"label": "\b"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "Form.Submit",
"id": "node_oclivic1ti1j",
"props": {
"type": "primary",
"validate": true,
"children": "Submit"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
},
{
"componentName": "Form.Reset",
"id": "node_oclivic1ti1k",
"props": {
"style": {
"marginLeft": 10
},
"children": "Reset"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}
]
}
]
},
{
"componentName": "FDPage",
"id": "node_oclfjpfqjy5",
"props": {
"contentProps": {
"style": {
"background": "rgba(255,255,255,0)"
}
},
"ref": "fdpage-bb43fbb0"
},
"title": "页面",
"hidden": false,
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "FDSection",
"id": "node_oclivibrn919",
"props": {},
"title": "区域",
"hidden": false,
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "FDBlock",
"id": "node_oclivibrn91a",
"props": {
"span": 12
},
"title": "区块",
"hidden": false,
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "FDCell",
"id": "node_oclivibrn91b",
"props": {},
"title": "容器",
"hidden": false,
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "ProTable",
"id": "node_oclivic9k01u",
"props": {
"dataSource": [
{
"id": "id-2f5DdE2b-0",
"date": "2013-06-12",
"percent": 1.862,
"documentAmount": 2022,
"currency": "CNY",
"company": "支付宝科技有限公司"
},
{
"id": "id-2f5DdE2b-1",
"date": "2013-06-12",
"percent": 1.862,
"documentAmount": 2022,
"currency": "CNY",
"company": "支付宝科技有限公司"
}
],
"actionColumnButtons": {
"dataSource": [
{
"children": "查看",
"type": "primary"
},
{
"children": "编辑",
"type": "primary",
"disabled": true
},
{
"children": "删除",
"type": "primary"
}
],
"text": true,
"visibleButtonCount": 3
},
"actionBarButtons": {
"dataSource": [
{
"type": "primary",
"children": "操作一"
},
{
"type": "normal",
"children": "操作二"
}
],
"visibleButtonCount": 3
},
"paginationProps": {
"pageSize": 5,
"current": 1,
"hidden": false,
"total": 100
},
"settingButtons": true,
"columns": [
{
"title": "公司",
"dataIndex": "company",
"width": 160,
"formatType": "link",
"searchable": true
},
{
"title": "单据金额",
"dataIndex": "documentAmount",
"formatType": "money"
},
{
"title": "币种",
"dataIndex": "currency",
"formatType": "currency",
"filters": [
{
"label": "CNY",
"value": "CNY"
},
{
"label": "USD",
"value": "USD"
},
{
"label": "JPY",
"value": "JPY"
},
{
"label": "HKD",
"value": "HKD"
}
],
"filterMode": "multiple",
"explanation": "提示信息",
"width": 110
},
{
"title": "完成进度",
"dataIndex": "percent",
"formatType": "progress"
},
{
"title": "到账日期",
"dataIndex": "date",
"formatType": "date"
}
],
"primaryKey": "id",
"actionColumnProps": {
"title": "操作"
},
"indexColumn": false,
"hasBorder": false,
"isZebra": false,
"fixedHeader": false,
"ref": "protable-344adc1e"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"loopArgs": [
"",
""
]
}
]
}
]
}
]
}
]
}
]
}
],
"i18n": {
"zh-CN": {
"i18n-jwg27yo4": "你好 ",
"i18n-jwg27yo3": "{name} 博士"
},
"en-US": {
"i18n-jwg27yo4": "Hello ",
"i18n-jwg27yo3": "Doctor {name}"
}
}
}from lowcode-engine.
JackLian
commented on June 9, 2024
无法复现，你录个屏看一下吧
from lowcode-engine.
JackLian
commented on June 9, 2024
无法复现，你录个屏看一下吧
已复现，我们查一下
from lowcode-engine.
liujuping
commented on June 9, 2024
@eternalsky 组件不可见的原因，跟这里 ghost 的配置有关系。
另外，点击两次提交按钮，按钮会刷新 iframe，这个问题也需要处理一下。
from lowcode-engine.
Related Issues (20)
- addBuiltinComponentAction 时机能否获取组件的 this scope 值？ HOT 3
- lowcode engine对应的demo项目如何封装为组件放在第三方的库里面？ HOT 1
- meta.ts的group和category使用了i18n type后，assets.json里的sort要怎么写
- 组件库中的组件是否支持排序，如果支持又该如何实现！！！！！！！！！！！！！！ HOT 1
- 富文本物料不支持 HOT 1
- bug: lowcode-engine-ext中stylesetter中，文字的透明度和图片的透明度只能同步调整吗？
- selectSetter不支持清除 HOT 1
- 【需求】希望画布中，选中组件支持锁定功能 -- 锁定后组件不可编辑，不可拖拽，组件内部可以获得焦点，即与该组件预览下效果保持一致。
- 修改大纲树样式后,编辑及新增删除节点,大纲树不更新 HOT 1
- 建议：将页面模板实现到引擎中
- 通过列表切换实现动态页面渲染的能力的问题 HOT 1
- 设置循环渲染的数据后不触发 History 的 onChangeState 事件，不能点击撤销
- 元素事件绑定后怎么与表单其他元素进行通信？ HOT 1
- 官网文档错误：【接入编辑器】章节成功完成1～7步，看到的结果页并非官网给出的示例 HOT 2
- [Bug] lowcode-engine v1.3.2 构建失败 HOT 1
- antd里面的modal组件推拽到画布中报错，无法渲染 HOT 2
- ant组件中modal推拽画布无法渲染问题
- 有什么办法可以阻止 Slot 组件被 backspace 键删除掉吗 HOT 1
- 在workspace顶部注册 的插件，在其中访问project.simlatior 为空对象
- 导航菜单报错
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lowcode-engine.