@luck-design-biz/luckda 0.0.25-2 → 0.0.25-20

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

@@ -1,33 +1,40 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _luckDesign = require("luck-design");
 var _base = require("@luck-design-biz/base");
+var _utils = require("@luck-design-biz/base/utils");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = require("../../../../index");
 var _helper = require("../../../engine/tools/helper");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Form = _interopRequireDefault(require("../../../../upload/Form"));
-var _LdRuntimeCom = _interopRequireDefault(require("../../../../components/LdRuntimeCom"));
+var _RuntimeComp = _interopRequireDefault(require("../JSX/RuntimeComp"));
+var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
 var _formPropsDefault = _interopRequireDefault(require("../../../engine/meta/form.props.default.json"));
 var _index2 = _interopRequireDefault(require("./index.less"));
-var Header = function Header(_ref) {
-  var _ref$header = _ref.header,
-    header = _ref$header === void 0 ? 'collapse' : _ref$header,
-    title = _ref.title,
-    ldId = _ref.ldId,
-    children = _ref.children;
+var _excluded = ["advance"];
+var _I18N_PREFIX_ = 'lc.form.validator';
+var Header = function Header(_ref2) {
+  var _ref2$header = _ref2.header,
+    header = _ref2$header === void 0 ? 'collapse' : _ref2$header,
+    title = _ref2.title,
+    ldId = _ref2.ldId,
+    children = _ref2.children;
   if (header === 'collapse' || header === 'collapseFollow') return /*#__PURE__*/_react.default.createElement(_base.Collapse, {
     title: title || ldId,
     id: ldId,
@@ -41,52 +48,191 @@ var Header = function Header(_ref) {
     id: ldId
   }), children);
 };
-var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var id = _ref2.id,
-    parentId = _ref2.parentId,
-    width = _ref2.width,
-    height = _ref2.height,
-    className = _ref2.className,
-    blocks = _ref2.blocks,
-    advance = _ref2.advance,
-    initData = _ref2.initData,
-    readOnly = _ref2.readOnly,
-    showSave = _ref2.showSave,
-    saveTitle = _ref2.saveTitle,
-    settingLayout = _ref2.settingLayout,
-    renderFormLeft = _ref2.renderFormLeft,
-    renderFormRight = _ref2.renderFormRight,
-    children = _ref2.children;
+var getMthodParams = function getMthodParams(methodStr) {
+  var paramRegex = /\((.*?)\)/;
+  var match = methodStr.match(paramRegex);
+  if (match && match.length > 1) {
+    var paramStr = match[1];
+    var params = (0, _lodash.reduce)(paramStr.split(','), function (result, param) {
+      var _param$trim;
+      if (((_param$trim = param.trim()) === null || _param$trim === void 0 ? void 0 : _param$trim.length) > 0) result.push(param.trim());
+      return result;
+    }, []);
+    return params;
+  }
+  return [];
+};
+var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
+  var _ctx$state2;
+  var id = _ref3.id,
+    className = _ref3.className,
+    blocks = _ref3.blocks,
+    advance = _ref3.advance,
+    initData = _ref3.initData,
+    readOnly = _ref3.readOnly,
+    showSave = _ref3.showSave,
+    saveTitle = _ref3.saveTitle,
+    getContainer = _ref3.getContainer,
+    settingLayout = _ref3.settingLayout,
+    renderFormLeft = _ref3.renderFormLeft,
+    renderFormRight = _ref3.renderFormRight,
+    children = _ref3.children;
   var apiRef = (0, _react.useRef)();
-  var boxRef = (0, _react.useRef)();
-  var formRef = (0, _react.useRef)();
+  var wrapperRef = (0, _react.useRef)();
+  var formRef = (0, _useCombinedRefs.default)(ref);
+  var promiseRef = (0, _react.useRef)(null);
   var ctx = (0, _ContextProvider.useContext)();
   var remoteSource = (0, _ContextProvider.useRemoteSource)();
+  var _initData = (0, _ahooks.useCreation)(function () {
+    return (0, _utils.getPageQuery)();
+  }, []); // 获取主界面传递过来的详情页参数
+
   var serials = (0, _ahooks.useCreation)(function () {
     var _remoteSource$serials;
     return ((_remoteSource$serials = remoteSource.serials) === null || _remoteSource$serials === void 0 ? void 0 : _remoteSource$serials.map(function (i) {
       return i.serial;
     })) || [];
   }, [remoteSource.serials]);
-  (0, _ahooks.useMount)(function () {
-    ctx.doAction(advance.events.onMount, {
-      instance: (ref || formRef).current
+  var _blocks = (0, _ahooks.useCreation)(function () {
+    return blocks.filter(function (_ref4) {
+      var hidden = _ref4.hidden;
+      return !hidden;
     });
-  });
+  }, [blocks]);
   (0, _ahooks.useUnmount)(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      instance: (ref || formRef).current
+    return ctx.doAction(advance.events.onUnmount, {
+      instance: formRef.current
     });
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
-      getForm: function getForm() {
-        return (ref || formRef).current;
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return formRef.current;
+      },
+      /**
+       * 提交表格数据
+       * @method
+       */
+      submit: function submit() {
+        return new Promise(function (resolve) {
+          var _ctx$state;
+          promiseRef.current = resolve;
+          var instance = formRef.current;
+          var _ref5 = ((_ctx$state = ctx.state) === null || _ctx$state === void 0 ? void 0 : _ctx$state[id]) || initData || _initData || {},
+            formMode = _ref5.formMode;
+          if (formMode === 'add') {
+            instance.onAdd();
+          } else if (formMode === 'update') {
+            instance.onBatchUpdate();
+          }
+        });
+      },
+      /**
+       * @typedef {Object} Field
+       * @property {Object} target - 字段引用
+       * @property {boolean} disabled - 字段不可维护
+       * @property {boolean} required - 字段必填
+       * @property {any} value - 字段值
+       */
+      /**
+       * @typedef {Object} Block
+       * @property {Object} target - 区块引用
+       * @property {function(fieldName): Field} getField - 获取区块下的表单域
+       */
+      /**
+       * 获取区块
+       * @param {*} blockId - 区块ID
+       * @returns {Block}
+       */
+      getBlock: function getBlock(blockId) {
+        var instance = formRef.current;
+        var block = instance.formRefs[blockId];
+        if (!block) {
+          console.error('未发现区块');
+          return {};
+        }
+        var getField = function getField(fieldName) {
+          if (block.current.props.type !== 'auto') {
+            console.error('该区块无法获取表单域');
+            return {};
+          }
+          var basicForm = block.current.props.wrappedComponentRef.current;
+          var field = basicForm.fieldsRef[fieldName];
+          if (!field) {
+            console.error("\u672A\u53D1\u73B0".concat(fieldName, "\u5B57\u6BB5"));
+            return {};
+          }
+          return new Proxy({
+            target: field
+          }, {
+            set: function set(_, property, receiver) {
+              if (['disabled', 'required'].includes(property)) {
+                var bi = blocks.findIndex(function (b) {
+                  return b.id === blockId;
+                });
+                var fi = blocks[bi].fields.findIndex(function (f) {
+                  return f.field === fieldName;
+                });
+                (0, _ContextProvider.modifyNode)(id, (0, _defineProperty2.default)({}, "blocks[".concat(bi, "].fields[").concat(fi, "].config.").concat(property), receiver));
+                return true;
+              } else if ('value' === property) {
+                block.current.setFieldsValue((0, _defineProperty2.default)({}, fieldName, receiver));
+                return true;
+              }
+              return Reflect.set(target, property, receiver);
+            },
+            get: function get(target, property, receiver) {
+              if (['disabled', 'required'].includes(property)) {
+                return field.props.config[property];
+              } else if ('value' === property) {
+                block.current.getFieldValue(fieldName);
+              }
+              return Reflect.get(target, property, receiver);
+            }
+          });
+        };
+        return new Proxy({
+          target: block.current,
+          getField: getField
+        }, {
+          set: function set(_, property, receiver) {
+            if (['hidden', 'readOnly'].includes(property)) {
+              var i = blocks.findIndex(function (b) {
+                return b.id === blockId;
+              });
+              (0, _ContextProvider.modifyNode)(id, (0, _defineProperty2.default)({}, "blocks[".concat(i, "].").concat(property), receiver));
+              return true;
+            } else if ('data' === property) {
+              return true;
+            }
+            return Reflect.get(target, property, receiver);
+          },
+          get: function get(target, property, receiver) {
+            if (['hidden', 'readOnly'].includes(property)) {
+              var item = blocks.find(function (b) {
+                return b.id === blockId;
+              });
+              return item === null || item === void 0 ? void 0 : item[property];
+            } else if ('data' === property) {
+              var blockProps = instance.formProps[blockId];
+              if (blockProps.type === 'auto') {
+                return block.current.getFieldsValue();
+              } else {
+                return block.getData();
+              }
+            }
+            return Reflect.get(target, property, receiver);
+          }
+        });
       }
     };
   });
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return boxRef.current;
+    return wrapperRef.current;
   });
   var handleDefaultDataSourceFormat = (0, _ahooks.useMemoizedFn)(function (defaultDataSourceFormat, defaultValues) {
     if ((0, _lodash.isNil)(defaultDataSourceFormat)) return function () {
@@ -94,11 +240,12 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     };
     return (0, _helper.executeCode)(ctx, defaultDataSourceFormat, ['defaultValues'], defaultValues);
   });
