@teamias/rex-design 0.0.1 → 0.0.3

package/dist/components/base-form/base-form.js

@@ -10,14 +10,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/* eslint-disable import/no-cycle */
-import { ProForm, ProFormDependency } from "@ant-design/pro-components";
+import { ProForm, ProFormDependency } from '@ant-design/pro-components';
+import { handlerFilter, useRexProConfigProvider } from "../..";
 import { useRef } from 'react';
-import { useRexProConfigProvider, handlerFilter } from "../..";
 import { processDependencyFields } from "./modules/dependencyUtils";
 import { renderComponentNode } from "./modules/renderComponentNode";
 import { BaseFormStyle } from "./style";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BaseForm = function BaseForm(props) {
   var rawAllProps = props;
   var outFields = props.fields,
@@ -35,226 +36,228 @@ export var BaseForm = function BaseForm(props) {
     dependenciesSearchCache = _useRef.current;
   var _useRef2 = useRef({}),
     dependenciesSearchCacheData = _useRef2.current;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BaseFormStyle, null), outFields === null || outFields === void 0 ? void 0 : outFields.map(function (item, index) {
-    var _item$field;
-    var fields = Array.isArray(item.field) ? item.field : [(_item$field = item.field) !== null && _item$field !== void 0 ? _item$field : "custom-dynamic-".concat(index)];
-    var keyStr = fields.join('-');
-    var itemProps = outFieldProps === null || outFieldProps === void 0 ? void 0 : outFieldProps[fields.join('-')];
-    var mergeItem = _objectSpread(_objectSpread({}, item), itemProps);
-    var config = _objectSpread(_objectSpread({
-      fields: fields,
-      keyStr: keyStr,
-      item: mergeItem,
-      requestOptions: function () {
-        var _requestOptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-          var fn,
-            res,
-            _args2 = arguments;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                fn = outRequestOptions || formItemRequestOptions || apiClient || /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-                  return _regeneratorRuntime().wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                        return _context.abrupt("return", []);
-                      case 1:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                _context2.next = 3;
-                return fn.apply(void 0, _args2);
-              case 3:
-                res = _context2.sent;
-                return _context2.abrupt("return", Array.isArray(res) ? res : []);
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BaseFormStyle, {}), outFields === null || outFields === void 0 ? void 0 : outFields.map(function (item, index) {
+      var _item$field;
+      var fields = Array.isArray(item.field) ? item.field : [(_item$field = item.field) !== null && _item$field !== void 0 ? _item$field : "custom-dynamic-".concat(index)];
+      var keyStr = fields.join('-');
+      var itemProps = outFieldProps === null || outFieldProps === void 0 ? void 0 : outFieldProps[fields.join('-')];
+      var mergeItem = _objectSpread(_objectSpread({}, item), itemProps);
+      var config = _objectSpread(_objectSpread({
+        fields: fields,
+        keyStr: keyStr,
+        item: mergeItem,
+        requestOptions: function () {
+          var _requestOptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+            var fn,
+              res,
+              _args2 = arguments;
+            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  fn = outRequestOptions || formItemRequestOptions || apiClient || /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                    return _regeneratorRuntime().wrap(function _callee$(_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          return _context.abrupt("return", []);
+                        case 1:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  }));
+                  _context2.next = 3;
+                  return fn.apply(void 0, _args2);
+                case 3:
+                  res = _context2.sent;
+                  return _context2.abrupt("return", Array.isArray(res) ? res : []);
+                case 5:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }));
+          function requestOptions() {
+            return _requestOptions.apply(this, arguments);
+          }
+          return requestOptions;
+        }()
+      }, otherProps), {}, {
+        rawAllProps: rawAllProps,
+        formatMessage: formatMessage
+      });
+      if (mergeItem.hidden) return;
+      if (operationPermission && !operationPermission(mergeItem.permissionKey)) return;
+
+      // 新扩展的依赖监听, 优先级高于 dependencies
+      if (item.dependenciesV2 && item.dependenciesV2.length) {
+        /** 字段+操作类型, 作为唯一key, 重复的以后面为准 */
+        var dependMap = Object.fromEntries(item.dependenciesV2.map(function (ii) {
+          return ["".concat(ii.field, "-").concat(ii.action), ii];
         }));
-        function requestOptions() {
-          return _requestOptions.apply(this, arguments);
-        }
-        return requestOptions;
-      }()
-    }, otherProps), {}, {
-      rawAllProps: rawAllProps,
-      formatMessage: formatMessage
-    });
-    if (mergeItem.hidden) return;
-    if (operationPermission && !operationPermission(mergeItem.permissionKey)) return;
+        var allFields = Array.from(new Set(item.dependenciesV2.map(function (ii) {
+          return ii.field;
+        })));
+        return /*#__PURE__*/_jsx(ProFormDependency, {
+          name: allFields,
+          children: function children(data, form) {
+            var _config$item;
+            // 依赖规则可能有多条，且可能作用于同一类型（如多个 hidden、disabled 等），这里需要全部规则都满足才生效
+            var _ref2 = [],
+              hidden = _ref2[0],
+              disabled = _ref2[1],
+              clear = _ref2[2],
+              updateData = _ref2[3],
+              show = _ref2[4],
+              syncValue = _ref2[5];
 
-    // 新扩展的依赖监听, 优先级高于 dependencies
-    if (item.dependenciesV2 && item.dependenciesV2.length) {
-      /** 字段+操作类型, 作为唯一key, 重复的以后面为准 */
-      var dependMap = Object.fromEntries(item.dependenciesV2.map(function (ii) {
-        return ["".concat(ii.field, "-").concat(ii.action), ii];
-      }));
-      var allFields = Array.from(new Set(item.dependenciesV2.map(function (ii) {
-        return ii.field;
-      })));
-      return /*#__PURE__*/React.createElement(ProFormDependency, {
-        name: allFields,
-        key: keyStr
-      }, function (data, form) {
-        var _config$item;
-        // 依赖规则可能有多条，且可能作用于同一类型（如多个 hidden、disabled 等），这里需要全部规则都满足才生效
-        var _ref2 = [],
-          hidden = _ref2[0],
-          disabled = _ref2[1],
-          clear = _ref2[2],
-          updateData = _ref2[3],
-          show = _ref2[4],
-          syncValue = _ref2[5];
+            /** 条件判断 */
+            var judge = function judge(inlineItem) {
+              if (inlineItem.op) {
+                return handlerFilter(data, [{
+                  original: inlineItem.field,
+                  target: inlineItem.target,
+                  op: inlineItem.op
+                }]);
+              }
+              return true;
+            };
 
-        /** 条件判断 */
-        var judge = function judge(inlineItem) {
-          if (inlineItem.op) {
-            return handlerFilter(data, [{
-              original: inlineItem.field,
-              target: inlineItem.target,
-              op: inlineItem.op
-            }]);
-          }
-          return true;
-        };
+            /** 判断是否需要用户操作才触发 */
+            var isTouchedFn = function isTouchedFn(field) {
+              var isTouched = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+              if (isTouched) {
+                return form.isFieldTouched(field);
+              }
+              return true;
+            };
 
-        /** 判断是否需要用户操作才触发 */
-        var isTouchedFn = function isTouchedFn(field) {
-          var isTouched = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-          if (isTouched) {
-            return form.isFieldTouched(field);
-          }
-          return true;
-        };
-
-        // console.log(data, dependMap)
-        Object.values(dependMap).forEach(function (dependItem) {
-          var _dependItem$isTouched;
-          switch (dependItem.action) {
-            case 'hidden':
-              // 多条 hidden 规则，只有全部为 true 时才隐藏（即“与”关系）
-              if (typeof hidden === 'undefined' || hidden) hidden = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
-              break;
-            case 'show':
-              if (typeof show === 'undefined' || show) show = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
-              break;
-            case 'disabled':
-              if (typeof disabled === 'undefined' || disabled) disabled = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
-              break;
-            case 'clear':
-              if (typeof clear === 'undefined' || clear) clear = isTouchedFn(dependItem.field, (_dependItem$isTouched = dependItem.isTouched) !== null && _dependItem$isTouched !== void 0 ? _dependItem$isTouched : true) && judge(dependItem);
-              break;
-            case 'updateData':
-              if (typeof updateData === 'undefined' || updateData) updateData = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
-              break;
-            case 'syncValue':
-              if (typeof syncValue === 'undefined' || syncValue) syncValue = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
-              break;
-            default:
-              console.error('错误的 dependenciesV2 action 配置');
-              break;
-          }
-        });
+            // console.log(data, dependMap)
+            Object.values(dependMap).forEach(function (dependItem) {
+              var _dependItem$isTouched;
+              switch (dependItem.action) {
+                case 'hidden':
+                  // 多条 hidden 规则，只有全部为 true 时才隐藏（即“与”关系）
+                  if (typeof hidden === 'undefined' || hidden) hidden = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
+                  break;
+                case 'show':
+                  if (typeof show === 'undefined' || show) show = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
+                  break;
+                case 'disabled':
+                  if (typeof disabled === 'undefined' || disabled) disabled = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
+                  break;
+                case 'clear':
+                  if (typeof clear === 'undefined' || clear) clear = isTouchedFn(dependItem.field, (_dependItem$isTouched = dependItem.isTouched) !== null && _dependItem$isTouched !== void 0 ? _dependItem$isTouched : true) && judge(dependItem);
+                  break;
+                case 'updateData':
+                  if (typeof updateData === 'undefined' || updateData) updateData = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
+                  break;
+                case 'syncValue':
+                  if (typeof syncValue === 'undefined' || syncValue) syncValue = isTouchedFn(dependItem.field, dependItem.isTouched) && judge(dependItem);
+                  break;
+                default:
+                  console.error('错误的 dependenciesV2 action 配置');
+                  break;
+              }
+            });
 
-        // 处理冲突：hidden 优先级最高，满足则直接 return null，不渲染
-        if (hidden) return null;
-        // show 存在时，只有全部 show 规则都为 true 才显示，否则 return null
-        if (typeof show === 'boolean' && !show) return null;
+            // 处理冲突：hidden 优先级最高，满足则直接 return null，不渲染
+            if (hidden) return null;
+            // show 存在时，只有全部 show 规则都为 true 才显示，否则 return null
+            if (typeof show === 'boolean' && !show) return null;
 
-        // 实时修改 fieldProps，disabled 联动
-        var fieldProps = ((_config$item = config.item) === null || _config$item === void 0 ? void 0 : _config$item.fieldProps) || {};
-        config.item.fieldProps = _objectSpread(_objectSpread({}, fieldProps), {}, {
-          disabled: disabled
-        });
+            // 实时修改 fieldProps，disabled 联动
+            var fieldProps = ((_config$item = config.item) === null || _config$item === void 0 ? void 0 : _config$item.fieldProps) || {};
+            config.item.fieldProps = _objectSpread(_objectSpread({}, fieldProps), {}, {
+              disabled: disabled
+            });
 
-        // clear 联动，满足全部 clear 规则时清空当前字段
-        if (clear) {
-          setTimeout(function () {
-            form.setFields([{
-              name: keyStr,
-              value: undefined,
-              touched: false,
-              validated: false
-            }]);
-          });
-        }
+            // clear 联动，满足全部 clear 规则时清空当前字段
+            if (clear) {
+              setTimeout(function () {
+                form.setFields([{
+                  name: keyStr,
+                  value: undefined,
+                  touched: false,
+                  validated: false
+                }]);
+              });
+            }
 
-        // updateData 联动，满足全部 updateData 规则时缓存依赖数据
-        if (updateData) {
-          dependenciesSearchCacheData[keyStr] = data;
-        }
+            // updateData 联动，满足全部 updateData 规则时缓存依赖数据
+            if (updateData) {
+              dependenciesSearchCacheData[keyStr] = data;
+            }
 
-        // syncValue 联动，满足全部 syncValue 规则时同步指定字段的值
-        if (syncValue) {
-          // 只取第一个 syncValue 规则对应的字段
-          var key = item.dependenciesV2.find(function (ii) {
-            return ii.action === 'syncValue';
-          }).field;
-          setTimeout(function () {
-            form.setFields([{
-              name: keyStr,
-              value: data[key],
-              touched: false
-            }]);
-          });
-        }
+            // syncValue 联动，满足全部 syncValue 规则时同步指定字段的值
+            if (syncValue) {
+              // 只取第一个 syncValue 规则对应的字段
+              var key = item.dependenciesV2.find(function (ii) {
+                return ii.action === 'syncValue';
+              }).field;
+              setTimeout(function () {
+                form.setFields([{
+                  name: keyStr,
+                  value: data[key],
+                  touched: false
+                }]);
+              });
+            }
 
-        // 渲染最终组件，数据优先取 updateData 缓存
-        return renderComponentNode(config, dependenciesSearchCacheData[keyStr] || {}, form);
-      });
-    }
-    if (item.dependencies) {
-      // 获取依赖字段
-      var _processDependencyFie = processDependencyFields(item.dependencies),
-        _allFields = _processDependencyFie.allFields,
-        visibleFields = _processDependencyFie.visibleFields,
-        valueFields = _processDependencyFie.valueFields,
-        searchFields = _processDependencyFie.searchFields,
-        disabledFields = _processDependencyFie.disabledFields;
-      return /*#__PURE__*/React.createElement(ProFormDependency, {
-        name: _allFields,
-        key: keyStr
-      }, function (values, form) {
-        var valueStr = JSON.stringify(values);
-        // 禁用联动逻辑
-        var shouldDisabled = disabledFields.every(function (field) {
-          return values[field] !== undefined && values[field] !== false && values[field].length !== 0;
-        });
-        if ((disabledFields === null || disabledFields === void 0 ? void 0 : disabledFields.length) > 0 && shouldDisabled) {
-          var _config$item2;
-          var fieldProps = ((_config$item2 = config.item) === null || _config$item2 === void 0 ? void 0 : _config$item2.fieldProps) || {};
-          config.item.fieldProps = _objectSpread(_objectSpread({}, fieldProps), {}, {
-            disabled: true
-          });
-        }
+            // 渲染最终组件，数据优先取 updateData 缓存
+            return renderComponentNode(config, dependenciesSearchCacheData[keyStr] || {}, form);
+          }
+        }, keyStr);
+      }
+      if (item.dependencies) {
+        // 获取依赖字段
+        var _processDependencyFie = processDependencyFields(item.dependencies),
+          _allFields = _processDependencyFie.allFields,
+          visibleFields = _processDependencyFie.visibleFields,
+          valueFields = _processDependencyFie.valueFields,
+          searchFields = _processDependencyFie.searchFields,
+          disabledFields = _processDependencyFie.disabledFields;
+        return /*#__PURE__*/_jsx(ProFormDependency, {
+          name: _allFields,
+          children: function children(values, form) {
+            var valueStr = JSON.stringify(values);
+            // 禁用联动逻辑
+            var shouldDisabled = disabledFields.every(function (field) {
+              return values[field] !== undefined && values[field] !== false && values[field].length !== 0;
+            });
+            if ((disabledFields === null || disabledFields === void 0 ? void 0 : disabledFields.length) > 0 && shouldDisabled) {
+              var _config$item2;
+              var fieldProps = ((_config$item2 = config.item) === null || _config$item2 === void 0 ? void 0 : _config$item2.fieldProps) || {};
+              config.item.fieldProps = _objectSpread(_objectSpread({}, fieldProps), {}, {
+                disabled: true
+              });
+            }
 
-        // 显隐联动逻辑
-        var shouldShow = visibleFields.every(function (field) {
-          return values[field] !== undefined && values[field] !== false && values[field].length !== 0;
-        });
-        if (!shouldShow) return null;
-        // 赋值联动逻辑 如果只有一个值依赖字段，同步值，多个赋值联动则不触发
-        if (valueFields.length === 1) {
-          setTimeout(function () {
-            form.setFieldValue(keyStr, values[valueFields[0]]);
-          });
-        }
-        // 数据源联动逻辑
-        if (searchFields.length > 0 && dependenciesSearchCache[keyStr] !== valueStr && form.isFieldsTouched(searchFields)
-        // searchFields.some(field => form.isFieldTouched(field))
-        ) {
-          dependenciesSearchCache[keyStr] = valueStr;
-          setTimeout(function () {
-            form.setFieldValue(keyStr, undefined);
-          });
-        }
-        return renderComponentNode(config, values, form);
-      });
-    }
-    return renderComponentNode(config, {}, topForm);
-  }));
+            // 显隐联动逻辑
+            var shouldShow = visibleFields.every(function (field) {
+              return values[field] !== undefined && values[field] !== false && values[field].length !== 0;
+            });
+            if (!shouldShow) return null;
+            // 赋值联动逻辑 如果只有一个值依赖字段，同步值，多个赋值联动则不触发
+            if (valueFields.length === 1) {
+              setTimeout(function () {
+                form.setFieldValue(keyStr, values[valueFields[0]]);
+              });
+            }
+            // 数据源联动逻辑
+            if (searchFields.length > 0 && dependenciesSearchCache[keyStr] !== valueStr && form.isFieldsTouched(searchFields)
+            // searchFields.some(field => form.isFieldTouched(field))
+            ) {
+              dependenciesSearchCache[keyStr] = valueStr;
+              setTimeout(function () {
+                form.setFieldValue(keyStr, undefined);
+              });
+            }
+            return renderComponentNode(config, values, form);
+          }
+        }, keyStr);
+      }
+      return renderComponentNode(config, {}, topForm);
+    })]
+  });
 };