@teamix/pro 1.5.45 → 1.5.46

package/dist/pro.js

@@ -97698,6 +97698,13 @@ var baseStringifyConfig = {
   skipNull: false,
   skipEmptyString: false
 };
+
+// 柯里化
+function curryingStringify(options) {
+  return function (input) {
+    return (0,query_string__WEBPACK_IMPORTED_MODULE_0__.stringify)(input, options);
+  };
+}
 var useUrlState = function useUrlState(initialState, options) {
   var _ref = options || {},
     _ref$navigateMode = _ref.navigateMode,
@@ -97745,7 +97752,7 @@ var useUrlState = function useUrlState(initialState, options) {
       });
     }
   };
-  return [targetQuery, (0,ahooks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(setState), queryFromUrl];
+  return [targetQuery, (0,ahooks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(setState), queryFromUrl, curryingStringify(mergedStringifyOptions)];
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useUrlState);
 
@@ -97788,7 +97795,6 @@ var mergedOptions = function mergedOptions(options, globalOptions) {
     }, globalOptions == null ? void 0 : globalOptions.parseOptions, options == null ? void 0 : options.parseOptions)
   });
 };
-
 /**
  * 解析值类型
  * @param values 值
@@ -97813,9 +97819,12 @@ var parseValueType = function parseValueType(values, valueType, mode) {
             Object.entries(value).forEach(function (_ref2) {
               var kk = _ref2[0],
                 vv = _ref2[1];
-              newValues[k + "." + kk] = vv;
+              newValues[String(k) + "." + kk] = vv; // add String() to make typescript happy
             });
+
             delete newValues[k];
+          } else {
+            console.warn("valueType's object type must be a plain object");
           }
           break;
         default:
@@ -97842,7 +97851,8 @@ var parseValueType = function parseValueType(values, valueType, mode) {
           Object.entries(newValues).forEach(function (_ref3) {
             var kk = _ref3[0],
               vv = _ref3[1];
-            if (kk.startsWith(k + ".")) {
+            // add String() to make typescript happy
+            if (kk.startsWith(String(k) + ".")) {
               var _kk$split = kk.split('.'),
                 _ = _kk$split[0],
                 subKey = _kk$split[1];
@@ -97860,10 +97870,10 @@ var parseValueType = function parseValueType(values, valueType, mode) {
 };
 
 /**
- * 基于useUrlState的hooks，增加默认配置和额外参数
+ * 基于 ahooks 的 useUrlState，增加默认配置和额外参数，以及幂等判断避免重复 update 的能力
  * @param initialState 同useUrlState
  * @param urlStateOptions 新增beforeStringify、beforeParse、valueType参数和默认配置
- * @returns `[urlState, setUrlState, queryFromUrl]` 注意 queryFromUrl 完全对应 url 中参数的情况、用于幂等判断，而 urlState 包含不在 url 中的（初次 use 时提供的）默认值
+ * @returns `[urlState, setUrlState, queryFromUrl, stringify]` 注意 queryFromUrl 完全对应 url 中参数的情况、用于幂等判断，而 urlState 包含不在 url 中的（初次 use 时提供的）默认值；stringify 是根据 options 柯里化得到的参数转字符串函数，也用于幂等判断。
  */
 var useUrlState = function useUrlState(initialState, urlStateOptions) {
   var _getGlobalConfig;
@@ -97898,7 +97908,8 @@ var useUrlState = function useUrlState(initialState, urlStateOptions) {
   var _useUrlStateAhooks = (0,_ahooksUseUrlState__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(initialState, options),
     state = _useUrlStateAhooks[0],
     setState = _useUrlStateAhooks[1],
-    queryFromUrl = _useUrlStateAhooks[2];
+    queryFromUrl = _useUrlStateAhooks[2],
+    stringify = _useUrlStateAhooks[3];
   var setUrlStateCalls = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)([]);
 
   // 配置url参数
@@ -97918,7 +97929,7 @@ var useUrlState = function useUrlState(initialState, urlStateOptions) {
 
   // 输出url参数
   var urlState = parseValueType(mergedBeforeParse(state), mergedValueType, 'post');
-  return [urlState, setUrlState, queryFromUrl];
+  return [urlState, setUrlState, queryFromUrl, stringify];
 };
 
 
@@ -102609,6 +102620,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 function useBindUrl(bindUrl, functions, formRef) {
+  var update = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_0__.useUpdate)();
+
   // 预处理 bindUrl 参数（主要兼容 SelectGroup 组件）
   var initializeBindUrl = function initializeBindUrl(options) {
     return options ? _extends({}, options, {
@@ -102640,7 +102653,8 @@ function useBindUrl(bindUrl, functions, formRef) {
   var _ref3 = bindUrl ? (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_0__.useUrlState)(undefined, initializeBindUrl((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isPlainObj)(bindUrl) ? bindUrl : {})) : [],
     urlState = _ref3[0],
     setUrlState = _ref3[1],
-    queryFromUrl = _ref3[2];
+    queryFromUrl = _ref3[2],
+    stringify = _ref3[3];
 
   // 输出配置url参数的函数
   var initializedFunctions = Object.entries(functions).reduce(function (prev, _ref4) {
@@ -102650,31 +102664,33 @@ function useBindUrl(bindUrl, functions, formRef) {
       originalFunction == null ? void 0 : originalFunction(values);
       if (bindUrl) {
         // guard: onInit 会在 mount 时被自动调用，需要避免其在任何情况下都调用 setUrlState。故增加幂等判断
-        var hasDifference = false;
+        var hasStringifiedDiff = false;
+        var hasValuesDiff = false;
         for (var paramName in values) {
           if (Object.hasOwn(values, paramName)) {
-            var simpleTransform = function simpleTransform(value) {
-              if (value instanceof Array) {
-                return value.join(',');
-              }
-              if (value === undefined || value === null) {
-                return '';
-              }
-              if (value instanceof Object) {
-                console.warn('useBindUrl: 无法处理对象类型的 url 参数');
-              }
-              return value;
-            };
             var oldValue = queryFromUrl == null ? void 0 : queryFromUrl[paramName];
             var newValue = values[paramName];
-            if (simpleTransform(newValue) !== simpleTransform(oldValue)) {
-              hasDifference = true;
+            // 这里我们必须使用 stringify 来判断是否有变化，因为 special case 太多。例如，默认配置下：
+            // { a: [undefined, undefined], b: undefined, c: [], d: null, e: ''} 会生成 'd=&e='
+            // 类似地，{ a: [''], b: [null], c: [undefined] } 会生成 'a=&b='。更不用说还有非默认配置的情况
+            // 想要避免这种 hazard，我们必须使用钩子内部导出的、经过柯里化的 stringify 来判断生成的字符串是否无变化。
+            if (stringify({
+              v: newValue
+            }) !== stringify({
+              v: oldValue
+            })) {
+              hasStringifiedDiff = true;
               break;
+            } else if (oldValue !== newValue) {
+              hasValuesDiff = true;
             }
           }
         }
-        if (hasDifference) {
+        if (hasStringifiedDiff) {
           setUrlState(values);
+        } else if (hasValuesDiff) {
+          // guard: 虽然 url 字符串没有变化，但是 values 变化了，还是需要触发组件的 update 以保证行为一致。
+          update();
         }
       }
     };
@@ -105649,7 +105665,7 @@ if (!((_window = window) != null && _window.TEAMIXPRO_WITHOUT_ICON)) {
 
 
 
-var version = '1.5.45';
+var version = '1.5.46';
 
 // By TeamixTest
 window.postMessage({
@@ -114455,7 +114471,10 @@ function genAutoWidthColumns(columns, ref, data, size, useRowSelection, actionCo
     return columns;
   }
   var finalColumns = [];
-  var filterdColumnsResult = _teamix_utils__WEBPACK_IMPORTED_MODULE_1__._.cloneDeep(columns);
+  // @FIXME: lodash 的 cloneDeep 无法正确处理 columns 内部含有 ReactNode 的情况。我们也不该用 React 以外的工具来复制 ReactNode
+  // 因为它里面的 fiber node id 等等的在复制后并不会变，对于 React 来讲这就意味着两个 ReactNode 有相同的 fiber node id，不符合预期。
+  // 先注释掉，后续再想办法
+  var filterdColumnsResult = columns; // _.cloneDeep(columns);
   filterdColumnsResult.forEach(function (column, index) {
     var render = column.render,
       _column$valueType = column.valueType,