npm - @luck-design-biz/luckda - Versions diffs - 1.0.2-7 → 1.0.2-8 - Mend

@luck-design-biz/luckda 1.0.2-7 → 1.0.2-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/lib/lowcode/painter/panel-section/JSEditor/ToolBar.js ADDED Viewed

@@ -0,0 +1,116 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ahooks = require("ahooks");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "luckda-6530__sc-fxe9dl-0"
+})(["width:300px;height:100%;padding-right:8px;overflow-y:auto;"]);
+var Collapse = (0, _styledComponents.default)(_antd.Collapse).withConfig({
+  displayName: "Collapse",
+  componentId: "luckda-6530__sc-fxe9dl-1"
+})([".ant-collapse-content-box{padding:4px 6px;}"]);
+var ListItem = (0, _styledComponents.default)(_antd.List.Item).withConfig({
+  displayName: "ListItem",
+  componentId: "luckda-6530__sc-fxe9dl-2"
+})(["cursor:pointer;border-radius:4px;padding:8px 4px;&:hover{background:var(--ant-select-selection-color);}"]);
+var ToolBar = function ToolBar(_ref) {
+  var _onClick = _ref.onClick;
+  var ctx = (0, _ContextProvider.useContext)();
+  var meta = (0, _ahooks.useCreation)(function () {
+    return [{
+      key: 'instance',
+      label: '组件实例',
+      children: ctx.componentList.map(function (_ref2) {
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+          _id = _ref3[0],
+          _comp = _ref3[1];
+        return {
+          key: _id,
+          label: "".concat(_comp.name, "(").concat(_id, ")"),
+          text: "ctx.$('".concat(_id, "')")
+        };
+      })
+    }, {
+      key: 'ctx',
+      label: '上下文',
+      group: [{
+        key: 'common',
+        label: '通用',
+        children: [{
+          key: 'apiprefix',
+          label: 'service api前缀',
+          text: 'ctx.API_PREFIX'
+        }, {
+          key: 'primarykey',
+          label: '主键key',
+          text: 'ctx.PRIMARY_KEY'
+        }, {
+          key: 'parentkey',
+          label: '树组件主键key',
+          text: 'ctx.PARENT_KEY'
+        }]
+      }, {
+        key: 'tools',
+        label: '工具',
+        children: [{
+          key: 'dialog',
+          label: '提示弹窗',
+          text: 'ctx.utils.dialog(type, props)'
+        }]
+      }, {
+        key: 'router',
+        label: '路由',
+        children: [{
+          key: 'push',
+          label: '入栈',
+          text: 'ctx.router.push(path, params, type, blank)'
+        }]
+      }]
+    }, {
+      key: 'behavior',
+      label: '执行行为',
+      children: [{
+        key: 'test',
+        label: '测试',
+        text: "ctx.utils.callBehavior({ moduleCode, datasetCode, 'text' }, params, data)"
+      }]
+    }];
+  }, []);
+  var render = (0, _ahooks.useMemoizedFn)(function (_meta) {
+    return _meta.map(function (data) {
+      return /*#__PURE__*/_react.default.createElement(Collapse.Panel, {
+        header: data.label,
+        key: data.key
+      }, data.group && /*#__PURE__*/_react.default.createElement(Collapse, {
+        expandIconPosition: "right"
+      }, render(data.group)), data.children && /*#__PURE__*/_react.default.createElement(_antd.List, {
+        split: false,
+        dataSource: data.children,
+        renderItem: function renderItem(item) {
+          return /*#__PURE__*/_react.default.createElement(ListItem, {
+            key: item.key,
+            onClick: function onClick() {
+              return _onClick(item);
+            }
+          }, item.label);
+        }
+      }));
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(Collapse, {
+    accordion: true,
+    defaultActiveKey: ['instance']
+  }, render(meta)));
+};
+var _default = exports.default = ToolBar;
+//# sourceMappingURL=ToolBar.js.map

package/lib/lowcode/painter/panel-section/JSEditor/ToolBar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_antd","_styledComponents","_ahooks","_ContextProvider","Wrapper","styled","div","withConfig","displayName","componentId","Collapse","AntCollapse","ListItem","List","Item","ToolBar","_ref","onClick","ctx","useContext","meta","useCreation","key","label","children","componentList","map","_ref2","_ref3","_slicedToArray2","default","_id","_comp","concat","name","text","group","render","useMemoizedFn","_meta","data","createElement","Panel","header","expandIconPosition","split","dataSource","renderItem","item","accordion","defaultActiveKey","_default","exports"],"sources":["../../../../../luckda/lowcode/painter/panel-section/JSEditor/ToolBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Collapse as AntCollapse, List } from 'luck-design/antd';\nimport styled from 'styled-components';\nimport { useCreation, useMemoizedFn } from 'ahooks';\nimport { useContext } from '../../../engine/provider/ContextProvider';\n\nconst Wrapper = styled.div`\n width: 300px;\n height: 100%;\n padding-right: 8px;\n overflow-y: auto;\n`;\nconst Collapse = styled(AntCollapse)`\n .ant-collapse-content-box {\n padding: 4px 6px;\n } \n`;\nconst ListItem = styled(List.Item)`\n cursor: pointer;\n border-radius: 4px;\n padding: 8px 4px;\n &:hover {\n background: var(--ant-select-selection-color);\n }\n`;\n\nconst ToolBar = ({ onClick }) => {\n const ctx = useContext();\n\n const meta = useCreation(\n () => [\n {\n key: 'instance',\n label: '组件实例',\n children: ctx.componentList.map(([_id, _comp]) => ({\n key: _id,\n label: `${_comp.name}(${_id})`,\n text: `ctx.$('${_id}')`,\n })),\n },\n {\n key: 'ctx',\n label: '上下文',\n group: [\n {\n key: 'common',\n label: '通用',\n children: [\n { key: 'apiprefix', label: 'service api前缀', text: 'ctx.API_PREFIX' },\n { key: 'primarykey', label: '主键key', text: 'ctx.PRIMARY_KEY' },\n { key: 'parentkey', label: '树组件主键key', text: 'ctx.PARENT_KEY' },\n ],\n },\n {\n key: 'tools',\n label: '工具',\n children: [{ key: 'dialog', label: '提示弹窗', text: 'ctx.utils.dialog(type, props)' }],\n },\n {\n key: 'router',\n label: '路由',\n children: [\n { key: 'push', label: '入栈', text: 'ctx.router.push(path, params, type, blank)' },\n ],\n },\n ],\n },\n {\n key: 'behavior',\n label: '执行行为',\n children: [\n {\n key: 'test',\n label: '测试',\n text: `ctx.utils.callBehavior({ moduleCode, datasetCode, 'text' }, params, data)`\n },\n ],\n },\n ],\n [],\n );\n\n const render = useMemoizedFn((_meta) => {\n return _meta.map((data) => (\n <Collapse.Panel header={data.label} key={data.key}>\n {data.group && (\n <Collapse expandIconPosition=\"right\">\n {render(data.group)}\n </Collapse>\n )}\n {data.children && (\n <List\n split={false}\n dataSource={data.children}\n renderItem={(item) => (\n <ListItem key={item.key} onClick={() => onClick(item)}>\n {item.label}\n </ListItem>\n )}\n />\n )}\n </Collapse.Panel>\n ));\n });\n\n return (\n <Wrapper>\n <Collapse accordion defaultActiveKey={['instance']}>{render(meta)}</Collapse>\n </Wrapper>\n );\n};\n\nexport default ToolBar;\n"],"mappings":"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"}

package/lib/lowcode/painter/panel-section/{JSEditor.js → JSEditor/index.js} RENAMED Viewed

@@ -8,18 +8,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var monaco = _interopRequireWildcard(require("monaco-editor"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _luckDesign = require("luck-design");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _lodash = require("lodash");
 var _utils = require("@luck-design-biz/base/utils");
-var _RuntimeComp = _interopRequireDefault(require("../../view/lc-components/JSX/RuntimeComp"));
-var _JSEditor2 = _interopRequireDefault(require("../components/code-editor/JSEditor"));
+var _ToolBar = _interopRequireDefault(require("./ToolBar"));
+var _RuntimeComp = _interopRequireDefault(require("../../../view/lc-components/JSX/RuntimeComp"));
+var _JSEditor2 = _interopRequireDefault(require("../../components/code-editor/JSEditor"));
+var Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "luckda-6530__sc-pquf2n-0"
+})(["width:100%;height:100%;display:flex;"]);
 var _JSEditor = function _JSEditor(_ref) {
   var defaultValue = _ref.defaultValue,
     defaultCode = _ref.defaultCode,
     onChange = _ref.onChange,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$isjsx = _ref.isjsx,
+    isjsx = _ref$isjsx === void 0 ? false : _ref$isjsx;
   var editorRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)(defaultValue || defaultCode),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -50,7 +59,38 @@ var _JSEditor = function _JSEditor(_ref) {
       hasErrorOn();
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children || /*#__PURE__*/_react.default.createElement(_antd.Button, {
+  var handleToolItemClick = (0, _ahooks.useMemoizedFn)(function (item) {
+    var _editorRef$current$ed = editorRef.current.editor.getPosition(),
+      lineNumber = _editorRef$current$ed.lineNumber,
+      column = _editorRef$current$ed.column;
+    var range = new monaco.Range(lineNumber, column, lineNumber, column);
+    editorRef.current.editor.executeEdits('', [{
+      range: range,
+      text: item.text
+    }]);
+  });
+  var handleOk = (0, _ahooks.useMemoizedFn)(function () {
+    onChange(editorRef.current.editor.getValue());
+    hidden();
+  });
+  var renderFooter = (0, _ahooks.useMemoizedFn)(function () {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isjsx ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      disabled: hasError
+    }, (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.panel-section.jseditor.saveto',
+      label: '保存为'
+    })) : null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      type: "primary",
+      disabled: hasError,
+      onClick: handleOk
+    }, (0, _utils.formatMessage)({
+      id: 'app.base.operate.ok',
+      label: '确定'
+    })));
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("div", {
+    onClick: show
+  }, children) : /*#__PURE__*/_react.default.createElement(_antd.Button, {
     block: true,
     size: "small",
     onClick: show,
@@ -72,18 +112,27 @@ var _JSEditor = function _JSEditor(_ref) {
     mask: false,
     maskClosable: false,
     visible: visible,
-    footer: null,
+    footer: renderFooter(),
     onClose: hidden
-  }, /*#__PURE__*/_react.default.createElement(_luckDesign.SplitPane, {
+  }, /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_ToolBar.default, {
+    onClick: handleToolItemClick
+  }), isjsx ? /*#__PURE__*/_react.default.createElement(_luckDesign.SplitPane, {
     split: "vertical"
-  }, /*#__PURE__*/_react.default.createElement(_luckDesign.SplitPane.Pane, null, /*#__PURE__*/_react.default.createElement(_JSEditor2.default, {
+  }, /*#__PURE__*/_react.default.createElement(_luckDesign.SplitPane.Pane, {
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_JSEditor2.default, {
     ref: editorRef,
     onChange: run
   }, defaultValue || defaultCode)), /*#__PURE__*/_react.default.createElement(_luckDesign.SplitPane.Pane, {
     minSize: "400px"
   }, /*#__PURE__*/_react.default.createElement(_RuntimeComp.default, {
     onErrorCatch: handleErrorCatch
-  }, code)))));
+  }, code))) : /*#__PURE__*/_react.default.createElement(_JSEditor2.default, {
+    ref: editorRef,
+    onChange: run
+  }, defaultValue || defaultCode))));
 };
 var _default = exports.default = _JSEditor;
