@vtx/components 4.0.0-beta.5 → 4.0.0-beta.7

package/lib/utils/transformKeySubmitValue/index.js

@@ -0,0 +1,337 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPlainObj = isPlainObj;
+exports.transformKeySubmitValue = void 0;
+var _util = require("@rc-component/util");
+var _react = _interopRequireDefault(require("react"));
+var _isNil = require("../isNil");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * 判断一个值是否为普通对象（可以被遍历的对象）
+ * 暂时还不支持 Set 和 Map 结构
+ *
+ * @param itemValue - 要检查的值
+ * @returns 如果是普通对象返回 true，否则返回 false
+ */
+function isPlainObj(itemValue) {
+  // 如果不是对象类型，直接返回 false
+  if (_typeof(itemValue) !== 'object') {
+    return false;
+  }
+
+  // Null 也要处理，不然 omit 空值会失效
+  if (itemValue === null) {
+    return true;
+  }
+
+  // 排除各种特殊对象类型
+  if ( /*#__PURE__*/_react.default.isValidElement(itemValue)) return false;
+  if (itemValue.constructor === RegExp) return false;
+  if (itemValue instanceof Map) return false;
+  if (itemValue instanceof Set) return false;
+  if (itemValue instanceof HTMLElement) return false;
+  if (itemValue instanceof Blob) return false;
+  if (itemValue instanceof File) return false;
+  if (Array.isArray(itemValue)) return false;
+  return true;
+}
+
+/**
+ * 将点号路径字符串转换为路径数组
+ * 例如: 'users.0.name' => ['users', 0, 'name']
+ *
+ * @param dotPath - 点号分隔的路径字符串
+ * @returns 路径数组，数字会被转换为数字类型
+ */
+function parseDotPath(dotPath) {
+  return dotPath.split('.').map(function (segment) {
+    // 如果是纯数字，转换为数字类型用于数组索引
+    return /^\d+$/.test(segment) ? parseInt(segment, 10) : segment;
+  });
+}
+
+/**
+ * 过滤掉空值的转换配置
+ *
+ * @param dataFormatMapRaw - 原始转换配置
+ * @returns 过滤后的转换配置
+ */
+function filterNilTransforms(dataFormatMapRaw) {
+  var filtered = {};
+  for (var key in dataFormatMapRaw) {
+    var value = dataFormatMapRaw[key];
+    if (!(0, _isNil.isNil)(value)) {
+      filtered[key] = value;
+    }
+  }
+  return filtered;
+}
+
+/**
+ * 将转换配置分为点号路径格式和传统嵌套对象格式
+ *
+ * @param dataFormatMapRaw - 原始转换配置
+ * @returns 包含两种格式转换配置的对象
+ */
+function separateTransformFormats(dataFormatMapRaw) {
+  var dotPathTransforms = {};
+  var objectTransforms = {};
+  for (var key in dataFormatMapRaw) {
+    var value = dataFormatMapRaw[key];
+    if ((0, _isNil.isNil)(value)) continue;
+    if (key.includes('.')) {
+      dotPathTransforms[key] = value;
+    } else {
+      objectTransforms[key] = value;
+    }
+  }
+  return {
+    dotPathTransforms: dotPathTransforms,
+    objectTransforms: objectTransforms
+  };
+}
+
+/**
+ * 处理点号路径格式的转换
+ * 例如: 'users.0.name' => 转换 users[0].name 的值
+ *
+ * @param result - 要转换的数据对象
+ * @param dotPathTransforms - 点号路径转换配置
+ */
+function processDotPathTransforms(result, dotPathTransforms) {
+  for (var dotPath in dotPathTransforms) {
+    var transform = dotPathTransforms[dotPath];
+    if (typeof transform !== 'function') continue;
+
+    // 将点号路径转换为数组路径
+    var pathArray = parseDotPath(dotPath);
+
+    // 获取要转换的值
+    var currentValue = (0, _util.get)(result, pathArray);
+    if (currentValue === undefined) continue;
+
+    // 执行转换
+    var transformed = transform(currentValue, pathArray.map(String), result);
+    if (_typeof(transformed) === 'object' && transformed !== null && !Array.isArray(transformed)) {
+      // 如果返回对象，删除原键并将对象的键值对合并到父级
+      var parentPath = pathArray.slice(0, -1);
+      var parentObj = parentPath.length > 0 ? (0, _util.get)(result, parentPath) : result;
+      if (parentObj && _typeof(parentObj) === 'object') {
+        var keyToDelete = pathArray[pathArray.length - 1];
+        delete parentObj[keyToDelete];
+        Object.assign(parentObj, transformed);
+      }
+    } else {
+      // 如果返回原始值，直接替换
+      // 手动设置嵌套路径的值，确保数组索引正确处理
+      var current = result;
+      for (var i = 0; i < pathArray.length - 1; i++) {
+        var key = pathArray[i];
+        if (current[key] === undefined) {
+          // 如果下一个键是数字，创建数组，否则创建对象
+          var nextKey = pathArray[i + 1];
+          current[key] = typeof nextKey === 'number' ? [] : {};
+        }
+        current = current[key];
+      }
+      current[pathArray[pathArray.length - 1]] = transformed;
+    }
+  }
+}
+
+/**
+ * 在嵌套转换配置中查找转换函数
+ *
+ * @param currentTransforms - 当前转换配置
+ * @param parentsKey - 父级路径
+ * @param entityKey - 当前实体键
+ * @returns 找到的转换函数或 undefined
+ */
+function findNestedTransformFunction(currentTransforms, parentsKey, entityKey) {
+  var nestedTransforms = currentTransforms;
+  var _iterator = _createForOfIteratorHelper(parentsKey),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var parentKey = _step.value;
+      var parentKeyStr = String(parentKey);
+      if (nestedTransforms && _typeof(nestedTransforms[parentKeyStr]) === 'object') {
+        nestedTransforms = nestedTransforms[parentKeyStr];
+      } else {
+        nestedTransforms = null;
+        break;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (nestedTransforms && typeof nestedTransforms[entityKey] === 'function') {
+    return nestedTransforms[entityKey];
+  }
+  return undefined;
+}
+
+/**
+ * 检查路径是否包含数组索引
+ *
+ * @param parentsKey - 父级路径数组
+ * @returns 如果包含数组索引返回 true
+ */
+function isInArrayPath(parentsKey) {
+  return parentsKey.some(function (key) {
+    return !isNaN(Number(key));
+  });
+}
+
+/**
+ * 递归处理嵌套对象转换（传统格式）
+ *
+ * @param tempValues - 要处理的值
+ * @param parentsKey - 父级路径
+ * @param currentTransforms - 当前转换配置
+ * @param rootMergeObjects - 存储需要在根级别合并的对象
+ * @returns 处理后的结果
+ */
+function processNestedObjectTransforms(tempValues, parentsKey, currentTransforms, rootMergeObjects) {
+  var isArrayValues = Array.isArray(tempValues);
+  var tempResult = isArrayValues ? [] : {};
+  if (tempValues == null || tempValues === undefined) {
+    return tempResult;
+  }
+
+  // 确定要处理的键
+  var keysToProcess = isArrayValues ? tempValues.map(function (_, index) {
+    return index.toString();
+  }) : Object.keys(tempValues);
+  var _iterator2 = _createForOfIteratorHelper(keysToProcess),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var entityKey = _step2.value;
+      var key = parentsKey ? [].concat(_toConsumableArray(parentsKey), [entityKey]) : [entityKey];
+      var itemValue = tempValues[entityKey];
+
+      // 查找转换函数
+      var transformFunction = currentTransforms[entityKey];
+
+      // 如果没找到并且是嵌套路径，尝试在嵌套对象中查找
+      if (!transformFunction && parentsKey) {
+        transformFunction = findNestedTransformFunction(currentTransforms, parentsKey, entityKey);
+      }
+      if (transformFunction && typeof transformFunction === 'function') {
+        // 执行转换
+        var transformed = transformFunction(itemValue, entityKey, tempValues);
+        if (_typeof(transformed) === 'object' && transformed !== null && !Array.isArray(transformed)) {
+          // 检查当前项是否在数组中
+          var isInArray = parentsKey ? isInArrayPath(parentsKey) : false;
+          if (isInArray) {
+            // 如果是数组元素内的转换，直接合并到当前结果
+            Object.assign(tempResult, transformed);
+          } else {
+            // 如果不是数组元素，将其存储到 rootMergeObjects 以便在根级别合并
+            rootMergeObjects.push(transformed);
+          }
+        } else {
+          // 如果返回原始值，用新键替换
+          tempResult[entityKey] = transformed;
+        }
+      } else if (isPlainObj(itemValue) && !(0, _isNil.isNil)(itemValue)) {
+        // 递归处理嵌套对象（但跳过 null 值）
+        var nestedTransforms = currentTransforms[entityKey];
+        if (nestedTransforms && _typeof(nestedTransforms) === 'object') {
+          // 如果当前键有嵌套转换配置，传递嵌套配置
+          var nested = processNestedObjectTransforms(itemValue, key, nestedTransforms, rootMergeObjects);
+          // 检查是否有任何子属性被转换为对象（会被添加到 rootMergeObjects）
+          // 如果 nested 为空或只包含被转换的属性，我们不保留这个对象
+          var hasRemainingContent = Object.keys(nested).length > 0;
+          if (hasRemainingContent) {
+            tempResult[entityKey] = nested;
+          }
+        } else {
+          // 否则继续使用当前转换配置递归
+          var _nested = processNestedObjectTransforms(itemValue, key, currentTransforms, rootMergeObjects);
+          tempResult[entityKey] = _nested;
+        }
+      } else if (!(0, _isNil.isNil)(itemValue)) {
+        // 保留非 null/undefined 原始值
+        tempResult[entityKey] = itemValue;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return tempResult;
+}
+
+/**
+ * 转换提交值中的键名
+ * 支持两种格式的转换配置：
+ * 1. 点号路径格式：'users.0.name' => 转换嵌套路径的值
+ * 2. 传统嵌套对象格式：{ users: { 0: { name: transformFn } } }
+ *
+ * @param values - 要转换的值对象
+ * @param dataFormatMapRaw - 转换配置映射
+ * @returns 转换后的值对象
+ */
+var transformKeySubmitValue = exports.transformKeySubmitValue = function transformKeySubmitValue(values, dataFormatMapRaw) {
+  // 过滤掉空值的转换配置
+  var dataFormatMap = filterNilTransforms(dataFormatMapRaw);
+
+  // 如果没有有效的转换配置，直接返回原值
+  if (Object.keys(dataFormatMap).length < 1) {
+    return values;
+  }
+
+  // 在服务端环境下直接返回原值
+  if (typeof window === 'undefined') {
+    return values;
+  }
+
+  // 如果 value 是 string | null | Array | Blob 类型其中之一，直接返回
+  // 形如 {key: [File, File]} 的表单字段当进行第二次递归时会导致其直接越过 typeof value !== 'object' 这一判断
+  // https://github.com/ant-design/pro-components/issues/2071
+  if (_typeof(values) !== 'object' || (0, _isNil.isNil)(values) || values instanceof Blob) {
+    return values;
+  }
+
+  // 创建一个深拷贝来避免修改原始数据
+  var result = JSON.parse(JSON.stringify(values));
+
+  // 分别处理不同格式的转换配置
+  var _separateTransformFor = separateTransformFormats(dataFormatMapRaw),
+    dotPathTransforms = _separateTransformFor.dotPathTransforms,
+    objectTransforms = _separateTransformFor.objectTransforms;
+
+  // 处理点号路径格式的转换（如 'users.0.name'）
+  processDotPathTransforms(result, dotPathTransforms);
+
+  // 存储需要在根级别合并的对象
+  var rootMergeObjects = [];
+
+  // 处理传统的嵌套对象格式转换（向后兼容）
+  if (Object.keys(objectTransforms).length > 0) {
+    result = processNestedObjectTransforms(result, undefined, objectTransforms, rootMergeObjects);
+  }
+
+  // 将所有根级别合并对象合并到最终结果
+  for (var _i = 0, _rootMergeObjects = rootMergeObjects; _i < _rootMergeObjects.length; _i++) {
+    var obj = _rootMergeObjects[_i];
+    Object.assign(result, obj);
+  }
+  return result;
+};

package/lib/utils/useColSize.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ahooks = require("ahooks");
+var COL_SIZE = {
+  lg: 'lg',
+  md: 'md',
+  sm: 'sm'
+};
+var _default = exports.default = function _default(ref) {
+  var dom = (ref === null || ref === void 0 ? void 0 : ref.current) || document.querySelector('body');
+  var _ref = (0, _ahooks.useSize)(dom) || {},
+    width = _ref.width;
+  var size = COL_SIZE.lg;
+  if (width >= 1370) {
+    size = COL_SIZE.lg;
+  } else if (width >= 992) {
+    size = COL_SIZE.md;
+  } else {
+    size = COL_SIZE.sm;
+  }
+  return size;
+};