matrix_components 2.0.390 → 2.0.392

package/dist/matrix_components.js

@@ -54768,13 +54768,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v43a69490": customBackgroundColor.value,
-      "ffa39558": gapV.value,
-      "v3580c779": superLabelWidth.value,
-      "v520e6204": subLabelWidth.value,
-      "v2f60853b": height.value,
-      "v1960c146": labelWidth.value,
-      "v6a3290c6": _ctx.$props.labelColor
+      "v664889ea": customBackgroundColor.value,
+      "v7360850e": gapV.value,
+      "v0571b398": superLabelWidth.value,
+      "v38ada079": subLabelWidth.value,
+      "v73409820": height.value,
+      "v7782d9ab": labelWidth.value,
+      "v8adf58d0": _ctx.$props.labelColor
     }));
     const props = __props;
     const initialValues = ref$1(/* @__PURE__ */ new Map());
@@ -55136,6 +55136,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         for (let colIndex = 0; colIndex < row.length; colIndex++) {
           const item = row[colIndex];
           if (item.key) {
+            const oldValue = deepClone(item.value);
             if (item.defaultValue !== void 0) {
               item.value = deepClone(item.defaultValue);
             } else {
@@ -55152,11 +55153,24 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             if (item.delValue !== void 0) {
               item.delValue = [];
             }
+            if (JSON.stringify(oldValue) !== JSON.stringify(item.value) && item.events) {
+              if (item.events.change && typeof item.events.change === "function") {
+                setTimeout(() => {
+                  item.events.change(item.value);
+                }, 0);
+              }
+              if (item.events.input && typeof item.events.input === "function") {
+                setTimeout(() => {
+                  item.events.input(item.value);
+                }, 0);
+              }
+            }
           }
           if (item.children && Array.isArray(item.children)) {
             for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
               const child = item.children[childIndex];
               if (child.key) {
+                const oldChildValue = deepClone(child.value);
                 if (child.defaultValue !== void 0) {
                   child.value = deepClone(child.defaultValue);
                 } else {
@@ -55173,6 +55187,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 if (child.delValue !== void 0) {
                   child.delValue = [];
                 }
+                if (JSON.stringify(oldChildValue) !== JSON.stringify(child.value) && child.events) {
+                  if (child.events.change && typeof child.events.change === "function") {
+                    setTimeout(() => {
+                      child.events.change(child.value);
+                    }, 0);
+                  }
+                  if (child.events.input && typeof child.events.input === "function") {
+                    setTimeout(() => {
+                      child.events.input(child.value);
+                    }, 0);
+                  }
+                }
               }
             }
           }
@@ -55185,7 +55211,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     }
     function getReadOnlyDisplayValue(rowInfo) {
-      var _a3, _b, _c2;
+      var _a3, _b, _c2, _d, _e, _f;
       if (!props.readOnly) {
         return rowInfo.value;
       }
@@ -55210,6 +55236,26 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           return selectedOption ? selectedOption[labelKey] : rowInfo.value;
         }
       }
+      if (rowInfo.component && rowInfo.component.name && (rowInfo.component.name + "").toLowerCase().indexOf("switch") !== -1) {
+        if (rowInfo.value) {
+          return ((_d = rowInfo.params) == null ? void 0 : _d["active-text"]) || "启用";
+        } else {
+          return ((_e = rowInfo.params) == null ? void 0 : _e["inactive-text"]) || "禁用";
+        }
+      }
+      if (rowInfo.component && rowInfo.component.name && (rowInfo.component.name + "").toLowerCase().indexOf("rate") !== -1) {
+        const max2 = ((_f = rowInfo.params) == null ? void 0 : _f.max) || 5;
+        return `${rowInfo.value || 0}/${max2}`;
+      }
+      if (rowInfo.component && rowInfo.component.name && (rowInfo.component.name + "").toLowerCase().indexOf("slider") !== -1) {
+        if (Array.isArray(rowInfo.value)) {
+          return `${rowInfo.value[0]} - ${rowInfo.value[1]}`;
+        }
+        return rowInfo.value || 0;
+      }
+      if (rowInfo.component && rowInfo.component.name && (rowInfo.component.name + "").toLowerCase().indexOf("colorpicker") !== -1) {
+        return rowInfo.value || "";
+      }
       return rowInfo.value;
     }
     const getComponentValue = computed(() => {
@@ -55262,10 +55308,37 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const label = findOptionInTree(options, rowInfo.value);
       return label || rowInfo.value;
     }
+    function setFormData(data, triggerEvents = false) {
+      if (!data || typeof data !== "object") {
+        console.warn("setFormData: 参数必须是一个对象");
+        return;
+      }
+      for (const [key, value] of Object.entries(data)) {
+        const node = getFormNodeByKey(key);
+        if (node) {
+          node.value = value;
+          if (triggerEvents && node.events) {
+            if (node.events.change && typeof node.events.change === "function") {
+              setTimeout(() => {
+                node.events.change(value);
+              }, 0);
+            }
+            if (node.events.input && typeof node.events.input === "function") {
+              setTimeout(() => {
+                node.events.input(value);
+              }, 0);
+            }
+          }
+        }
+      }
+    }
     __expose({
+      // 核心功能
       getFormNodeByKey,
       getFormKvData,
+      setFormData,
       resetForm,
+      // 可选
       initDefaultValues,
       getReadOnlyDisplayValue
     });
@@ -55403,7 +55476,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_el_tooltip, {
                     "hide-after": 0,
                     "show-after": 500,
-                    disabled: !(__props.readOnly && !rowInfo.readOnlyUseComponent),
+                    disabled: !(__props.readOnly && (!isUploadComponent(rowInfo) && !rowInfo.readOnlyUseComponent)),
                     content: getComponentValue.value(rowInfo),
                     placement: "top-start",
                     "popper-class": "detail-view-tooltip"
@@ -55548,7 +55621,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-28d91da1"]]);
+const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-8283b143"]]);
 const _hoisted_1$1 = { class: "title-image-view" };
 const _hoisted_2 = { class: "content-model-title" };
 const _hoisted_3 = { class: "title-text" };