@openli1115/lowcode-edit-pro-table 1.0.72 → 1.0.74

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 决定）。
@@ -32,27 +33,81 @@ function resolvePathLabels(dataSource, pathValues) {
   }
   return labels;
 }
-function normalizeCascaderPath(v) {
+function isValidPathInTree(dataSource, pathValues) {
+  if (!Array.isArray(dataSource) || pathValues.length === 0) return false;
+  var level = dataSource;
+  var _loop2 = function _loop2() {
+      var pv = _step2.value;
+      var node = level.find(function (n) {
+        return String(n === null || n === void 0 ? void 0 : n.value) === String(pv);
+      });
+      if (!node) return {
+        v: false
+      };
+      level = Array.isArray(node.children) ? node.children : [];
+    },
+    _ret;
+  for (var _iterator2 = _createForOfIteratorHelperLoose(pathValues), _step2; !(_step2 = _iterator2()).done;) {
+    _ret = _loop2();
+    if (_ret) return _ret.v;
+  }
+  return true;
+}
+
+/** 回填仅有叶子 id（如 city=2977）时，递归反查完整路径 [provinceId, cityId] */
+function findPathByNodeValue(dataSource, targetValue, parentPath) {
+  if (parentPath === void 0) {
+    parentPath = [];
+  }
+  if (!Array.isArray(dataSource) || targetValue === '') return [];
+  for (var _iterator3 = _createForOfIteratorHelperLoose(dataSource), _step3; !(_step3 = _iterator3()).done;) {
+    var node = _step3.value;
+    var curValue = node === null || node === void 0 ? void 0 : node.value;
+    if (curValue == null) continue;
+    var nextPath = parentPath.concat(String(curValue));
+    if (String(curValue) === targetValue) {
+      return nextPath;
+    }
+    var hit = findPathByNodeValue(node === null || node === void 0 ? void 0 : node.children, targetValue, nextPath);
+    if (hit.length > 0) return hit;
+  }
+  return [];
+}
+function normalizeCascaderPath(v, dataSource) {
+  var tryExpandByLeaf = function tryExpandByLeaf(leaf, fallback) {
+    if (fallback === void 0) {
+      fallback = [];
+    }
+    var fullPath = findPathByNodeValue(dataSource, leaf);
+    return fullPath.length > 0 ? fullPath : fallback;
+  };
   if (Array.isArray(v)) {
-    return v.filter(function (x) {
+    var path = v.filter(function (x) {
       return x != null && x !== '';
     }).map(function (x) {
       return String(x);
     });
+    if (path.length === 0) return [];
+    if (isValidPathInTree(dataSource, path)) return path;
+    return tryExpandByLeaf(path[path.length - 1], path);
   }
   if (typeof v === 'number' && !Number.isNaN(v)) {
-    /** 表单里有时是数字 id（2977），Fusion dataSource 已 string 化，需对齐 */
-    return [String(v)];
+    /** 表单里有时是数字 id（2977），需要根据 dataSource 找完整路径 */
+    return tryExpandByLeaf(String(v), [String(v)]);
   }
   if (typeof v === 'string' && v.trim()) {
     try {
       var parsed = JSON.parse(v);
-      return Array.isArray(parsed) ? parsed.map(function (x) {
+      if (!Array.isArray(parsed)) return [];
+      var _path = parsed.map(function (x) {
         return String(x);
-      }) : [];
+      });
+      if (_path.length === 0) return [];
+      if (isValidPathInTree(dataSource, _path)) return _path;
+      return tryExpandByLeaf(_path[_path.length - 1], _path);
     } catch (_unused) {
-      /** 历史或单值存成非 JSON 字符串时，当作单选叶子 value */
-      return [v];
+      /** 历史或接口单值回填时，当作叶子值反查完整路径 */
+      return tryExpandByLeaf(v, [v]);
     }
   }
   return [];
@@ -96,7 +151,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,15 +170,31 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     commit(next);
     schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(next, structureName, structureField);
   };
-  var displayValue = normalizeCascaderPath(value);
+
+  /** 表单/接口：优先完整路径；若仅有叶子 id（如 2977）则由 dataSource 反查完整路径 */
+  var displayValue = useMemo(function () {
+    return normalizeCascaderPath(value, dataSource);
+  }, [value, dataSource]);
 
   /**
-   * 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));
+    var fullLabels = resolvePathLabels(dataSource, displayValue);
     if (fullLabels.length > 0) {
       return fullLabels.join(' / ');
     }
@@ -130,14 +202,14 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
       return schemaDisplayRender(labels, data);
     }
     return (labels && labels.length ? labels.join(' / ') : '') || ((data === null || data === void 0 ? void 0 : data.label) != null ? String(data.label) : '');
-  }, [dataSource, value, schemaDisplayRender]);
+  }, [dataSource, displayValue, schemaDisplayRender]);
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_CascaderSelect, _extends({}, props, {
     readOnly: disableEdit ? true : readOnlyProp,
     disabled: disabledProp,
     dataSource: dataSource,
-    value: displayValue,
+    value: valueForFusion,
     onChange: handleChange,
     displayRender: pathDisplayRender
   })));

package/es/context/FormProvider.js

@@ -38,7 +38,11 @@ export var FormProvider = function FormProvider(_ref) {
 
   // 使用 ref 缓存初始值
   var initialValuesRef = useRef(initialValues);
-  var _useState = useState(initialValues),
+
+  // 与外部 screenStructures 断开引用，避免逻辑流原地修改 window 对象时污染表单内部 state
+  var _useState = useState(function () {
+      return cloneDeep(initialValues);
+    }),
     values = _useState[0],
     setValues = _useState[1];
 
@@ -75,9 +79,11 @@ export var FormProvider = function FormProvider(_ref) {
 
       // 触发 onChange 回调，把新值通知给外部
       if (onChange) {
+        // 对外回传使用副本，避免 preview/window 与 FormProvider 共用同一对象引用
+        var outboundValues = cloneDeep(newValues);
         // 使用微任务避免阻塞渲染
         Promise.resolve().then(function () {
-          onChange(newValues);
+          onChange(outboundValues);
         });
       }
       return newValues;

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 决定）。
@@ -37,27 +38,81 @@ function resolvePathLabels(dataSource, pathValues) {
   }
   return labels;
 }
-function normalizeCascaderPath(v) {
+function isValidPathInTree(dataSource, pathValues) {
+  if (!Array.isArray(dataSource) || pathValues.length === 0) return false;
+  var level = dataSource;
+  var _loop2 = function _loop2() {
+      var pv = _step2.value;
+      var node = level.find(function (n) {
+        return String(n === null || n === void 0 ? void 0 : n.value) === String(pv);
+      });
+      if (!node) return {
+        v: false
+      };
+      level = Array.isArray(node.children) ? node.children : [];
+    },
+    _ret;
+  for (var _iterator2 = _createForOfIteratorHelperLoose(pathValues), _step2; !(_step2 = _iterator2()).done;) {
+    _ret = _loop2();
+    if (_ret) return _ret.v;
+  }
+  return true;
+}
+
+/** 回填仅有叶子 id（如 city=2977）时，递归反查完整路径 [provinceId, cityId] */
+function findPathByNodeValue(dataSource, targetValue, parentPath) {
+  if (parentPath === void 0) {
+    parentPath = [];
+  }
+  if (!Array.isArray(dataSource) || targetValue === '') return [];
+  for (var _iterator3 = _createForOfIteratorHelperLoose(dataSource), _step3; !(_step3 = _iterator3()).done;) {
+    var node = _step3.value;
+    var curValue = node === null || node === void 0 ? void 0 : node.value;
+    if (curValue == null) continue;
+    var nextPath = parentPath.concat(String(curValue));
+    if (String(curValue) === targetValue) {
+      return nextPath;
+    }
+    var hit = findPathByNodeValue(node === null || node === void 0 ? void 0 : node.children, targetValue, nextPath);
+    if (hit.length > 0) return hit;
+  }
+  return [];
+}
+function normalizeCascaderPath(v, dataSource) {
+  var tryExpandByLeaf = function tryExpandByLeaf(leaf, fallback) {
+    if (fallback === void 0) {
+      fallback = [];
+    }
+    var fullPath = findPathByNodeValue(dataSource, leaf);
+    return fullPath.length > 0 ? fullPath : fallback;
+  };
   if (Array.isArray(v)) {
-    return v.filter(function (x) {
+    var path = v.filter(function (x) {
       return x != null && x !== '';
     }).map(function (x) {
       return String(x);
     });
+    if (path.length === 0) return [];
+    if (isValidPathInTree(dataSource, path)) return path;
+    return tryExpandByLeaf(path[path.length - 1], path);
   }
   if (typeof v === 'number' && !Number.isNaN(v)) {
-    /** 表单里有时是数字 id（2977），Fusion dataSource 已 string 化，需对齐 */
-    return [String(v)];
+    /** 表单里有时是数字 id（2977），需要根据 dataSource 找完整路径 */
+    return tryExpandByLeaf(String(v), [String(v)]);
   }
   if (typeof v === 'string' && v.trim()) {
     try {
       var parsed = JSON.parse(v);
-      return Array.isArray(parsed) ? parsed.map(function (x) {
+      if (!Array.isArray(parsed)) return [];
+      var _path = parsed.map(function (x) {
         return String(x);
-      }) : [];
+      });
+      if (_path.length === 0) return [];
+      if (isValidPathInTree(dataSource, _path)) return _path;
+      return tryExpandByLeaf(_path[_path.length - 1], _path);
     } catch (_unused) {
-      /** 历史或单值存成非 JSON 字符串时，当作单选叶子 value */
-      return [v];
+      /** 历史或接口单值回填时，当作叶子值反查完整路径 */
+      return tryExpandByLeaf(v, [v]);
     }
   }
   return [];
@@ -101,7 +156,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,15 +175,31 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
     commit(next);
     schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(next, structureName, structureField);
   };
-  var displayValue = normalizeCascaderPath(value);
+
+  /** 表单/接口：优先完整路径；若仅有叶子 id（如 2977）则由 dataSource 反查完整路径 */
+  var displayValue = useMemo(function () {
+    return normalizeCascaderPath(value, dataSource);
+  }, [value, dataSource]);
 
   /**
-   * 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));
+    var fullLabels = resolvePathLabels(dataSource, displayValue);
     if (fullLabels.length > 0) {
       return fullLabels.join(' / ');
     }
@@ -135,14 +207,14 @@ var ProCascaderSelect = function ProCascaderSelect(props) {
       return schemaDisplayRender(labels, data);
     }
     return (labels && labels.length ? labels.join(' / ') : '') || ((data === null || data === void 0 ? void 0 : data.label) != null ? String(data.label) : '');
-  }, [dataSource, value, schemaDisplayRender]);
+  }, [dataSource, displayValue, schemaDisplayRender]);
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_cascaderSelect["default"], (0, _extends2["default"])({}, props, {
     readOnly: disableEdit ? true : readOnlyProp,
     disabled: disabledProp,
     dataSource: dataSource,
-    value: displayValue,
+    value: valueForFusion,
     onChange: handleChange,
     displayRender: pathDisplayRender
   })));

package/lib/context/FormProvider.js

@@ -44,7 +44,11 @@ var FormProvider = exports.FormProvider = function FormProvider(_ref) {
 
   // 使用 ref 缓存初始值
   var initialValuesRef = useRef(initialValues);
-  var _useState = useState(initialValues),
+
+  // 与外部 screenStructures 断开引用，避免逻辑流原地修改 window 对象时污染表单内部 state
+  var _useState = useState(function () {
+      return (0, _lodash.cloneDeep)(initialValues);
+    }),
     values = _useState[0],
     setValues = _useState[1];
 
@@ -81,9 +85,11 @@ var FormProvider = exports.FormProvider = function FormProvider(_ref) {
 
       // 触发 onChange 回调，把新值通知给外部
       if (onChange) {
+        // 对外回传使用副本，避免 preview/window 与 FormProvider 共用同一对象引用
+        var outboundValues = (0, _lodash.cloneDeep)(newValues);
         // 使用微任务避免阻塞渲染
         Promise.resolve().then(function () {
-          onChange(newValues);
+          onChange(outboundValues);
         });
       }
       return newValues;

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.72';
+    version = '1.0.74';
   }
   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.72';
+    version = '1.0.74';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openli1115/lowcode-edit-pro-table",
-  "version": "1.0.72",
+  "version": "1.0.74",
   "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.72/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.74/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.72/build/index.html"
+  "homepage": "https://unpkg.com/@openli1115/lowcode-edit-pro-table@1.0.74/build/index.html"
 }