matrix_components 2.0.413 → 2.0.414

package/dist/matrix_components.js

@@ -54779,13 +54779,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v0f8c7d00": customBackgroundColor.value,
-      "a7946b38": gapV.value,
-      "v21172f2e": superLabelWidth.value,
-      "v463febee": subLabelWidth.value,
-      "v77d7164b": height.value,
-      "v33084a56": labelWidth.value,
-      "v531446e6": _ctx.$props.labelColor
+      "v41461ce4": customBackgroundColor.value,
+      "v4d8c0496": gapV.value,
+      "v06ef8a12": superLabelWidth.value,
+      "v1fa309fc": subLabelWidth.value,
+      "v1c878bfd": height.value,
+      "v7a429708": labelWidth.value,
+      "v244178ca": _ctx.$props.labelColor
     }));
     const props = __props;
     const initialValues = ref$1(/* @__PURE__ */ new Map());
@@ -55297,7 +55297,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       };
     });
     function getCascaderDisplayValue(rowInfo) {
-      var _a3, _b, _c2, _d;
+      var _a3, _b, _c2, _d, _e;
       if (!rowInfo.value || !((_a3 = rowInfo.params) == null ? void 0 : _a3.options)) {
         return rowInfo.value;
       }
@@ -55306,6 +55306,85 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const labelKey = ((_c2 = rowInfo.params.props) == null ? void 0 : _c2.label) || "label";
       const childrenKey = ((_d = rowInfo.params.props) == null ? void 0 : _d.children) || "children";
       const separator = rowInfo.params.separator || " / ";
+      const showAllLevels = rowInfo.params.showAllLevels !== false && rowInfo.params["show-all-levels"] !== false;
+      const isMultiple = ((_e = rowInfo.params.props) == null ? void 0 : _e.multiple) === true;
+      if (isMultiple) {
+        let values2 = [];
+        if (Array.isArray(rowInfo.value)) {
+          values2 = rowInfo.value;
+        } else if (typeof rowInfo.value === "string") {
+          values2 = rowInfo.value.split(",").map((v) => v.trim()).filter((v) => v);
+        } else {
+          values2 = [rowInfo.value];
+        }
+        const displayPaths = [];
+        for (const value of values2) {
+          if (Array.isArray(value)) {
+            const labels = [];
+            let currentOptions = options;
+            for (const val of value) {
+              const currentOption = currentOptions.find((opt) => opt[valueKey] === val);
+              if (!currentOption) {
+                labels.push(val);
+                break;
+              }
+              labels.push(currentOption[labelKey]);
+              if (currentOption[childrenKey] && Array.isArray(currentOption[childrenKey])) {
+                currentOptions = currentOption[childrenKey];
+              } else {
+                break;
+              }
+            }
+            if (!showAllLevels && labels.length > 0) {
+              displayPaths.push(labels[labels.length - 1]);
+            } else {
+              displayPaths.push(labels.join(separator));
+            }
+          } else {
+            const findFullPath2 = (opts, targetValue, currentPath = []) => {
+              for (const option of opts) {
+                if (option[valueKey] === targetValue) {
+                  return [...currentPath, option[labelKey]];
+                }
+                if (option[childrenKey] && Array.isArray(option[childrenKey])) {
+                  const newPath = [...currentPath, option[labelKey]];
+                  const result = findFullPath2(option[childrenKey], targetValue, newPath);
+                  if (result) {
+                    return result;
+                  }
+                }
+              }
+              return null;
+            };
+            const fullPath2 = findFullPath2(options, value);
+            if (fullPath2 && fullPath2.length > 0) {
+              if (!showAllLevels) {
+                displayPaths.push(fullPath2[fullPath2.length - 1]);
+              } else {
+                displayPaths.push(fullPath2.join(separator));
+              }
+            } else {
+              const findOptionInTree2 = (opts, targetValue) => {
+                for (const option of opts) {
+                  if (option[valueKey] === targetValue) {
+                    return option[labelKey];
+                  }
+                  if (option[childrenKey] && Array.isArray(option[childrenKey])) {
+                    const result = findOptionInTree2(option[childrenKey], targetValue);
+                    if (result) {
+                      return option[labelKey] + separator + result;
+                    }
+                  }
+                }
+                return null;
+              };
+              const label2 = findOptionInTree2(options, value);
+              displayPaths.push(label2 || value);
+            }
+          }
+        }
+        return displayPaths.join("，");
+      }
       if (Array.isArray(rowInfo.value)) {
         const labels = [];
         let currentOptions = options;
@@ -55321,8 +55400,33 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             break;
           }
         }
+        if (!showAllLevels && labels.length > 0) {
+          return labels[labels.length - 1];
+        }
         return labels.join(separator);
       }
+      const findFullPath = (opts, targetValue, currentPath = []) => {
+        for (const option of opts) {
+          if (option[valueKey] === targetValue) {
+            return [...currentPath, option[labelKey]];
+          }
+          if (option[childrenKey] && Array.isArray(option[childrenKey])) {
+            const newPath = [...currentPath, option[labelKey]];
+            const result = findFullPath(option[childrenKey], targetValue, newPath);
+            if (result) {
+              return result;
+            }
+          }
+        }
+        return null;
+      };
+      const fullPath = findFullPath(options, rowInfo.value);
+      if (fullPath && fullPath.length > 0) {
+        if (!showAllLevels) {
+          return fullPath[fullPath.length - 1];
+        }
+        return fullPath.join(separator);
+      }
       const findOptionInTree = (opts, targetValue) => {
         for (const option of opts) {
           if (option[valueKey] === targetValue) {
@@ -55670,7 +55774,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-71562b25"]]);
+const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f5dfded2"]]);
 const _hoisted_1$1 = { class: "title-image-view" };
 const _hoisted_2 = { class: "content-model-title" };
 const _hoisted_3 = { class: "title-text" };