@luck-design-biz/luckda 0.0.25-13 → 0.0.25-14

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

@@ -20,12 +20,12 @@ import RuntimeComp from "../JSX/RuntimeComp";
 import defaultMeta from "../../../engine/meta/form.props.default.json";
 import styles from "./index.less";
 var _I18N_PREFIX_ = 'lc.form.validator';
-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 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.createElement(Collapse, {
     title: title || ldId,
     id: ldId,
@@ -53,28 +53,37 @@ var getMthodParams = function getMthodParams(methodStr) {
   }
   return [];
 };
-var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+var useCombinedRefs = function useCombinedRefs(forwardedRef) {
+  var innerRef = useRef(null);
+  useEffect(function () {
+    if (!forwardedRef) return;
+    if (typeof forwardedRef === 'function') {
+      forwardedRef(innerRef.current);
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef]);
+  return forwardedRef || innerRef;
+};
+var LCForm = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var _ctx$pagePublicResour2;
-  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,
-    getContainer = _ref2.getContainer,
-    settingLayout = _ref2.settingLayout,
-    renderFormLeft = _ref2.renderFormLeft,
-    renderFormRight = _ref2.renderFormRight,
-    children = _ref2.children;
+  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 = useRef();
-  var boxRef = useRef();
+  var wrapperRef = useRef();
+  var formRef = useCombinedRefs(ref);
   var promiseRef = useRef(null);
-  var formRef = useRef();
   var ctx = useContext();
   var remoteSource = useRemoteSource();
   var _initData = useCreation(function () {
@@ -88,53 +97,53 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     })) || [];
   }, [remoteSource.serials]);
   var _blocks = useCreation(function () {
-    return blocks.filter(function (_ref3) {
-      var hidden = _ref3.hidden;
+    return blocks.filter(function (_ref4) {
+      var hidden = _ref4.hidden;
       return !hidden;
     });
   }, [blocks]);
   useMount(function () {
     ctx.doAction(advance.events.onMount, {
-      instance: (ref || formRef).current
+      instance: formRef.current
     });
   });
   useEffect(function () {
-    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref4) {
-      var resource = _ref4.resource,
-        prevResource = _ref4.prevResource;
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref5) {
+      var resource = _ref5.resource,
+        prevResource = _ref5.prevResource;
       ctx.doAction(advance.events.onPagePublicResourceChanged, {
         resource: resource,
         prevResource: prevResource,
-        instance: (ref || formRef).current
+        instance: formRef.current
       });
     }).watch();
     return function () {
       ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
       ctx.doAction(advance.events.onUnmount, {
-        instance: (ref || formRef).current
+        instance: formRef.current
       });
     };
   }, []);
   useImperativeHandle(apiRef, function () {
     return {
-      /**
-       * 获取表格实例
-       * @method
+      /**
+       * 获取表格实例
+       * @method
        */
       getInstance: function getInstance() {
-        return (ref || formRef).current;
+        return formRef.current;
       },
-      /**
-       * 提交表格数据
-       * @method
+      /**
+       * 提交表格数据
+       * @method
        */
       submit: function submit() {
         return new Promise(function (resolve) {
           var _ctx$pagePublicResour;
           promiseRef.current = resolve;
-          var instance = (ref || formRef).current;
-          var _ref5 = ((_ctx$pagePublicResour = ctx.pagePublicResource) === null || _ctx$pagePublicResour === void 0 ? void 0 : _ctx$pagePublicResour[id]) || initData || _initData || {},
-            formMode = _ref5.formMode;
+          var instance = formRef.current;
+          var _ref6 = ((_ctx$pagePublicResour = ctx.pagePublicResource) === null || _ctx$pagePublicResour === void 0 ? void 0 : _ctx$pagePublicResour[id]) || initData || _initData || {},
+            formMode = _ref6.formMode;
           if (formMode === 'add') {
             instance.onAdd();
           } else if (formMode === 'update') {
@@ -142,25 +151,25 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
           }
         });
       },
-      /**
-       * @typedef {Object} Field
-       * @property {Object} target - 字段引用
-       * @property {boolean} disabled - 字段不可维护
-       * @property {boolean} required - 字段必填
-       * @property {any} value - 字段值
+      /**
+       * @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 - 获取区块下的表单域
+      /**
+       * @typedef {Object} Block
+       * @property {Object} target - 区块引用
+       * @property {function(fieldName): Field} getField - 获取区块下的表单域
        */
-      /**
-       * 获取区块
-       * @param {*} blockId - 区块ID
-       * @returns {Block}
+      /**
+       * 获取区块
+       * @param {*} blockId - 区块ID
+       * @returns {Block}
        */
       getBlock: function getBlock(blockId) {
-        var instance = (ref || formRef).current;
+        var instance = formRef.current;
         var block = instance.formRefs[blockId];
         if (!block) {
           console.e('未发现区块');
@@ -229,7 +238,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     };
   });
   var getTargetDom = useMemoizedFn(function () {
-    return boxRef.current;
+    return wrapperRef.current;
   });
   var handleDefaultDataSourceFormat = useMemoizedFn(function (defaultDataSourceFormat, defaultValues) {
     if (isNil(defaultDataSourceFormat)) return function () {
@@ -237,10 +246,10 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     };
     return executeCode(ctx, defaultDataSourceFormat, ['defaultValues'], defaultValues);
   });
-  var handleDataSourceFormat = useMemoizedFn(function (dataSourceFormat, dataSetKey, _ref6) {
-    var values = _ref6.values,
-      submitData = _ref6.submitData,
-      behaviorKey = _ref6.behaviorKey;
+  var handleDataSourceFormat = useMemoizedFn(function (dataSourceFormat, dataSetKey, _ref7) {
+    var values = _ref7.values,
+      submitData = _ref7.submitData,
+      behaviorKey = _ref7.behaviorKey;
     if (isNil(dataSourceFormat)) return _defineProperty({}, dataSetKey, submitData);
     return executeCode(ctx, dataSourceFormat, ['dataSetKey', 'values', 'submitData', 'behaviorKey'], dataSetKey, values, submitData, behaviorKey);
   });
@@ -251,8 +260,8 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     if (isNil(actionsColumnReset)) return columns;
     return executeCode(ctx, actionsColumnReset, ['columns'], columns);
   });
-  var handleGridFormReady = useMemoizedFn(function (onGridFormReady, ref, params, gridForm) {
-    if (!isNil(onGridFormReady)) return executeCode(ctx, onGridFormReady, ['ref', 'params', 'gridForm'], ref, params, gridForm);
+  var handleGridFormReady = useMemoizedFn(function (onGridFormReady, _ref, params, gridForm) {
+    if (!isNil(onGridFormReady)) return executeCode(ctx, onGridFormReady, ['ref', 'params', 'gridForm'], _ref, params, gridForm);
   });
   var handleResetActions = useMemoizedFn(function (resetActions, data, index, actionList, params) {
     if (isNil(resetActions)) return actionList;
@@ -278,8 +287,8 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     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 _current;
-        var length = executeCode(ctx, verifyListObj.length.expression, ['cValue'], (_current = (ref || formRef).current) === null || _current === void 0 ? void 0 : _current.getCValue());
+        var _formRef$current;
+        var length = 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(formatMessage({
           id: "".concat(_I18N_PREFIX_, ".maxLength"),
           label: '字数不得超过'
@@ -292,8 +301,8 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     });
     if ((_verifyListObj$min = verifyListObj.min) !== null && _verifyListObj$min !== void 0 && _verifyListObj$min.expression) props.config.rules.push({
       validator: function validator(rule, value, callback) {
-        var _current2;
-        var min = executeCode(ctx, verifyListObj.min.expression, ['cValue'], (_current2 = (ref || formRef).current) === null || _current2 === void 0 ? void 0 : _current2.getCValue());
+        var _formRef$current2;
+        var min = executeCode(ctx, verifyListObj.min.expression, ['cValue'], (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getCValue());
         if (value < min) callback(formatMessage({
           id: "".concat(_I18N_PREFIX_, ".numberBelowMin"),
           label: '低于最小值'
@@ -303,8 +312,8 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     });
     if ((_verifyListObj$max = verifyListObj.max) !== null && _verifyListObj$max !== void 0 && _verifyListObj$max.expression) props.config.rules.push({
       validator: function validator(rule, value, callback) {
-        var _current3;
-        var max = executeCode(ctx, verifyListObj.max.expression, ['cValue'], (_current3 = (ref || formRef).current) === null || _current3 === void 0 ? void 0 : _current3.getCValue());
+        var _formRef$current3;
+        var max = executeCode(ctx, verifyListObj.max.expression, ['cValue'], (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.getCValue());
         if (value > max) callback(formatMessage({
           id: "".concat(_I18N_PREFIX_, ".numberExceedMax"),
           label: '超过最大值'
@@ -317,8 +326,8 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     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 _current4;
-        executeCode(ctx, verifyListObj.rules.expression, ['cValue', 'rule', 'value', 'callback'], (_current4 = (ref || formRef).current) === null || _current4 === void 0 ? void 0 : _current4.getCValue(), rule, value, callback);
+        var _formRef$current4;
+        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;
@@ -393,8 +402,8 @@ var LCForm = /*#__PURE__*/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 = _objectSpread(_objectSpread({}, data), {}, {
@@ -466,7 +475,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   });
   var beforeSubmit = useMemoizedFn(function (values, data) {
     return new Promise( /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
+      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
         var _data;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -494,7 +503,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         }, _callee);
       }));
       return function (_x) {
-        return _ref8.apply(this, arguments);
+        return _ref9.apply(this, arguments);
       };
     }());
   });
@@ -521,13 +530,8 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     displayName: "Form",
     getTargetDom: getTargetDom,
     api: apiRef
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
   }, /*#__PURE__*/React.createElement(LdFormList, {
+    wrapperRef: wrapperRef,
     id: id,
     ldId: id,
     className: classNames(styles['lc-component-form'], _defineProperty({}, className, !!className)),
@@ -535,7 +539,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     renderFormExtra: renderFormExtra,
     mainFormLdId: "block_main",
     initData: ((_ctx$pagePublicResour2 = ctx.pagePublicResource) === null || _ctx$pagePublicResour2 === void 0 ? void 0 : _ctx$pagePublicResour2[id]) || initData || _initData,
-    ref: ref || formRef,
+    ref: formRef,
     readOnly: readOnly,
     showSaveBtn: showSave,
     saveBtnTitle: saveTitle,
@@ -559,7 +563,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       }
       return (_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.call.apply(_promiseRef$current, [promiseRef].concat(rest));
     }
-  })));
+  }));
 });
 LCForm.defaultProps = omitBadProps(defaultMeta);
 export default LCForm;

package/es/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 {
+  
 }