@luck-design-biz/luckda 1.0.2-2 → 1.0.2-20temp

package/lib/lowcode/view/lc-components/Dialog/meta.json

@@ -20,10 +20,16 @@
       "type": "_I18nInput",
       "default": "对话框"
     },
+    {
+      "key": "size",
+      "name": "#展现尺寸",
+      "type": "_DialogSize",
+      "default": "custom"
+    },
     {
       "key": "width",
       "name": "对话框宽度",
-      "type": "_WidthHeight",
+      "type": "_DialogWidthHeight",
       "options": [
         {
           "label": "px",
@@ -42,12 +48,18 @@
           "value": "auto"
         }
       ],
+      "sizeOptions":{
+        "small": "540px",
+        "default": "700px",
+        "large": "1150px",
+        "full": "100vw"
+      },
       "default": "700px"
     },
     {
       "key": "height",
       "name": "内容区高度",
-      "type": "_WidthHeight",
+      "type": "_DialogWidthHeight",
       "options": [
         {
           "label": "px",
@@ -62,6 +74,12 @@
           "value": "auto"
         }
       ],
+      "sizeOptions":{
+        "small": "40vh",
+        "default": "60vh",
+        "large": "85vh",
+        "full": "100vh"
+      },
       "default": "50vh"
     },
     {
@@ -140,8 +158,10 @@
           "key": "footer",
           "name": "显示footer",
           "desc": "是否显示底部按钮区域",
-          "type": "switch",
-          "default": true
+          "type": "_ConditionCheck",
+          "default": {
+            "checked": true
+          }
         },
         {
           "key": "okText",

package/lib/lowcode/view/lc-components/Drawer/index.js

@@ -79,7 +79,9 @@ var LCDrawer = function LCDrawer(_ref) {
     if (open) {
       ctx.doAction(advance.events.onOpen);
     } else {
+      _setTitle(title);
       ctx.doAction(advance.events.onClose);
+      setLoading(false);
     }
   }, [open]);
   (0, _ahooks.useUpdateEffect)(function () {
@@ -179,7 +181,7 @@ var LCDrawer = function LCDrawer(_ref) {
       visibility: 'hidden'
     },
     ref: domRef
-  }), children, footer ? /*#__PURE__*/_react.default.createElement(Footer, {
+  }), children, (0, _lodash.isBoolean)(footer) && footer || (0, _lodash.isObject)(footer) && (footer.check || footer.code && (0, _helper.executeCode)(ctx, footer.code)) ? /*#__PURE__*/_react.default.createElement(Footer, {
     className: "ant-drawer-footer"
   }, /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, btnGroup, {
     doAction: function doAction(action) {

package/lib/lowcode/view/lc-components/Drawer/meta.json

@@ -178,7 +178,7 @@
           "key": "footer",
           "name": "显示footer",
           "desc": "是否显示底部按钮区域",
-          "type": "switch",
+          "type": "_ConditionCheck",
           "default": true
         },
         {

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

@@ -29,12 +29,59 @@
       "name": "日期格式",
       "type": "string"
     },
+    {
+      "key": "format",
+      "name": "日期格式",
+      "type": "select",
+      "options": [
+        {
+          "label": "年-月-日 时:分:秒",
+          "value": "YYYY-MM-DD HH:mm:ss"
+        },
+        {
+          "label": "年-月-日 时:分",
+          "value": "YYYY-MM-DD HH:mm"
+        },
+        {
+          "label": "年-月-日 时",
+          "value": "YYYY-MM-DD HH"
+        },
+        {
+          "label": "年-月-日",
+          "value": "YYYY-MM-DD"
+        },
+        {
+          "label": "年-月",
+          "value": "YYYY-MM"
+        },
+        {
+          "label": "年",
+          "value": "YYYY"
+        },
+        {
+          "label": "时:分:秒",
+          "value": "HH:mm:ss"
+        },
+        {
+          "label": "时:分",
+          "value": "HH:mm"
+        },
+        {
+          "label": "分:秒",
+          "value": "mm:ss"
+        },
+        {
+          "label": "年-周",
+          "value": "YYYY-wo"
+        }
+      ],
+      "default": 16
+    },
     {
       "key": "disabledDate",
       "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

@@ -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

@@ -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

@@ -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/index.js

@@ -22,6 +22,7 @@ var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = require("../../../../index");
 var _helper = require("../../../engine/tools/helper");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _PageProxyProvider = require("../../../engine/provider/PageProxyProvider");
 var _Form = _interopRequireDefault(require("../../../../upload/Form"));
 var _RuntimeComp = _interopRequireDefault(require("../JSX/RuntimeComp"));
 var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
@@ -83,6 +84,7 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
   var formRef = (0, _useCombinedRefs.default)(ref);
   var promiseRef = (0, _react.useRef)(null);
   var ctx = (0, _ContextProvider.useContext)();
+  var ppCtx = (0, _PageProxyProvider.usePageProxyContext)();
   var remoteSource = (0, _ContextProvider.useRemoteSource)();
   var _initData = (0, _ahooks.useCreation)(function () {
     return (0, _utils.getPageQuery)();
@@ -511,34 +513,27 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
   });
   var beforeSubmit = (0, _ahooks.useMemoizedFn)(function (values, data) {
     return new Promise( /*#__PURE__*/function () {
-      var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve) {
-        var _data;
+      var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
         return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (!(0, _lodash.isNil)(advance.events.beforeSave)) {
-                _context.next = 4;
-                break;
+              if ((0, _lodash.isNil)(advance.events.beforeSave)) resolve(values);else {
+                ctx.doAction(advance.events.beforeSave, {
+                  values: values,
+                  data: data
+                }).then(function (_data) {
+                  resolve((0, _lodash.last)(_data));
+                }).catch(function () {
+                  reject();
+                });
               }
-              resolve(values);
-              _context.next = 8;
-              break;
-            case 4:
-              _context.next = 6;
-              return ctx.doAction(advance.events.beforeSave, {
-                values: values,
-                data: data
-              });
-            case 6:
-              _data = _context.sent;
-              resolve((0, _lodash.last)(_data));
-            case 8:
+            case 1:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
-      return function (_x) {
+      return function (_x, _x2) {
         return _ref9.apply(this, arguments);
       };
     }());
@@ -576,6 +571,7 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
     wrapperRef: wrapperRef,
     id: id,
     ldId: id,
+    pageProxy: ppCtx,
     className: (0, _classnames.default)('lc-component-form', (0, _defineProperty2.default)({}, className, !!className)),
     renderFormList: renderFormList,
     renderFormExtra: renderFormExtra,

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

@@ -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 }
               }
@@ -614,7 +598,7 @@
         "key": "beforeSave",
         "name": "保存前置事件",
         "desc": "保存前置事件，promise，返回false取消执行",
-        "func": "function beforeSave(values, data) {\n return values; \n}"
+        "func": "function beforeSave(values, data) {\n return new Promise(resolve=>resolve(values)); \n}"
       },
       {
         "key": "onSaveCallback",

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

@@ -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

@@ -14,10 +14,17 @@ var Babel = _interopRequireWildcard(require("@babel/standalone"));
 var LuckAntd = _interopRequireWildcard(require("luck-design/antd"));
 var LuckDesign = _interopRequireWildcard(require("luck-design"));
 var AHooks = _interopRequireWildcard(require("ahooks"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _helper = require("../../../engine/tools/helper");
-var _excluded = ["children"];
+var _ErrorBoundary = _interopRequireDefault(require("../../ErrorBoundary"));
+var _excluded = ["children", "onErrorCatch"];
+var ErrorContent = _styledComponents.default.p.withConfig({
+  displayName: "ErrorContent",
+  componentId: "luckda-6530__sc-1gmzk6q-0"
+})(["white-space:pre-line;color:var(--luck-color-danger);"]);
+
 /**
  * 实时代码渲染组件
  * todo：沙箱上下文的集成
@@ -25,27 +32,37 @@ var _excluded = ["children"];
  */
 var RuntimeCom = function RuntimeCom(_ref) {
   var children = _ref.children,
+    onErrorCatch = _ref.onErrorCatch,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
   var Component = AHooks.useCreation(function () {
     var code = _react.default.Children.toArray(children).join('').trim();
     if (!code) return _react.Fragment;
-
-    // 使用Babel转换代码
-    var transformedCode = Babel.transform(code, {
-      presets: ['react']
-    }).code;
-    var functionNameMatch = transformedCode.match(/function\s+([^\s(]+)/);
-    if (functionNameMatch && functionNameMatch.length > 1) {
-      var functionName = functionNameMatch[1];
-      var argsName = (0, _lodash.keys)(rest);
-      var _args = argsName.map(function (n) {
-        return rest[n];
-      });
-      return _helper.executeCode.apply(void 0, [ctx, "function() {".concat(transformedCode, "; return ").concat(functionName, ";}"), ['React', 'Antd', 'Luckd', 'libs'].concat((0, _toConsumableArray2.default)(argsName)), _react.default, LuckAntd, LuckDesign, (0, _objectSpread2.default)({}, AHooks)].concat((0, _toConsumableArray2.default)(_args)));
+    try {
+      onErrorCatch === null || onErrorCatch === void 0 || onErrorCatch();
+      // 使用Babel转换代码
+      var transformedCode = Babel.transform(code, {
+        presets: ['react']
+      }).code;
+      var functionNameMatch = transformedCode.match(/function\s+([^\s(]+)/);
+      if (functionNameMatch && functionNameMatch.length > 1) {
+        var functionName = functionNameMatch[1];
+        var argsName = (0, _lodash.keys)(rest);
+        var _args = argsName.map(function (n) {
+          return rest[n];
+        });
+        return _helper.executeCode.apply(void 0, [ctx, "function() {".concat(transformedCode, "; return ").concat(functionName, ";}"), ['React', 'Antd', 'Luckd', 'styled', 'libs'].concat((0, _toConsumableArray2.default)(argsName)), _react.default, LuckAntd, LuckDesign, _styledComponents.default, (0, _objectSpread2.default)({}, AHooks)].concat((0, _toConsumableArray2.default)(_args)));
+      }
+      return _react.Fragment;
+    } catch (e) {
+      onErrorCatch === null || onErrorCatch === void 0 || onErrorCatch(e);
+      return function () {
+        return /*#__PURE__*/_react.default.createElement(ErrorContent, null, e.message);
+      };
     }
-    return _react.Fragment;
   }, [children]);
-  return /*#__PURE__*/_react.default.createElement(Component, null);
+  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, {
+    onErrorCatch: onErrorCatch
+  }, /*#__PURE__*/_react.default.createElement(Component, null));
 };
 var _default = exports.default = RuntimeCom;

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

@@ -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/Layout/meta.json

@@ -87,7 +87,7 @@
       "default": 16
     }
   ],
-  "css": "background-color: transparent;",
+  "css": "height:auto; background-color: transparent;",
   "advance": {
     "events": [
       {

package/lib/lowcode/view/lc-components/PageLayout/index.js

@@ -39,7 +39,7 @@ var LCPageLayout = function LCPageLayout(_ref) {
     $css: css,
     height: height,
     width: width
-  }, display === 'tb' ? /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, (children === null || children === void 0 ? void 0 : children.length) === display.split('').length ? /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
+  }, display === 'tb' || display === 's' ? /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, (children === null || children === void 0 ? void 0 : children.length) === display.split('').length ? /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
     split: "horizontal"
   }, children) : null) : [/*#__PURE__*/_react.default.createElement(_base.Layout.Sider, null, children === null || children === void 0 ? void 0 : children[0]), /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, (children === null || children === void 0 ? void 0 : children.length) === display.split('').length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, display === 'lr' ? children === null || children === void 0 ? void 0 : children[1] : /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
     split: display === 'ltb' ? 'horizontal' : 'vertical'

package/lib/lowcode/view/lc-components/Proxy/FunctionDesign.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var _index = _interopRequireDefault(require("./index"));
+var _index2 = _interopRequireDefault(require("./index.less"));
+var FunctionDesign = function FunctionDesign(props) {
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, props, {
+    className: _index2.default['runtime-design']
+  }), /*#__PURE__*/_react.default.createElement(_antd.Empty, {
+    description: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.view.lc-component.design.show',
+      label: '请在预览、运行界面查看嵌入的代理页面'
+    })
+  }));
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/Proxy/FunctionLive.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _PageProxyProvider = _interopRequireDefault(require("../../../engine/provider/PageProxyProvider"));
+var _Page = _interopRequireDefault(require("../../Page"));
+var _excluded = ["id", "proxyCode", "destroyOnUnmount", "proxyParams"];
+var FunctionLive = function FunctionLive(_ref) {
+  var id = _ref.id,
+    proxyCode = _ref.proxyCode,
+    destroyOnUnmount = _ref.destroyOnUnmount,
+    proxyParams = _ref.proxyParams,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    id: id
+  }, props), /*#__PURE__*/_react.default.createElement(_PageProxyProvider.default, {
+    id: id,
+    proxyCode: proxyCode,
+    destroyOnUnmount: destroyOnUnmount,
+    proxyParams: proxyParams
+  }, /*#__PURE__*/_react.default.createElement(_Page.default, null)));
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Proxy/FunctionPreview.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _PageProxyProvider = _interopRequireDefault(require("../../../engine/provider/PageProxyProvider"));
+var _Page = _interopRequireDefault(require("../../Page"));
+var _excluded = ["id", "proxyCode", "destroyOnUnmount", "proxyParams"];
+var FunctionPreview = function FunctionPreview(_ref) {
+  var id = _ref.id,
+    proxyCode = _ref.proxyCode,
+    destroyOnUnmount = _ref.destroyOnUnmount,
+    proxyParams = _ref.proxyParams,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    id: id
+  }, props), /*#__PURE__*/_react.default.createElement(_PageProxyProvider.default, {
+    id: id,
+    proxyCode: proxyCode,
+    destroyOnUnmount: destroyOnUnmount,
+    proxyParams: proxyParams
+  }, /*#__PURE__*/_react.default.createElement(_Page.default, null)));
+};
+var _default = exports.default = FunctionPreview;