@openli1115/lowcode-edit-pro-table 1.0.61 → 1.0.63

package/es/components/ProCascaderSelect/index.js

@@ -8,7 +8,8 @@ import { useProBoundValue } from "../../context/useProBoundValue";
 import { FORM_EMPTY_ARRAY } from "../../context/useComponentContext";
 var _window$React = window.React,
   createElement = _window$React.createElement,
-  useCallback = _window$React.useCallback;
+  useCallback = _window$React.useCallback,
+  useMemo = _window$React.useMemo;
 
 /**
  * 按路径在树形 dataSource 上逐级匹配，取出每一层的 label（2 级、3 级…任意多级，长度由 pathValues 决定）。
@@ -96,7 +97,8 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     disabledProp = props.disabled,
     _schemaValue = props.value,
     schemaOnChange = props.onChange,
-    defaultValue = props.defaultValue;
+    defaultValue = props.defaultValue,
+    multiple = props.multiple;
   var _resolveProScreenBind = resolveProScreenBinding({
       screen_structure: screen_structure,
       screen_structure_field: screen_structure_field,
@@ -114,12 +116,26 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     commit(next);
     schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(next, structureName, structureField);
   };
+
+  /** 表单/接口：完整路径 string[]，如 ['2974','2975'] */
   var displayValue = normalizeCascaderPath(value);
 
   /**
-   * Fusion 单选 getSingleData 对数组 value 只会用 value[0] 查节点，输入框文案不完整。
-   * 表单存全路径 [省,市,区,...] 任意多级时，用 dataSource 拼「一级 / 二级 / …」。
+   * Fusion 单选：官方约定受控 value 为 string[] | number[]，且实现里只对数组取 value[0] 再查节点。
+   * 若传入完整路径 [父,子]，会把「父」当成选中项，文案只有一级。
+   * 组件展示应传「叶子」单元素数组 [leaf]，内部 getLabelPath(叶子节点) 会生成多级展示。
+   * 多选仍传 Fusion 所需的多个 value（与表单存值一致）。
    */
+  var valueForFusion = useMemo(function () {
+    var path = displayValue;
+    if (multiple) {
+      return path;
+    }
+    if (path.length === 0) return [];
+    return [path[path.length - 1]];
+  }, [displayValue, multiple]);
+
+  /** dataSource 未就绪或异步时，仍用自定义文案兜底 */
   var schemaDisplayRender = props.displayRender;
   var pathDisplayRender = useCallback(function (labels, data) {
     var fullLabels = resolvePathLabels(dataSource, normalizeCascaderPath(value));
@@ -137,7 +153,7 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     readOnly: disableEdit ? true : readOnlyProp,
     disabled: disabledProp,
     dataSource: dataSource,
-    value: displayValue,
+    value: valueForFusion,
     onChange: handleChange,
     displayRender: pathDisplayRender
   })));

package/es/context/FormProvider.js

@@ -42,15 +42,37 @@ export var FormProvider = function FormProvider(_ref) {
     values = _useState[0],
     setValues = _useState[1];
 
-  // 仅当 initialValues 引用变化时更新状态
+  /** 每次渲染同步，供 initialValues effect 判断「store 是否只是回灌了当前表单已有数据」 */
+  var valuesRef = useRef(values);
+  valuesRef.current = values;
+
+  /**
+   * store 每次 dispatch 都会给新的 screenStructures 引用；若内容与表单 state 实际一致仍 setValues，
+   * 会整页重渲染（含 EditProTable、ss_xxx_tab 等大表），Fusion Overlay/Select 反复 setPosition，
+   * 易触发 React #185（Maximum update depth exceeded）。
+   *
+   * 仅与 initialValuesRef 比较不够：用户改字段后 onChange 已把同一份数据写回 store，若此时再 merge，
+   * 或与内表 mutate 的 window.screenStructures 产生细微差异，会反复 setValues 形成环。
+   * 因此：initialValues 与当前表单 values 深度相等时，一律不再 setValues。
+   */
   useEffect(function () {
-    if (!isEqual(initialValues, initialValuesRef.current)) {
-      console.log('[FormProvider] 🔄 useEffect triggered - initialValues:', initialValues);
+    if (isEqual(initialValues, valuesRef.current)) {
+      initialValuesRef.current = initialValues;
+      return;
+    }
+    if (isEqual(initialValues, initialValuesRef.current)) {
       initialValuesRef.current = initialValues;
-      setValues(function (prev) {
-        return _extends({}, prev, initialValues);
-      });
+      return;
     }
+    console.log('[FormProvider] 🔄 useEffect triggered - initialValues:', initialValues);
+    initialValuesRef.current = initialValues;
+    setValues(function (prev) {
+      var merged = _extends({}, prev, initialValues);
+      if (isEqual(prev, merged)) {
+        return prev;
+      }
+      return merged;
+    });
   }, [initialValues]);
 
   // 优化 setFieldValue

package/lib/components/ProCascaderSelect/index.js

@@ -13,7 +13,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var _window$React = window.React,
   createElement = _window$React.createElement,
-  useCallback = _window$React.useCallback;
+  useCallback = _window$React.useCallback,
+  useMemo = _window$React.useMemo;
 
 /**
  * 按路径在树形 dataSource 上逐级匹配，取出每一层的 label（2 级、3 级…任意多级，长度由 pathValues 决定）。
@@ -101,7 +102,8 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     disabledProp = props.disabled,
     _schemaValue = props.value,
     schemaOnChange = props.onChange,
-    defaultValue = props.defaultValue;
+    defaultValue = props.defaultValue,
+    multiple = props.multiple;
   var _resolveProScreenBind = (0, _utils.resolveProScreenBinding)({
       screen_structure: screen_structure,
       screen_structure_field: screen_structure_field,
@@ -119,12 +121,26 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     commit(next);
     schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(next, structureName, structureField);
   };
+
+  /** 表单/接口：完整路径 string[]，如 ['2974','2975'] */
   var displayValue = normalizeCascaderPath(value);
 
   /**
-   * Fusion 单选 getSingleData 对数组 value 只会用 value[0] 查节点，输入框文案不完整。
-   * 表单存全路径 [省,市,区,...] 任意多级时，用 dataSource 拼「一级 / 二级 / …」。
+   * Fusion 单选：官方约定受控 value 为 string[] | number[]，且实现里只对数组取 value[0] 再查节点。
+   * 若传入完整路径 [父,子]，会把「父」当成选中项，文案只有一级。
+   * 组件展示应传「叶子」单元素数组 [leaf]，内部 getLabelPath(叶子节点) 会生成多级展示。
+   * 多选仍传 Fusion 所需的多个 value（与表单存值一致）。
    */
+  var valueForFusion = useMemo(function () {
+    var path = displayValue;
+    if (multiple) {
+      return path;
+    }
+    if (path.length === 0) return [];
+    return [path[path.length - 1]];
+  }, [displayValue, multiple]);
+
+  /** dataSource 未就绪或异步时，仍用自定义文案兜底 */
   var schemaDisplayRender = props.displayRender;
   var pathDisplayRender = useCallback(function (labels, data) {
     var fullLabels = resolvePathLabels(dataSource, normalizeCascaderPath(value));
@@ -142,7 +158,7 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     readOnly: disableEdit ? true : readOnlyProp,
     disabled: disabledProp,
     dataSource: dataSource,
-    value: displayValue,
+    value: valueForFusion,
     onChange: handleChange,
     displayRender: pathDisplayRender
   })));