-//# sourceMappingURL=JSEditor.js.map
+//# sourceMappingURL=index.js.map

package/lib/lowcode/painter/panel-section/JSEditor/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","monaco","_ahooks","_antd","_luckDesign","_styledComponents","_interopRequireDefault","_lodash","_utils","_ToolBar","_RuntimeComp","_JSEditor2","Wrapper","styled","div","withConfig","displayName","componentId","_JSEditor","_ref","defaultValue","defaultCode","onChange","children","_ref$isjsx","isjsx","editorRef","useRef","_useState","useState","_useState2","_slicedToArray2","default","code","setCode","_useDebounceFn","useDebounceFn","_code","wait","run","_useBoolean","useBoolean","_useBoolean2","visible","_useBoolean2$","show","setTrue","hidden","setFalse","_useBoolean3","_useBoolean4","hasError","_useBoolean4$","hasErrorOn","hasErrorOff","handleErrorCatch","useMemoizedFn","error","isNil","handleToolItemClick","item","_editorRef$current$ed","current","editor","getPosition","lineNumber","column","range","Range","executeEdits","text","handleOk","getValue","renderFooter","createElement","Fragment","Button","disabled","formatMessage","id","label","type","onClick","block","size","style","margin","width","LuckModal","title","height","fullScreen","mask","maskClosable","footer","onClose","SplitPane","split","Pane","overflow","ref","minSize","onErrorCatch","_default","exports"],"sources":["../../../../../luckda/lowcode/painter/panel-section/JSEditor/index.jsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport * as monaco from 'monaco-editor';\nimport { useBoolean, useDebounceFn, useMemoizedFn } from 'ahooks';\nimport { Button } from 'luck-design/antd';\nimport { LuckModal, SplitPane } from 'luck-design';\nimport styled from 'styled-components';\nimport { isNil } from 'lodash';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport ToolBar from './ToolBar';\nimport RuntimeComp from '../../../view/lc-components/JSX/RuntimeComp';\nimport JSEditor from '../../components/code-editor/JSEditor';\n\nconst Wrapper = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n`;\n\nconst _JSEditor = ({ defaultValue, defaultCode, onChange, children, isjsx = false }) => {\n const editorRef = useRef();\n const [code, setCode] = useState(defaultValue || defaultCode);\n const { run } = useDebounceFn(\n (_code) => {\n setCode(_code);\n },\n { wait: 500 },\n );\n const [visible, { setTrue: show, setFalse: hidden }] = useBoolean(false);\n const [hasError, { setTrue: hasErrorOn, setFalse: hasErrorOff }] = useBoolean(false);\n\n const handleErrorCatch = useMemoizedFn((error) => {\n if (isNil(error)) {\n hasErrorOff();\n } else {\n hasErrorOn();\n }\n });\n\n const handleToolItemClick = useMemoizedFn((item) => {\n const { lineNumber, column } = editorRef.current.editor.getPosition();\n const range = new monaco.Range(lineNumber, column, lineNumber, column);\n editorRef.current.editor.executeEdits('', [{ range: range, text: item.text }]);\n });\n\n const handleOk = useMemoizedFn(() => {\n onChange(editorRef.current.editor.getValue());\n hidden();\n });\n\n const renderFooter = useMemoizedFn(() => (\n <>\n {isjsx ? (\n <Button disabled={hasError}>\n {formatMessage({\n id: 'luckda.lowcode.painter.panel-section.jseditor.saveto',\n label: '保存为',\n })}\n </Button>\n ) : null}\n <Button type=\"primary\" disabled={hasError} onClick={handleOk}>\n {formatMessage({ id: 'app.base.operate.ok', label: '确定' })}\n </Button>\n </>\n ));\n\n return (\n <>\n {children ? (\n <div onClick={show}>{children}</div>\n ) : (\n <Button\n block\n size=\"small\"\n onClick={show}\n style={{ margin: '0 8px', width: 'calc(100% - 16px)' }}\n >\n {formatMessage({\n id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',\n label: '源码编辑',\n })}\n </Button>\n )}\n <LuckModal\n title={formatMessage({\n id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',\n label: '源码编辑',\n })}\n width=\"80vw\"\n height=\"80vh\"\n fullScreen\n mask={false}\n maskClosable={false}\n visible={visible}\n footer={renderFooter()}\n onClose={hidden}\n >\n <Wrapper>\n <ToolBar onClick={handleToolItemClick} />\n {isjsx ? (\n <SplitPane split=\"vertical\">\n <SplitPane.Pane style={{ overflow: 'hidden' }}>\n <JSEditor ref={editorRef} onChange={run}>\n {defaultValue || defaultCode}\n </JSEditor>\n </SplitPane.Pane>\n <SplitPane.Pane minSize=\"400px\">\n <RuntimeComp onErrorCatch={handleErrorCatch}>{code}</RuntimeComp>\n </SplitPane.Pane>\n </SplitPane>\n ) : (\n <JSEditor ref={editorRef} onChange={run}>\n {defaultValue || defaultCode}\n </JSEditor>\n )}\n </Wrapper>\n </LuckModal>\n </>\n );\n};\n\nexport default _JSEditor;\n"],"mappings":"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"}

package/lib/lowcode/view/lc-components/CardList/meta.json CHANGED Viewed

@@ -98,7 +98,6 @@
             "name": "图标地址",
             "type": "_JSEditor",
             "defaultCode": "function avatarUrl(record) { \n return null; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -115,7 +114,7 @@
             "name": "标题内容",
             "type": "_JSEditor",
             "defaultCode": "function renderTitle(record) { \n return record.sname; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -138,7 +137,7 @@
             "name": "描述内容",
             "type": "_JSEditor",
             "defaultCode": "function renderDescribe(record) { \n return record.describe; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -149,7 +148,7 @@
             "name": "自定义",
             "type": "_JSEditor",
             "defaultCode": "function renderContent(record) { \n return null; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -232,7 +231,6 @@
             "name": "不可选卡片",
             "type": "_JSEditor",
             "defaultCode": "function disabledCheckbox(record) { \n return false; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true

package/lib/lowcode/view/lc-components/FieldDate/meta.json CHANGED Viewed

@@ -34,7 +34,6 @@
       "name": "不可选日期",
       "type": "_JSEditor",
       "defaultCode": "function disabledDate(currentDate) {return true}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": { "suppressIcon": true }
     },

package/lib/lowcode/view/lc-components/FieldEditor/meta.json CHANGED Viewed

@@ -23,7 +23,6 @@
       "name": "编辑类",
       "type": "_JSEditor",
       "defaultCode": "function plugins() { \n return ['autolink', 'lists', 'link', 'image', 'table', 'fullscreen']; \n}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/lib/lowcode/view/lc-components/FieldGroup/meta.json CHANGED Viewed

@@ -46,7 +46,6 @@
       "name": "禁止选择",
       "type": "_JSEditor",
       "defaultCode": "function suppressSelect(rowData) { \n return false; \n}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/lib/lowcode/view/lc-components/FieldYear/meta.json CHANGED Viewed

@@ -22,7 +22,6 @@
       "name": "不可选日期",
       "type": "_JSEditor",
       "defaultCode": "function disabledDate(currentDate) {return true}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": { "suppressIcon": true }
     },

package/lib/lowcode/view/lc-components/Form/meta.json CHANGED Viewed

@@ -74,7 +74,7 @@
             "name": "按钮区域左侧渲染",
             "type": "_JSEditor",
             "defaultCode": "function renderFormLeft() { \n return null; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -85,7 +85,7 @@
             "name": "按钮区域右侧渲染",
             "type": "_JSEditor",
             "defaultCode": "function renderFormRight() { \n return null; \n}",
-            "mustConfirm": true,
+            "isjsx": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -256,7 +256,6 @@
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
                 "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -266,7 +265,6 @@
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
                 "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData) { \n return { [dataSetKey]: submitData }; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               }
@@ -360,7 +358,6 @@
                     "desc": "重写操列",
                     "type": "_JSEditor",
                     "defaultCode": "function actionsColumnReset(data, index, actions, params) { \n \t \n}",
-                    "mustConfirm": true,
                     "wrapper": "collapse",
                     "wrapperProps": { "suppressIcon": true }
                   }
@@ -372,7 +369,6 @@
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
                 "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -382,7 +378,6 @@
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
                 "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData, behaviorKey) { \n return { [dataSetKey]: { [`${behaviorKey}List`]: submitData } }; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -392,7 +387,6 @@
                 "desc": "重置表格列",
                 "type": "_JSEditor",
                 "defaultCode": "function columnsReset(columns) { \n return columns; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -402,7 +396,6 @@
                 "desc": "加载完成回调",
                 "type": "_JSEditor",
                 "defaultCode": "function onGridFormReady(ref, params, gridForm) { \n\t\n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               }
@@ -471,7 +464,6 @@
                     "desc": "重写操作列",
                     "type": "_JSEditor",
                     "defaultCode": "function actionsColumnReset(data, index, actions, params) { \n \t \n}",
-                    "mustConfirm": true,
                     "wrapper": "collapse",
                     "wrapperProps": { "suppressIcon": true }
                   }
@@ -483,7 +475,6 @@
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
                 "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -493,7 +484,6 @@
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
                 "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData, behaviorKey) { \n return { [dataSetKey]: { [`${behaviorKey}List`]: submitData } }; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -503,7 +493,6 @@
                 "desc": "重置表格列",
                 "type": "_JSEditor",
                 "defaultCode": "function columnsReset(columns) { \n return columns; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -513,7 +502,6 @@
                 "desc": "加载完成回调",
                 "type": "_JSEditor",
                 "defaultCode": "function onGridFormReady(ref, params, gridForm) { \n\t\n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               }
@@ -565,7 +553,6 @@
                 "name": "自定义操作列",
                 "type": "_JSEditor",
                 "defaultCode": "function resetActions(data, index, actionList, params) { \n return actionList; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -574,7 +561,6 @@
                 "name": "禁止上传类型",
                 "type": "_JSEditor",
                 "defaultCode": "function forbiddenTypes() { \n return []; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -583,7 +569,6 @@
                 "name": "上传前置事件",
                 "type": "_JSEditor",
                 "defaultCode": "function beforeUpload(file, fileList) { \n return true; \n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               },
@@ -592,7 +577,6 @@
                 "name": "上传事件回调",
                 "type": "_JSEditor",
                 "defaultCode": "function onUploadChange(event) { \n\t\n}",
-                "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
               }

package/lib/lowcode/view/lc-components/GroupTree/meta.json CHANGED Viewed

@@ -50,7 +50,6 @@
       "desc": "返回默认选中的数据主键",
       "type": "_JSEditor",
       "defaultCode": "function defaultSelect(treeData, firstNode) { \n return firstNode.id; \n}",
-      "mustConfirm": true,
       "wrapper": "collapse",
       "wrapperProps": {
         "suppressIcon": true

package/lib/lowcode/view/lc-components/JSX/RuntimeComp.js CHANGED Viewed

@@ -39,6 +39,7 @@ var RuntimeCom = function RuntimeCom(_ref) {
     var code = _react.default.Children.toArray(children).join('').trim();
     if (!code) return _react.Fragment;
     try {
+      onErrorCatch === null || onErrorCatch === void 0 || onErrorCatch();
       // 使用Babel转换代码
       var transformedCode = Babel.transform(code, {
         presets: ['react']

package/lib/lowcode/view/lc-components/JSX/RuntimeComp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","Babel","LuckAntd","LuckDesign","AHooks","_styledComponents","_interopRequireDefault","_lodash","_ContextProvider","_helper","_ErrorBoundary","_excluded","ErrorContent","styled","p","withConfig","displayName","componentId","RuntimeCom","_ref","children","onErrorCatch","rest","_objectWithoutProperties2","default","ctx","useContext","Component","useCreation","code","React","Children","toArray","join","trim","Fragment","transformedCode","transform","presets","functionNameMatch","match","length","functionName","argsName","keys","_args","map","n","executeCode","apply","concat","_toConsumableArray2","_objectSpread2","e","createElement","message","_default","exports"],"sources":["../../../../../luckda/lowcode/view/lc-components/JSX/RuntimeComp.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as Babel from '@babel/standalone';\nimport * as LuckAntd from 'luck-design/antd';\nimport * as LuckDesign from 'luck-design';\nimport * as AHooks from 'ahooks';\nimport styled from 'styled-components';\nimport { keys } from 'lodash';\nimport { useContext } from '../../../engine/provider/ContextProvider';\nimport { executeCode } from '../../../engine/tools/helper';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst ErrorContent = styled.p`\n white-space: pre-line;\n color: var(--luck-color-danger);\n`;\n\n/*\n 实时代码渲染组件\n * todo：沙箱上下文的集成\n * todo：Loading效果的优化\n */\nconst RuntimeCom = ({ children, onErrorCatch, ...rest }) => {\n const ctx = useContext();\n\n const Component = AHooks.useCreation(() => {\n const code = React.Children.toArray(children).join('').trim();\n if (!code) return Fragment;\n\n try {\n // 使用Babel转换代码\n const transformedCode = Babel.transform(code, {\n presets: ['react'],\n }).code;\n const functionNameMatch = transformedCode.match(/function\\s+([^\\s(]+)/);\n if (functionNameMatch && functionNameMatch.length > 1) {\n const functionName = functionNameMatch[1];\n const argsName = keys(rest);\n const _args = argsName.map((n) => rest[n]);\n return executeCode(\n ctx,\n `function() {${transformedCode}; return ${functionName};}`,\n ['React', 'Antd', 'Luckd', 'styled', 'libs', ...argsName],\n React,\n LuckAntd,\n LuckDesign,\n styled,\n { ...AHooks },\n ..._args,\n );\n }\n return Fragment;\n } catch (e) {\n onErrorCatch?.(e);\n return () => <ErrorContent>{e.message}</ErrorContent>;\n }\n }, [children]);\n\n return (\n <ErrorBoundary onErrorCatch={onErrorCatch}>\n <Component />\n </ErrorBoundary>\n );\n};\n\nexport default RuntimeCom;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAJ,sBAAA,CAAAN,OAAA;AAAgD,IAAAW,SAAA;AAEhD,IAAMC,YAAY,GAAGC,yBAAM,CAACC,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4DAG5B;;AAED;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAA4C;EAAA,IAAtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAR,SAAA;EACnD,IAAMc,GAAG,GAAG,IAAAC,2BAAU,EAAC,CAAC;EAExB,IAAMC,SAAS,GAAGvB,MAAM,CAACwB,WAAW,CAAC,YAAM;IACzC,IAAMC,IAAI,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,CAACa,IAAI,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC;IAC7D,IAAI,CAACL,IAAI,EAAE,OAAOM,eAAQ;IAE1B,IAAI;~~MACF~~;MACA,~~IAAMC~~,eAAe,GAAGnC,KAAK,CAACoC,SAAS,CAACR,IAAI,EAAE;QAC5CS,OAAO,EAAE,CAAC,OAAO;MACnB,CAAC,CAAC,CAACT,IAAI;MACP,IAAMU,iBAAiB,GAAGH,eAAe,CAACI,KAAK,CAAC,sBAAsB,CAAC;MACvE,IAAID,iBAAiB,IAAIA,iBAAiB,CAACE,MAAM,GAAG,CAAC,EAAE;QACrD,IAAMC,YAAY,GAAGH,iBAAiB,CAAC,CAAC,CAAC;QACzC,IAAMI,QAAQ,GAAG,IAAAC,YAAI,EAACtB,IAAI,CAAC;QAC3B,IAAMuB,KAAK,GAAGF,QAAQ,CAACG,GAAG,CAAC,UAACC,CAAC;UAAA,OAAKzB,IAAI,CAACyB,CAAC,CAAC;QAAA,EAAC;QAC1C,OAAOC,mBAAW,CAAAC,KAAA,UAChBxB,GAAG,iBAAAyB,MAAA,CACYd,eAAe,eAAAc,MAAA,CAAYR,YAAY,UACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAAQ,MAAA,KAAAC,mBAAA,CAAA3B,OAAA,EAAKmB,QAAQ,IACxDb,cAAK,EACL5B,QAAQ,EACRC,UAAU,EACVU,yBAAM,MAAAuC,cAAA,CAAA5B,OAAA,MACDpB,MAAM,GAAA8C,MAAA,KAAAC,mBAAA,CAAA3B,OAAA,EACRqB,KAAK,EACV,CAAC;MACH;MACA,OAAOV,eAAQ;IACjB,CAAC,CAAC,OAAOkB,CAAC,EAAE;MACVhC,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGgC,CAAC,CAAC;MACjB,OAAO;QAAA,oBAAMvD,MAAA,CAAA0B,OAAA,CAAA8B,aAAA,CAAC1C,YAAY,QAAEyC,CAAC,CAACE,OAAsB,CAAC;MAAA;IACvD;EACF,CAAC,EAAE,CAACnC,QAAQ,CAAC,CAAC;EAEd,oBACEtB,MAAA,CAAA0B,OAAA,CAAA8B,aAAA,CAAC5C,cAAA,CAAAc,OAAa;IAACH,YAAY,EAAEA;EAAa,gBACxCvB,MAAA,CAAA0B,OAAA,CAAA8B,aAAA,CAAC3B,SAAS,MAAE,CACC,CAAC;AAEpB,CAAC;AAAC,IAAA6B,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaN,UAAU"}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","Babel","LuckAntd","LuckDesign","AHooks","_styledComponents","_interopRequireDefault","_lodash","_ContextProvider","_helper","_ErrorBoundary","_excluded","ErrorContent","styled","p","withConfig","displayName","componentId","RuntimeCom","_ref","children","onErrorCatch","rest","_objectWithoutProperties2","default","ctx","useContext","Component","useCreation","code","React","Children","toArray","join","trim","Fragment","transformedCode","transform","presets","functionNameMatch","match","length","functionName","argsName","keys","_args","map","n","executeCode","apply","concat","_toConsumableArray2","_objectSpread2","e","createElement","message","_default","exports"],"sources":["../../../../../luckda/lowcode/view/lc-components/JSX/RuntimeComp.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as Babel from '@babel/standalone';\nimport * as LuckAntd from 'luck-design/antd';\nimport * as LuckDesign from 'luck-design';\nimport * as AHooks from 'ahooks';\nimport styled from 'styled-components';\nimport { keys } from 'lodash';\nimport { useContext } from '../../../engine/provider/ContextProvider';\nimport { executeCode } from '../../../engine/tools/helper';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst ErrorContent = styled.p`\n white-space: pre-line;\n color: var(--luck-color-danger);\n`;\n\n/*\n 实时代码渲染组件\n * todo：沙箱上下文的集成\n * todo：Loading效果的优化\n */\nconst RuntimeCom = ({ children, onErrorCatch, ...rest }) => {\n const ctx = useContext();\n\n const Component = AHooks.useCreation(() => {\n const code = React.Children.toArray(children).join('').trim();\n if (!code) return Fragment;\n\n try {\n onErrorCatch?.();\n // 使用Babel转换代码\n const transformedCode = Babel.transform(code, {\n presets: ['react'],\n }).code;\n const functionNameMatch = transformedCode.match(/function\\s+([^\\s(]+)/);\n if (functionNameMatch && functionNameMatch.length > 1) {\n const functionName = functionNameMatch[1];\n const argsName = keys(rest);\n const _args = argsName.map((n) => rest[n]);\n return executeCode(\n ctx,\n `function() {${transformedCode}; return ${functionName};}`,\n ['React', 'Antd', 'Luckd', 'styled', 'libs', ...argsName],\n React,\n LuckAntd,\n LuckDesign,\n styled,\n { ...AHooks },\n ..._args,\n );\n }\n return Fragment;\n } catch (e) {\n onErrorCatch?.(e);\n return () => <ErrorContent>{e.message}</ErrorContent>;\n }\n }, [children]);\n\n return (\n <ErrorBoundary onErrorCatch={onErrorCatch}>\n <Component />\n </ErrorBoundary>\n );\n};\n\nexport default RuntimeCom;\n"],"mappings":"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"}

package/lib/lowcode/view/lc-components/JSX/meta.json CHANGED Viewed

@@ -18,10 +18,11 @@
       "name": "编辑jsx代码",
       "desc": "编写可执行的完整jsx组件代码",
       "type": "_JSEditor",
-      "default": "function Component() {\n\treturn(\n\t\t<div>\n\t\t\t此为自定义代码组件，请使用 JSX 语法\n\t\t</div>\n\t)\n}",
-      "mustConfirm": true,
+      "defaultCode": "function Component() {\n\treturn(\n\t\t<div>\n\t\t\t此为自定义代码组件，请使用 JSX 语法\n\t\t</div>\n\t)\n}",
+      "isjsx": true,
       "wrapper": "collapse",
-      "wrapperProps": { "suppressIcon": true }
+      "wrapperProps": { "suppressIcon": true },
+      "repositioning": true
     }
   ],
   "css": ""

package/lib/lowcode/view/lc-components/Section/meta.json CHANGED Viewed

@@ -73,7 +73,7 @@
       "desc": "分组副标题的插槽内容",
       "type": "_JSEditor",
       "defaultCode": "function Component() { \n return <span>subtitle</span>; \n}",
-      "mustConfirm": true,
+      "isjsx": true,
       "wrapper": "collapse",
       "wrapperProps": { "suppressIcon": true }
     },
@@ -83,7 +83,7 @@
       "desc": "分组扩展区域的插槽内容",
       "type": "_JSEditor",
       "defaultCode": "function Component() { \n return <div>extra</div>; \n}",
-      "mustConfirm": true,
+      "isjsx": true,
       "wrapper": "collapse",
       "wrapperProps": { "suppressIcon": true }
     }

package/lib/lowcode/view/lc-components/Table/meta.json CHANGED Viewed

@@ -182,7 +182,6 @@
             "name": "默认选中行",
             "type": "_JSEditor",
             "defaultCode": "function getRowDefaultSelected(data, node) { \n return false; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -193,7 +192,6 @@
             "name": "行是否可选",
             "type": "_JSEditor",
             "defaultCode": "function getRowSelectable(data, node) { \n return true; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -322,7 +320,6 @@
             "name": "格式化数据",
             "type": "_JSEditor",
             "defaultCode": "function formatDataSource(list, detail) { \n return []; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -333,7 +330,6 @@
             "name": "构建树层级",
             "type": "_JSEditor",
             "defaultCode": "function getDataPath(data) { \n return []; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -345,7 +341,6 @@
             "desc": "自定义某些表格列",
             "type": "_JSEditor",
             "defaultCode": "function columnsRewrite(columns) { \n return columns; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -357,7 +352,6 @@
             "desc": "完全自定义所有表格列，优先级大于columnsRewrite",
             "type": "_JSEditor",
             "defaultCode": "function columnsReset(columns) { \n return columns; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true
@@ -368,7 +362,6 @@
             "name": "model参数",
             "type": "_JSEditor",
             "defaultCode": "function getModelParams() { \n return {}; \n}",
-            "mustConfirm": true,
             "wrapper": "collapse",
             "wrapperProps": {
               "suppressIcon": true

package/lib/lowcode/view/lc-components/Tabs/meta.json CHANGED Viewed

@@ -82,7 +82,7 @@
       "name": "tab bar 上额外的元素",
       "type": "_JSEditor",
       "defaultCode": "function Component() { \n return <div>extra</div>; \n}",
-      "mustConfirm": true,
+      "isjsx": true,
       "wrapper": "collapse",
       "wrapperProps": { "suppressIcon": true }
     }