@luck-design-biz/luckda 1.0.2-6 → 1.0.2-7
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.
- package/es/lowcode/painter/panel-section/JSEditor.js +7 -2
- package/es/lowcode/painter/panel-section/JSEditor.js.map +1 -1
- package/es/lowcode/view/ErrorBoundary.js +3 -3
- package/es/lowcode/view/ErrorBoundary.js.map +1 -1
- package/es/lowcode/view/lc-components/JSX/RuntimeComp.js +1 -0
- package/es/lowcode/view/lc-components/JSX/RuntimeComp.js.map +1 -1
- package/lib/lowcode/painter/panel-section/JSEditor.js +7 -2
- package/lib/lowcode/painter/panel-section/JSEditor.js.map +1 -1
- package/lib/lowcode/view/ErrorBoundary.js +3 -3
- package/lib/lowcode/view/ErrorBoundary.js.map +1 -1
- package/lib/lowcode/view/lc-components/JSX/RuntimeComp.js +1 -0
- package/lib/lowcode/view/lc-components/JSX/RuntimeComp.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import React, { useRef, useState } from 'react';
|
|
|
3
3
|
import { useBoolean, useDebounceFn, useMemoizedFn } from 'ahooks';
|
|
4
4
|
import { Button } from 'luck-design/antd';
|
|
5
5
|
import { LuckModal, SplitPane } from 'luck-design';
|
|
6
|
+
import { isNil } from 'lodash';
|
|
6
7
|
import { formatMessage } from '@luck-design-biz/base/utils';
|
|
7
8
|
import RuntimeComp from "../../view/lc-components/JSX/RuntimeComp";
|
|
8
9
|
import JSEditor from "../components/code-editor/JSEditor";
|
|
@@ -35,7 +36,11 @@ var _JSEditor = function _JSEditor(_ref) {
|
|
|
35
36
|
hasErrorOn = _useBoolean4$.setTrue,
|
|
36
37
|
hasErrorOff = _useBoolean4$.setFalse;
|
|
37
38
|
var handleErrorCatch = useMemoizedFn(function (error) {
|
|
38
|
-
|
|
39
|
+
if (isNil(error)) {
|
|
40
|
+
hasErrorOff();
|
|
41
|
+
} else {
|
|
42
|
+
hasErrorOn();
|
|
43
|
+
}
|
|
39
44
|
});
|
|
40
45
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children || /*#__PURE__*/React.createElement(Button, {
|
|
41
46
|
block: true,
|
|
@@ -58,8 +63,8 @@ var _JSEditor = function _JSEditor(_ref) {
|
|
|
58
63
|
fullScreen: true,
|
|
59
64
|
mask: false,
|
|
60
65
|
maskClosable: false,
|
|
61
|
-
closable: false,
|
|
62
66
|
visible: visible,
|
|
67
|
+
footer: null,
|
|
63
68
|
onClose: hidden
|
|
64
69
|
}, /*#__PURE__*/React.createElement(SplitPane, {
|
|
65
70
|
split: "vertical"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","useState","useBoolean","useDebounceFn","useMemoizedFn","Button","LuckModal","SplitPane","formatMessage","RuntimeComp","JSEditor","_JSEditor","_ref","defaultValue","defaultCode","onChange","children","editorRef","_useState","_useState2","_slicedToArray","code","setCode","_useDebounceFn","_code","wait","run","_useBoolean","_useBoolean2","visible","_useBoolean2$","show","setTrue","hidden","setFalse","_useBoolean3","_useBoolean4","hasError","_useBoolean4$","hasErrorOn","hasErrorOff","handleErrorCatch","error","
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","useBoolean","useDebounceFn","useMemoizedFn","Button","LuckModal","SplitPane","isNil","formatMessage","RuntimeComp","JSEditor","_JSEditor","_ref","defaultValue","defaultCode","onChange","children","editorRef","_useState","_useState2","_slicedToArray","code","setCode","_useDebounceFn","_code","wait","run","_useBoolean","_useBoolean2","visible","_useBoolean2$","show","setTrue","hidden","setFalse","_useBoolean3","_useBoolean4","hasError","_useBoolean4$","hasErrorOn","hasErrorOff","handleErrorCatch","error","createElement","Fragment","block","size","onClick","style","margin","width","id","label","title","height","fullScreen","mask","maskClosable","footer","onClose","split","Pane","ref","minSize","onErrorCatch"],"sources":["../../../../luckda/lowcode/painter/panel-section/JSEditor.jsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { useBoolean, useDebounceFn, useMemoizedFn } from 'ahooks';\nimport { Button } from 'luck-design/antd';\nimport { LuckModal, SplitPane } from 'luck-design';\nimport { isNil } from 'lodash';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport RuntimeComp from '../../view/lc-components/JSX/RuntimeComp';\nimport JSEditor from '../components/code-editor/JSEditor';\n\nconst _JSEditor = ({ defaultValue, defaultCode, onChange, children }) => {\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 return (\n <>\n {children || (\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={null}\n onClose={hidden}\n >\n <SplitPane split=\"vertical\">\n <SplitPane.Pane>\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 </LuckModal>\n </>\n );\n};\n\nexport default _JSEditor;\n"],"mappings":"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"}
|
|
@@ -31,9 +31,9 @@ var ErrorBoundary = /*#__PURE__*/function (_PureComponent) {
|
|
|
31
31
|
return _this;
|
|
32
32
|
}
|
|
33
33
|
_createClass(ErrorBoundary, [{
|
|
34
|
-
key: "
|
|
35
|
-
value: function
|
|
36
|
-
if (
|
|
34
|
+
key: "componentWillReceiveProps",
|
|
35
|
+
value: function componentWillReceiveProps(nextProps) {
|
|
36
|
+
if (nextProps.children !== this.props.children && this.state.hasError) {
|
|
37
37
|
var _this$props$onErrorCa, _this$props;
|
|
38
38
|
// 重置 hasError 为 false 以便重新渲染子组件
|
|
39
39
|
(_this$props$onErrorCa = (_this$props = this.props).onErrorCatch) === null || _this$props$onErrorCa === void 0 || _this$props$onErrorCa.call(_this$props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","PureComponent","styled","Wrapper","div","withConfig","displayName","componentId","Title","h3","Content","p","ErrorBoundary","_PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","hasError","error","errorInfo","_createClass","key","value","
|
|
1
|
+
{"version":3,"names":["React","PureComponent","styled","Wrapper","div","withConfig","displayName","componentId","Title","h3","Content","p","ErrorBoundary","_PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","hasError","error","errorInfo","_createClass","key","value","componentWillReceiveProps","nextProps","children","_this$props$onErrorCa","_this$props","onErrorCatch","setState","componentDidCatch","_this$props$onErrorCa2","_this$props2","console","componentStack","render","createElement","dangerouslySetInnerHTML","__html"],"sources":["../../../luckda/lowcode/view/ErrorBoundary.jsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n width: 100%;\n height: 100%;\n overflow: auto;\n`;\nconst Title = styled.h3`\n white-space: pre-line;\n color: var(--luck-color-danger);\n fontSize: 1.5rem;\n`;\nconst Content = styled.p`\n white-space: pre-line;\n color: var(--luck-color-danger);\n`;\n\nclass ErrorBoundary extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n hasError: false,\n error: '',\n errorInfo: '',\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.children !== this.props.children && this.state.hasError) {\n // 重置 hasError 为 false 以便重新渲染子组件\n this.props.onErrorCatch?.();\n this.setState({ hasError: false, error: '', errorInfo: '' });\n }\n }\n \n componentDidCatch(error, errorInfo) {\n // 在此处记录错误信息\n console.error(error);\n this.props.onErrorCatch?.(error, errorInfo);\n this.setState({ hasError: true, error, errorInfo: errorInfo?.componentStack });\n }\n\n render() {\n if (this.state.hasError) {\n // 如果有错误,显示备用 UI\n return (\n <Wrapper>\n <Title dangerouslySetInnerHTML={{ __html: this.state.error }} />\n <Content dangerouslySetInnerHTML={{ __html: this.state.errorInfo }} />\n </Wrapper>\n );\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,IAAMC,OAAO,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAIzB;AACD,IAAMC,KAAK,GAAGN,MAAM,CAACO,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAItB;AACD,IAAMG,OAAO,GAAGR,MAAM,CAACS,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4DAGvB;AAAC,IAEIK,aAAa,0BAAAC,cAAA;EAAAC,SAAA,CAAAF,aAAA,EAAAC,cAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,aAAA;EACjB,SAAAA,cAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,aAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,KAAK,GAAG;MACXC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,EAAE;MACTC,SAAS,EAAE;IACb,CAAC;IAAC,OAAAN,KAAA;EACJ;EAACO,YAAA,CAAAb,aAAA;IAAAc,GAAA;IAAAC,KAAA,EAED,SAAAC,0BAA0BC,SAAS,EAAE;MACnC,IAAIA,SAAS,CAACC,QAAQ,KAAK,IAAI,CAACb,KAAK,CAACa,QAAQ,IAAI,IAAI,CAACT,KAAK,CAACC,QAAQ,EAAE;QAAA,IAAAS,qBAAA,EAAAC,WAAA;QACrE;QACA,CAAAD,qBAAA,IAAAC,WAAA,OAAI,CAACf,KAAK,EAACgB,YAAY,cAAAF,qBAAA,eAAvBA,qBAAA,CAAAX,IAAA,CAAAY,WAA0B,CAAC;QAC3B,IAAI,CAACE,QAAQ,CAAC;UAAEZ,QAAQ,EAAE,KAAK;UAAEC,KAAK,EAAE,EAAE;UAAEC,SAAS,EAAE;QAAG,CAAC,CAAC;MAC9D;IACF;EAAC;IAAAE,GAAA;IAAAC,KAAA,EAED,SAAAQ,kBAAkBZ,KAAK,EAAEC,SAAS,EAAE;MAAA,IAAAY,sBAAA,EAAAC,YAAA;MAClC;MACAC,OAAO,CAACf,KAAK,CAACA,KAAK,CAAC;MACpB,CAAAa,sBAAA,IAAAC,YAAA,OAAI,CAACpB,KAAK,EAACgB,YAAY,cAAAG,sBAAA,eAAvBA,sBAAA,CAAAhB,IAAA,CAAAiB,YAAA,EAA0Bd,KAAK,EAAEC,SAAS,CAAC;MAC3C,IAAI,CAACU,QAAQ,CAAC;QAAEZ,QAAQ,EAAE,IAAI;QAAEC,KAAK,EAALA,KAAK;QAAEC,SAAS,EAAEA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEe;MAAe,CAAC,CAAC;IAChF;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;MACP,IAAI,IAAI,CAACnB,KAAK,CAACC,QAAQ,EAAE;QACvB;QACA,oBACEtB,KAAA,CAAAyC,aAAA,CAACtC,OAAO,qBACNH,KAAA,CAAAyC,aAAA,CAACjC,KAAK;UAACkC,uBAAuB,EAAE;YAAEC,MAAM,EAAE,IAAI,CAACtB,KAAK,CAACE;UAAM;QAAE,CAAE,CAAC,eAChEvB,KAAA,CAAAyC,aAAA,CAAC/B,OAAO;UAACgC,uBAAuB,EAAE;YAAEC,MAAM,EAAE,IAAI,CAACtB,KAAK,CAACG;UAAU;QAAE,CAAE,CAC9D,CAAC;MAEd;MAEA,OAAO,IAAI,CAACP,KAAK,CAACa,QAAQ;IAC5B;EAAC;EAAA,OAAAlB,aAAA;AAAA,EArCyBX,aAAa;AAwCzC,eAAeW,aAAa"}
|
|
@@ -46,6 +46,7 @@ var RuntimeCom = function RuntimeCom(_ref) {
|
|
|
46
46
|
}
|
|
47
47
|
return Fragment;
|
|
48
48
|
} catch (e) {
|
|
49
|
+
onErrorCatch === null || onErrorCatch === void 0 || onErrorCatch(e);
|
|
49
50
|
return function () {
|
|
50
51
|
return /*#__PURE__*/React.createElement(ErrorContent, null, e.message);
|
|
51
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Fragment","Babel","LuckAntd","LuckDesign","AHooks","styled","keys","useContext","executeCode","ErrorBoundary","ErrorContent","p","withConfig","displayName","componentId","RuntimeCom","_ref","children","onErrorCatch","rest","_objectWithoutProperties","_excluded","ctx","Component","useCreation","code","Children","toArray","join","trim","transformedCode","transform","presets","functionNameMatch","match","length","functionName","argsName","_args","map","n","apply","concat","_toConsumableArray","_objectSpread","e","createElement","message"],"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 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,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAO,KAAKC,KAAK,MAAM,mBAAmB;AAC1C,OAAO,KAAKC,QAAQ,MAAM,kBAAkB;AAC5C,OAAO,KAAKC,UAAU,MAAM,aAAa;AACzC,OAAO,KAAKC,MAAM,MAAM,QAAQ;AAChC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU;AACnB,SAASC,WAAW;AACpB,OAAOC,aAAa;AAEpB,IAAMC,YAAY,GAAGL,MAAM,CAACM,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,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnD,IAAMC,GAAG,GAAGf,UAAU,CAAC,CAAC;EAExB,IAAMgB,SAAS,GAAGnB,MAAM,CAACoB,WAAW,CAAC,YAAM;IACzC,IAAMC,IAAI,GAAG1B,KAAK,CAAC2B,QAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,IAAI,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC;IAC7D,IAAI,CAACJ,IAAI,EAAE,OAAOzB,QAAQ;IAE1B,IAAI;MACF;MACA,IAAM8B,eAAe,GAAG7B,KAAK,CAAC8B,SAAS,CAACN,IAAI,EAAE;QAC5CO,OAAO,EAAE,CAAC,OAAO;MACnB,CAAC,CAAC,CAACP,IAAI;MACP,IAAMQ,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/B,IAAI,CAACa,IAAI,CAAC;QAC3B,IAAMmB,KAAK,GAAGD,QAAQ,CAACE,GAAG,CAAC,UAACC,CAAC;UAAA,OAAKrB,IAAI,CAACqB,CAAC,CAAC;QAAA,EAAC;QAC1C,OAAOhC,WAAW,CAAAiC,KAAA,UAChBnB,GAAG,iBAAAoB,MAAA,CACYZ,eAAe,eAAAY,MAAA,CAAYN,YAAY,UACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAAM,MAAA,CAAAC,kBAAA,CAAKN,QAAQ,IACxDtC,KAAK,EACLG,QAAQ,EACRC,UAAU,EACVE,MAAM,EAAAuC,aAAA,KACDxC,MAAM,GAAAsC,MAAA,CAAAC,kBAAA,CACRL,KAAK,EACV,CAAC;MACH;MACA,OAAOtC,QAAQ;IACjB,CAAC,CAAC,OAAO6C,CAAC,EAAE;
|
|
1
|
+
{"version":3,"names":["React","Fragment","Babel","LuckAntd","LuckDesign","AHooks","styled","keys","useContext","executeCode","ErrorBoundary","ErrorContent","p","withConfig","displayName","componentId","RuntimeCom","_ref","children","onErrorCatch","rest","_objectWithoutProperties","_excluded","ctx","Component","useCreation","code","Children","toArray","join","trim","transformedCode","transform","presets","functionNameMatch","match","length","functionName","argsName","_args","map","n","apply","concat","_toConsumableArray","_objectSpread","e","createElement","message"],"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,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAO,KAAKC,KAAK,MAAM,mBAAmB;AAC1C,OAAO,KAAKC,QAAQ,MAAM,kBAAkB;AAC5C,OAAO,KAAKC,UAAU,MAAM,aAAa;AACzC,OAAO,KAAKC,MAAM,MAAM,QAAQ;AAChC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU;AACnB,SAASC,WAAW;AACpB,OAAOC,aAAa;AAEpB,IAAMC,YAAY,GAAGL,MAAM,CAACM,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,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnD,IAAMC,GAAG,GAAGf,UAAU,CAAC,CAAC;EAExB,IAAMgB,SAAS,GAAGnB,MAAM,CAACoB,WAAW,CAAC,YAAM;IACzC,IAAMC,IAAI,GAAG1B,KAAK,CAAC2B,QAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,IAAI,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC;IAC7D,IAAI,CAACJ,IAAI,EAAE,OAAOzB,QAAQ;IAE1B,IAAI;MACF;MACA,IAAM8B,eAAe,GAAG7B,KAAK,CAAC8B,SAAS,CAACN,IAAI,EAAE;QAC5CO,OAAO,EAAE,CAAC,OAAO;MACnB,CAAC,CAAC,CAACP,IAAI;MACP,IAAMQ,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/B,IAAI,CAACa,IAAI,CAAC;QAC3B,IAAMmB,KAAK,GAAGD,QAAQ,CAACE,GAAG,CAAC,UAACC,CAAC;UAAA,OAAKrB,IAAI,CAACqB,CAAC,CAAC;QAAA,EAAC;QAC1C,OAAOhC,WAAW,CAAAiC,KAAA,UAChBnB,GAAG,iBAAAoB,MAAA,CACYZ,eAAe,eAAAY,MAAA,CAAYN,YAAY,UACrD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAAM,MAAA,CAAAC,kBAAA,CAAKN,QAAQ,IACxDtC,KAAK,EACLG,QAAQ,EACRC,UAAU,EACVE,MAAM,EAAAuC,aAAA,KACDxC,MAAM,GAAAsC,MAAA,CAAAC,kBAAA,CACRL,KAAK,EACV,CAAC;MACH;MACA,OAAOtC,QAAQ;IACjB,CAAC,CAAC,OAAO6C,CAAC,EAAE;MACV3B,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAG2B,CAAC,CAAC;MACjB,OAAO;QAAA,oBAAM9C,KAAA,CAAA+C,aAAA,CAACpC,YAAY,QAAEmC,CAAC,CAACE,OAAsB,CAAC;MAAA;IACvD;EACF,CAAC,EAAE,CAAC9B,QAAQ,CAAC,CAAC;EAEd,oBACElB,KAAA,CAAA+C,aAAA,CAACrC,aAAa;IAACS,YAAY,EAAEA;EAAa,gBACxCnB,KAAA,CAAA+C,aAAA,CAACvB,SAAS,MAAE,CACC,CAAC;AAEpB,CAAC;AAED,eAAeR,UAAU"}
|
|
@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _ahooks = require("ahooks");
|
|
12
12
|
var _antd = require("luck-design/antd");
|
|
13
13
|
var _luckDesign = require("luck-design");
|
|
14
|
+
var _lodash = require("lodash");
|
|
14
15
|
var _utils = require("@luck-design-biz/base/utils");
|
|
15
16
|
var _RuntimeComp = _interopRequireDefault(require("../../view/lc-components/JSX/RuntimeComp"));
|
|
16
17
|
var _JSEditor2 = _interopRequireDefault(require("../components/code-editor/JSEditor"));
|
|
@@ -43,7 +44,11 @@ var _JSEditor = function _JSEditor(_ref) {
|
|
|
43
44
|
hasErrorOn = _useBoolean4$.setTrue,
|
|
44
45
|
hasErrorOff = _useBoolean4$.setFalse;
|
|
45
46
|
var handleErrorCatch = (0, _ahooks.useMemoizedFn)(function (error) {
|
|
46
|
-
|
|
47
|
+
if ((0, _lodash.isNil)(error)) {
|
|
48
|
+
hasErrorOff();
|
|
49
|
+
} else {
|
|
50
|
+
hasErrorOn();
|
|
51
|
+
}
|
|
47
52
|
});
|
|
48
53
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children || /*#__PURE__*/_react.default.createElement(_antd.Button, {
|
|
49
54
|
block: true,
|
|
@@ -66,8 +71,8 @@ var _JSEditor = function _JSEditor(_ref) {
|
|
|
66
71
|
fullScreen: true,
|
|
67
72
|
mask: false,
|
|
68
73
|
maskClosable: false,
|
|
69
|
-
closable: false,
|
|
70
74
|
visible: visible,
|
|
75
|
+
footer: null,
|
|
71
76
|
onClose: hidden
|
|
72
77
|
}, /*#__PURE__*/_react.default.createElement(_luckDesign.SplitPane, {
|
|
73
78
|
split: "vertical"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_ahooks","_antd","_luckDesign","_utils","_RuntimeComp","_interopRequireDefault","_JSEditor2","_JSEditor","_ref","defaultValue","defaultCode","onChange","children","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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ahooks","_antd","_luckDesign","_lodash","_utils","_RuntimeComp","_interopRequireDefault","_JSEditor2","_JSEditor","_ref","defaultValue","defaultCode","onChange","children","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","createElement","Fragment","Button","block","size","onClick","style","margin","width","formatMessage","id","label","LuckModal","title","height","fullScreen","mask","maskClosable","footer","onClose","SplitPane","split","Pane","ref","minSize","onErrorCatch","_default","exports"],"sources":["../../../../luckda/lowcode/painter/panel-section/JSEditor.jsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { useBoolean, useDebounceFn, useMemoizedFn } from 'ahooks';\nimport { Button } from 'luck-design/antd';\nimport { LuckModal, SplitPane } from 'luck-design';\nimport { isNil } from 'lodash';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport RuntimeComp from '../../view/lc-components/JSX/RuntimeComp';\nimport JSEditor from '../components/code-editor/JSEditor';\n\nconst _JSEditor = ({ defaultValue, defaultCode, onChange, children }) => {\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 return (\n <>\n {children || (\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={null}\n onClose={hidden}\n >\n <SplitPane split=\"vertical\">\n <SplitPane.Pane>\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 </LuckModal>\n </>\n );\n};\n\nexport default _JSEditor;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAD,sBAAA,CAAAP,OAAA;AAEA,IAAMS,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAA0D;EAAA,IAApDC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAChE,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,CAAC;EAC1B,IAAAC,SAAA,GAAwB,IAAAC,eAAQ,EAACP,YAAY,IAAIC,WAAW,CAAC;IAAAO,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAtDK,IAAI,GAAAH,UAAA;IAAEI,OAAO,GAAAJ,UAAA;EACpB,IAAAK,cAAA,GAAgB,IAAAC,qBAAa,EAC3B,UAACC,KAAK,EAAK;MACTH,OAAO,CAACG,KAAK,CAAC;IAChB,CAAC,EACD;MAAEC,IAAI,EAAE;IAAI,CACd,CAAC;IALOC,GAAG,GAAAJ,cAAA,CAAHI,GAAG;EAMX,IAAAC,WAAA,GAAuD,IAAAC,kBAAU,EAAC,KAAK,CAAC;IAAAC,YAAA,OAAAX,eAAA,CAAAC,OAAA,EAAAQ,WAAA;IAAjEG,OAAO,GAAAD,YAAA;IAAAE,aAAA,GAAAF,YAAA;IAAaG,IAAI,GAAAD,aAAA,CAAbE,OAAO;IAAkBC,MAAM,GAAAH,aAAA,CAAhBI,QAAQ;EACzC,IAAAC,YAAA,GAAmE,IAAAR,kBAAU,EAAC,KAAK,CAAC;IAAAS,YAAA,OAAAnB,eAAA,CAAAC,OAAA,EAAAiB,YAAA;IAA7EE,QAAQ,GAAAD,YAAA;IAAAE,aAAA,GAAAF,YAAA;IAAaG,UAAU,GAAAD,aAAA,CAAnBN,OAAO;IAAwBQ,WAAW,GAAAF,aAAA,CAArBJ,QAAQ;EAEhD,IAAMO,gBAAgB,GAAG,IAAAC,qBAAa,EAAC,UAACC,KAAK,EAAK;IAChD,IAAI,IAAAC,aAAK,EAACD,KAAK,CAAC,EAAE;MAChBH,WAAW,CAAC,CAAC;IACf,CAAC,MAAM;MACLD,UAAU,CAAC,CAAC;IACd;EACF,CAAC,CAAC;EAEF,oBACE5C,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAAlD,MAAA,CAAAuB,OAAA,CAAA4B,QAAA,QACGnC,QAAQ,iBACPhB,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAC9C,KAAA,CAAAgD,MAAM;IACLC,KAAK;IACLC,IAAI,EAAC,OAAO;IACZC,OAAO,EAAEnB,IAAK;IACdoB,KAAK,EAAE;MAAEC,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAoB;EAAE,GAEtD,IAAAC,oBAAa,EAAC;IACbC,EAAE,EAAE,6DAA6D;IACjEC,KAAK,EAAE;EACT,CAAC,CACK,CACT,eACD7D,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAC7C,WAAA,CAAAyD,SAAS;IACRC,KAAK,EAAE,IAAAJ,oBAAa,EAAC;MACnBC,EAAE,EAAE,6DAA6D;MACjEC,KAAK,EAAE;IACT,CAAC,CAAE;IACHH,KAAK,EAAC,MAAM;IACZM,MAAM,EAAC,MAAM;IACbC,UAAU;IACVC,IAAI,EAAE,KAAM;IACZC,YAAY,EAAE,KAAM;IACpBjC,OAAO,EAAEA,OAAQ;IACjBkC,MAAM,EAAE,IAAK;IACbC,OAAO,EAAE/B;EAAO,gBAEhBtC,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAC7C,WAAA,CAAAiE,SAAS;IAACC,KAAK,EAAC;EAAU,gBACzBvE,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAC7C,WAAA,CAAAiE,SAAS,CAACE,IAAI,qBACbxE,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAACxC,UAAA,CAAAa,OAAQ;IAACkD,GAAG,EAAExD,SAAU;IAACF,QAAQ,EAAEe;EAAI,GACrCjB,YAAY,IAAIC,WACT,CACI,CAAC,eACjBd,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAC7C,WAAA,CAAAiE,SAAS,CAACE,IAAI;IAACE,OAAO,EAAC;EAAO,gBAC7B1E,MAAA,CAAAuB,OAAA,CAAA2B,aAAA,CAAC1C,YAAA,CAAAe,OAAW;IAACoD,YAAY,EAAE7B;EAAiB,GAAEtB,IAAkB,CAClD,CACP,CACF,CACX,CAAC;AAEP,CAAC;AAAC,IAAAoD,QAAA,GAAAC,OAAA,CAAAtD,OAAA,GAEaZ,SAAS"}
|
|
@@ -39,9 +39,9 @@ var ErrorBoundary = /*#__PURE__*/function (_PureComponent) {
|
|
|
39
39
|
return _this;
|
|
40
40
|
}
|
|
41
41
|
(0, _createClass2.default)(ErrorBoundary, [{
|
|
42
|
-
key: "
|
|
43
|
-
value: function
|
|
44
|
-
if (
|
|
42
|
+
key: "componentWillReceiveProps",
|
|
43
|
+
value: function componentWillReceiveProps(nextProps) {
|
|
44
|
+
if (nextProps.children !== this.props.children && this.state.hasError) {
|
|
45
45
|
var _this$props$onErrorCa, _this$props;
|
|
46
46
|
// 重置 hasError 为 false 以便重新渲染子组件
|
|
47
47
|
(_this$props$onErrorCa = (_this$props = this.props).onErrorCatch) === null || _this$props$onErrorCa === void 0 || _this$props$onErrorCa.call(_this$props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","Wrapper","styled","div","withConfig","displayName","componentId","Title","h3","Content","p","ErrorBoundary","_PureComponent","_inherits2","default","_super","_createSuper2","props","_this","_classCallCheck2","call","state","hasError","error","errorInfo","_createClass2","key","value","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","Wrapper","styled","div","withConfig","displayName","componentId","Title","h3","Content","p","ErrorBoundary","_PureComponent","_inherits2","default","_super","_createSuper2","props","_this","_classCallCheck2","call","state","hasError","error","errorInfo","_createClass2","key","value","componentWillReceiveProps","nextProps","children","_this$props$onErrorCa","_this$props","onErrorCatch","setState","componentDidCatch","_this$props$onErrorCa2","_this$props2","console","componentStack","render","createElement","dangerouslySetInnerHTML","__html","PureComponent","_default","exports"],"sources":["../../../luckda/lowcode/view/ErrorBoundary.jsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n width: 100%;\n height: 100%;\n overflow: auto;\n`;\nconst Title = styled.h3`\n white-space: pre-line;\n color: var(--luck-color-danger);\n fontSize: 1.5rem;\n`;\nconst Content = styled.p`\n white-space: pre-line;\n color: var(--luck-color-danger);\n`;\n\nclass ErrorBoundary extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n hasError: false,\n error: '',\n errorInfo: '',\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.children !== this.props.children && this.state.hasError) {\n // 重置 hasError 为 false 以便重新渲染子组件\n this.props.onErrorCatch?.();\n this.setState({ hasError: false, error: '', errorInfo: '' });\n }\n }\n \n componentDidCatch(error, errorInfo) {\n // 在此处记录错误信息\n console.error(error);\n this.props.onErrorCatch?.(error, errorInfo);\n this.setState({ hasError: true, error, errorInfo: errorInfo?.componentStack });\n }\n\n render() {\n if (this.state.hasError) {\n // 如果有错误,显示备用 UI\n return (\n <Wrapper>\n <Title dangerouslySetInnerHTML={{ __html: this.state.error }} />\n <Content dangerouslySetInnerHTML={{ __html: this.state.errorInfo }} />\n </Wrapper>\n );\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n"],"mappings":"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"}
|
|
@@ -54,6 +54,7 @@ var RuntimeCom = function RuntimeCom(_ref) {
|
|
|
54
54
|
}
|
|
55
55
|
return _react.Fragment;
|
|
56
56
|
} catch (e) {
|
|
57
|
+
onErrorCatch === null || onErrorCatch === void 0 || onErrorCatch(e);
|
|
57
58
|
return function () {
|
|
58
59
|
return /*#__PURE__*/_react.default.createElement(ErrorContent, null, e.message);
|
|
59
60
|
};
|
|
@@ -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 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;
|
|
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":"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"}
|