@luck-design-biz/luckda 0.0.25-21 → 0.0.25-22

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

@@ -26,8 +26,9 @@ var _Form = _interopRequireDefault(require("../../../../upload/Form"));
 var _RuntimeComp = _interopRequireDefault(require("../JSX/RuntimeComp"));
 var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
 var _formPropsDefault = _interopRequireDefault(require("../../../engine/meta/form.props.default.json"));
+var _constants = require("../../../constants");
 var _index2 = _interopRequireDefault(require("./index.less"));
-var _excluded = ["advance"];
+var _excluded = ["advance", "state"];
 var _I18N_PREFIX_ = 'lc.form.validator';
 var Header = function Header(_ref2) {
   var _ref2$header = _ref2.header,
@@ -106,16 +107,16 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
-      /**
-       * 获取表格实例
-       * @method
+      /**
+       * 获取表格实例
+       * @method
        */
       getInstance: function getInstance() {
         return formRef.current;
       },
-      /**
-       * 提交表格数据
-       * @method
+      /**
+       * 提交表格数据
+       * @method
        */
       submit: function submit() {
         return new Promise(function (resolve) {
@@ -131,22 +132,22 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, 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 = formRef.current;
@@ -327,36 +328,58 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
     return props;
   };
   var transEventsInfields = function transEventsInfields(fields) {
-    return (fields === null || fields === void 0 ? void 0 : fields.map(function (setting) {
+    return (0, _lodash.reduce)(fields, function (result, setting) {
       var advance = setting.advance,
+        _state = setting.state,
         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];
+      var isShow = true;
+      if (ctx.runtime !== _constants.RUNTIME.DESIGN && _state) {
+        if (_state.value === 'hidden') {
+          isShow = _state.code ? !(0, _helper.executeCode)(ctx, _state.code) : false;
+        }
+        if (_state.value === 'normal' && _state.code) {
+          isShow = (0, _helper.executeCode)(ctx, _state.code);
+        }
+      }
+      if (isShow) {
+        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];
             }
-            ctx.doAction(value, (0, _lodash.reduce)(getMthodParams(value[0][1].code), function (result, value, index) {
-              result[value] = props[index];
-              return result;
-            }, {}));
-          };
+            return _helper.executeCode.apply(void 0, [ctx, value, getMthodParams(value)].concat(_props));
+          } : value;
           return result;
-        }, {})
-      });
-      return props;
-    })) || [];
+        }, {});
+        if ((_state === null || _state === void 0 ? void 0 : _state.value) === 'readonly') {
+          _props.config = {
+            readOnly: _state.code ? (0, _helper.executeCode)(ctx, _state.code) : true
+          };
+        }
+        if ((_state === null || _state === void 0 ? void 0 : _state.value) === 'disabled') {
+          _props.config = {
+            disabled: _state.code ? (0, _helper.executeCode)(ctx, _state.code) : true
+          };
+        }
+        result.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _props), {}, {
+          events: advance !== null && advance !== void 0 && advance.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;
+          }, {}) : null
+        }));
+      }
+      return result;
+    }, []);
   };
   var renderFormList = (0, _ahooks.useMemoizedFn)(function (formConfig) {
     return (0, _lodash.reduce)(_blocks, function (result, item) {

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 {
+  
 }