package/lib/context/FormProvider.js

@@ -48,15 +48,37 @@ var FormProvider = exports.FormProvider = function FormProvider(_ref) {
     values = _useState[0],
     setValues = _useState[1];
 
-  // 仅当 initialValues 引用变化时更新状态
+  /** 每次渲染同步，供 initialValues effect 判断「store 是否只是回灌了当前表单已有数据」 */
+  var valuesRef = useRef(values);
+  valuesRef.current = values;
+
+  /**
+   * store 每次 dispatch 都会给新的 screenStructures 引用；若内容与表单 state 实际一致仍 setValues，
+   * 会整页重渲染（含 EditProTable、ss_xxx_tab 等大表），Fusion Overlay/Select 反复 setPosition，
+   * 易触发 React #185（Maximum update depth exceeded）。
+   *
+   * 仅与 initialValuesRef 比较不够：用户改字段后 onChange 已把同一份数据写回 store，若此时再 merge，
+   * 或与内表 mutate 的 window.screenStructures 产生细微差异，会反复 setValues 形成环。
+   * 因此：initialValues 与当前表单 values 深度相等时，一律不再 setValues。
+   */
   useEffect(function () {
-    if (!(0, _lodash.isEqual)(initialValues, initialValuesRef.current)) {
-      console.log('[FormProvider] 🔄 useEffect triggered - initialValues:', initialValues);
+    if ((0, _lodash.isEqual)(initialValues, valuesRef.current)) {
+      initialValuesRef.current = initialValues;
+      return;
+    }
+    if ((0, _lodash.isEqual)(initialValues, initialValuesRef.current)) {
       initialValuesRef.current = initialValues;
-      setValues(function (prev) {
-        return (0, _extends2["default"])({}, prev, initialValues);
-      });
+      return;
     }
+    console.log('[FormProvider] 🔄 useEffect triggered - initialValues:', initialValues);
+    initialValuesRef.current = initialValues;
+    setValues(function (prev) {
+      var merged = (0, _extends2["default"])({}, prev, initialValues);
+      if ((0, _lodash.isEqual)(prev, merged)) {
+        return prev;
+      }
+      return merged;
+    });
   }, [initialValues]);
 
   // 优化 setFieldValue

package/lowcode_es/meta.js

@@ -101,7 +101,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = '@openli1115/lowcode-edit-pro-table';
   }
   if (version === void 0) {
-    version = '1.0.61';
+    version = '1.0.63';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/lowcode_lib/meta.js

@@ -106,7 +106,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = '@openli1115/lowcode-edit-pro-table';
   }
   if (version === void 0) {
-    version = '1.0.61';
+    version = '1.0.63';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openli1115/lowcode-edit-pro-table",
-  "version": "1.0.61",
+  "version": "1.0.63",
   "description": "@openli1115/lowcode-edit-pro-table",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -101,10 +101,10 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.61/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.63/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.61/build/index.html"
+  "homepage": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.63/build/index.html"
 }