-  var handleDataSourceFormat = (0, _ahooks.useMemoizedFn)(function (dataSourceFormat, _ref3) {
-    var values = _ref3.values,
-      submitData = _ref3.submitData;
-    if ((0, _lodash.isNil)(dataSourceFormat)) return submitData;
-    return (0, _helper.executeCode)(ctx, dataSourceFormat, ['values', 'submitData'], values, submitData);
+  var handleDataSourceFormat = (0, _ahooks.useMemoizedFn)(function (dataSourceFormat, dataSetKey, _ref6) {
+    var values = _ref6.values,
+      submitData = _ref6.submitData,
+      behaviorKey = _ref6.behaviorKey;
+    if ((0, _lodash.isNil)(dataSourceFormat)) return (0, _defineProperty2.default)({}, dataSetKey, submitData);
+    return (0, _helper.executeCode)(ctx, dataSourceFormat, ['dataSetKey', 'values', 'submitData', 'behaviorKey'], dataSetKey, values, submitData, behaviorKey);
   });
   var handleResetActionsColumn = (0, _ahooks.useMemoizedFn)(function (actionsColumnReset, data, index, actions, params) {
     return (0, _helper.executeCode)(ctx, actionsColumnReset, ['data', 'index', 'actions', 'params'], data, index, actions, params);
@@ -107,8 +254,8 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     if ((0, _lodash.isNil)(actionsColumnReset)) return columns;
     return (0, _helper.executeCode)(ctx, actionsColumnReset, ['columns'], columns);
   });
-  var handleGridFormReady = (0, _ahooks.useMemoizedFn)(function (onGridFormReady, ref, params, gridForm) {
-    if (!(0, _lodash.isNil)(onGridFormReady)) return (0, _helper.executeCode)(ctx, onGridFormReady, ['ref', 'params', 'gridForm'], ref, params, gridForm);
+  var handleGridFormReady = (0, _ahooks.useMemoizedFn)(function (onGridFormReady, _ref, params, gridForm) {
+    if (!(0, _lodash.isNil)(onGridFormReady)) return (0, _helper.executeCode)(ctx, onGridFormReady, ['ref', 'params', 'gridForm'], _ref, params, gridForm);
   });
   var handleResetActions = (0, _ahooks.useMemoizedFn)(function (resetActions, data, index, actionList, params) {
     if ((0, _lodash.isNil)(resetActions)) return actionList;
@@ -126,11 +273,95 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     if (!(0, _lodash.isNil)(onUploadChange)) return (0, _helper.executeCode)(ctx, onUploadChange, ['event'], e);
   });
   var renderAffix = (0, _ahooks.useMemoizedFn)(function (_render) {
-    return _render ? /*#__PURE__*/_react.default.createElement(_LdRuntimeCom.default, null, _render) : null;
+    return _render ? /*#__PURE__*/_react.default.createElement(_RuntimeComp.default, null, _render) : null;
   });
+  var setVerifyRules = function setVerifyRules(_props, verifyListObj) {
+    var _verifyListObj$length, _verifyListObj$min, _verifyListObj$max, _verifyListObj$rules;
+    var props = (0, _lodash.cloneDeep)(_props);
+    props.config.rules = props.config.rules || [];
+    if ((_verifyListObj$length = verifyListObj.length) !== null && _verifyListObj$length !== void 0 && _verifyListObj$length.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _formRef$current;
+        var length = (0, _helper.executeCode)(ctx, verifyListObj.length.expression, ['cValue'], (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getCValue());
+        if (value.length > length) callback("".concat((0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".maxLength"),
+          label: '字数不得超过'
+        })).concat(length).concat((0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".textNum"),
+          label: '个字符'
+        })));
+        callback();
+      }
+    });
+    if ((_verifyListObj$min = verifyListObj.min) !== null && _verifyListObj$min !== void 0 && _verifyListObj$min.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _formRef$current2;
+        var min = (0, _helper.executeCode)(ctx, verifyListObj.min.expression, ['cValue'], (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getCValue());
+        if (value < min) callback((0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".numberBelowMin"),
+          label: '低于最小值'
+        }));
+        callback();
+      }
+    });
+    if ((_verifyListObj$max = verifyListObj.max) !== null && _verifyListObj$max !== void 0 && _verifyListObj$max.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _formRef$current3;
+        var max = (0, _helper.executeCode)(ctx, verifyListObj.max.expression, ['cValue'], (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.getCValue());
+        if (value > max) callback((0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".numberExceedMax"),
+          label: '超过最大值'
+        }));
+        callback();
+      }
+    });
+    if (verifyListObj.email) props.config.type = 'email';
+    if (verifyListObj.idcard) props.config.type = 'idcard';
+    if (verifyListObj.mobile) props.config.type = 'mobile';
+    if ((_verifyListObj$rules = verifyListObj.rules) !== null && _verifyListObj$rules !== void 0 && _verifyListObj$rules.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _formRef$current4;
+        (0, _helper.executeCode)(ctx, verifyListObj.rules.expression, ['cValue', 'rule', 'value', 'callback'], (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.getCValue(), rule, value, callback);
+      }
+    });
+    return props;
+  };
+  var transEventsInfields = function transEventsInfields(fields) {
+    return (fields === null || fields === void 0 ? void 0 : fields.map(function (setting) {
+      var advance = setting.advance,
+        rest = (0, _objectWithoutProperties2.default)(setting, _excluded);
+      var props = (0, _lodash.reduce)(rest, function (result, value, key) {
+        //处理方法
+        result[key] = (0, _lodash.isString)(value) && (0, _lodash.startsWith)(value, 'function') ? function () {
+          for (var _len = arguments.length, _props = new Array(_len), _key = 0; _key < _len; _key++) {
+            _props[_key] = arguments[_key];
+          }
+          return _helper.executeCode.apply(void 0, [ctx, value, getMthodParams(value)].concat(_props));
+        } : value;
+        return result;
+      }, {});
+      if (advance !== null && advance !== void 0 && advance.events) return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        events: (0, _lodash.reduce)(advance.events, function (result, value, key) {
+          //处理事件
+          result[key] = function () {
+            for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              props[_key2] = arguments[_key2];
+            }
+            ctx.doAction(value, (0, _lodash.reduce)(getMthodParams(value[0][1].code), function (result, value, index) {
+              result[value] = props[index];
+              return result;
+            }, {}));
+          };
+          return result;
+        }, {})
+      });
+      return props;
+    })) || [];
+  };
   var renderFormList = (0, _ahooks.useMemoizedFn)(function (formConfig) {
-    return (0, _lodash.reduce)(blocks, function (result, item) {
-      if ((0, _lodash.includes)(['auto', 'grid', 'writer'], item.type) && item.dataset && (0, _lodash.includes)(item.mode, formConfig.formMode)) {
+    return (0, _lodash.reduce)(_blocks, function (result, item) {
+      if ((0, _lodash.includes)(['auto', 'grid', 'writer'], item.type) && (0, _lodash.includes)(item.mode, formConfig.formMode)) {
+        var _item$dataset;
         var data = {
           id: item.id,
           order: item.order,
@@ -138,15 +369,17 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
           readOnly: item.readOnly,
           title: item.name,
           header: item.header,
-          dataSetKey: item.dataset.code,
+          dataSetKey: (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.code,
           serial: item.serial,
           serialEffect: item.serialEffect,
+          fields: transEventsInfields(item.fields),
           defaultDataSourceFormat: function defaultDataSourceFormat(defaultValues) {
             return handleDefaultDataSourceFormat(item.defaultDataSourceFormat, defaultValues);
           },
           onUpdate: {
             post: function post(data) {
-              return handleDataSourceFormat(item.dataSourceFormat, data);
+              var _item$dataset2;
+              return handleDataSourceFormat(item.dataSourceFormat, (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.code, data);
             }
           }
         };
@@ -163,8 +396,8 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
           columnsReset: function columnsReset(columns) {
             return handleColumnsReset(item.columnsReset, columns);
           },
-          onGridFormReady: function onGridFormReady(ref, params, gridForm) {
-            return handleGridFormReady(item.onGridFormReady, ref, params, gridForm);
+          onGridFormReady: function onGridFormReady(_ref, params, gridForm) {
+            return handleGridFormReady(item.onGridFormReady, _ref, params, gridForm);
           }
         });
         if (item.actionsColumnReset) data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
@@ -178,10 +411,9 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     }, []);
   });
   var renderFormExtra = (0, _ahooks.useMemoizedFn)(function (formConfig) {
-    return (0, _lodash.reduce)(blocks, function (result, item) {
+    return (0, _lodash.reduce)(_blocks, function (result, item) {
       if ((0, _lodash.includes)(item.mode, formConfig.formMode) && !item.serial || item.serialEffect === 'disable' || (0, _lodash.includes)(serials, item.serial)) {
         if (item.type === 'uploadForm') {
-          var _remoteSource$pageinf;
           var dom = /*#__PURE__*/_react.default.createElement(Header, {
             ldId: item.id,
             key: item.id,
@@ -190,7 +422,7 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
             order: item.order
           }, (0, _Form.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formConfig), {}, {
             formId: item.id,
-            moduleCode: remoteSource === null || remoteSource === void 0 || (_remoteSource$pageinf = remoteSource.pageinfo) === null || _remoteSource$pageinf === void 0 || (_remoteSource$pageinf = _remoteSource$pageinf.relationship) === null || _remoteSource$pageinf === void 0 ? void 0 : _remoteSource$pageinf.moduleCode,
+            moduleCode: (0, _helper.getLDMetaAttr)('moduleCode'),
             readOnly: item.readOnly || formConfig.readOnly || item.serial && !(0, _lodash.includes)(serials, item.serial),
             suppressPreset: item.suppressPreset,
             height: item.height,
@@ -199,8 +431,8 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
             zipName: "".concat(item.zipName || 'download', ".zip"),
             uploadUrl: item.uploadUrl,
             resetActions: item.useResetActions ? null : function () {
-              for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
-                params[_key] = arguments[_key];
+              for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                params[_key3] = arguments[_key3];
               }
               return handleResetActions.apply(void 0, [item.resetActions].concat(params));
             },
@@ -208,8 +440,8 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
               return handleForbiddenTypes(item.forbiddenTypes);
             },
             beforeUpload: function beforeUpload() {
-              for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                params[_key2] = arguments[_key2];
+              for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                params[_key4] = arguments[_key4];
               }
               return handleBeforeUpload.apply(void 0, [item.beforeUpload].concat(params));
             },
@@ -236,15 +468,42 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     }, []);
   });
   var beforeSubmit = (0, _ahooks.useMemoizedFn)(function (values, data) {
-    return new Promise(function (resolve) {
-      if ((0, _lodash.isNil)(advance.events.beforeSave)) resolve(values);else {
-        var _data = ctx.doAction(advance.events.beforeSave, {
-          values: values,
-          data: data
-        });
-        resolve(_data);
-      }
-      ;
+    return new Promise( /*#__PURE__*/function () {
+      var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve) {
+        var _data;
+        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;
+              }
+              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 "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref8.apply(this, arguments);
+      };
+    }());
+  });
+  var afterInit = (0, _ahooks.useMemoizedFn)(function () {
+    ctx.doAction(advance.events.onMount, {
+      instance: formRef.current
     });
   });
   var afterSubmit = (0, _ahooks.useMemoizedFn)(function (success, mainKey, res) {
@@ -270,21 +529,16 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     displayName: "Form",
     getTargetDom: getTargetDom,
     api: apiRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
   }, /*#__PURE__*/_react.default.createElement(_index.LdFormList, {
+    wrapperRef: wrapperRef,
     id: id,
     ldId: id,
     className: (0, _classnames.default)(_index2.default['lc-component-form'], (0, _defineProperty2.default)({}, className, !!className)),
     renderFormList: renderFormList,
     renderFormExtra: renderFormExtra,
     mainFormLdId: "block_main",
-    initData: initData,
-    ref: ref || formRef,
+    initData: ((_ctx$state2 = ctx.state) === null || _ctx$state2 === void 0 ? void 0 : _ctx$state2[id]) || initData || _initData,
+    ref: formRef,
     readOnly: readOnly,
     showSaveBtn: showSave,
     saveBtnTitle: saveTitle,
@@ -298,8 +552,18 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     beforeSubmit: beforeSubmit,
     afterSubmit: advance.events.onSaveCallback ? afterSubmit : null,
     onValueChange: onValueChange,
-    onChildChange: onChildChange
-  })));
+    onChildChange: onChildChange,
+    setVerifyRules: setVerifyRules,
+    getContainer: (0, _lodash.isNil)(getContainer) ? null : ctx.componentMap.get(getContainer).api.getSelfDom,
+    afterSubmitLoading: function afterSubmitLoading() {
+      var _promiseRef$current;
+      for (var _len5 = arguments.length, rest = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        rest[_key5] = arguments[_key5];
+      }
+      return (_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.call.apply(_promiseRef$current, [promiseRef].concat(rest));
+    },
+    afterInit: afterInit
+  }));
 });
 LCForm.defaultProps = (0, _helper.omitBadProps)(_formPropsDefault.default);
 var _default = exports.default = LCForm;

package/lib/lowcode/view/lc-components/Form/index.less

@@ -1,5 +1,5 @@
-.lc-component-form{
-}
-.lc-component-form.runtime-form {
-  
+.lc-component-form{
+}
+.lc-component-form.runtime-form {
+  
 }