matrix_components 2.0.364 → 2.0.366

package/dist/matrix_components.js

@@ -7207,7 +7207,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   withDirectives((openBlock(), createElementBlock("span", {
                     class: normalizeClass(["tree-node-title", { "tree-node-playing": checkTreeNodeIsPlayHandler(data) }])
                   }, [
-                    createTextVNode(toDisplayString(node[__props.treeOptions.label]), 1)
+                    createTextVNode(toDisplayString(data[__props.treeOptions.label]), 1)
                   ], 2)), [
                     [_directive_sline]
                   ])
@@ -7254,7 +7254,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-675ac530"]]);
+const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-fea618e6"]]);
 function registerDirective(app2) {
   app2.directive("sline", {
     mounted(el2) {
@@ -54753,21 +54753,109 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v37afa004": customBackgroundColor.value,
-      "v837cf940": gapV.value,
-      "v0b770c26": superLabelWidth.value,
-      "dba2e31c": subLabelWidth.value,
-      "v35d88047": height.value,
-      "v43e7535c": labelWidth.value,
-      "v6d879d11": _ctx.$props.labelColor
+      "v52fd60ba": customBackgroundColor.value,
+      "v306705e1": gapV.value,
+      "v457e0ccc": superLabelWidth.value,
+      "v1e1d4d11": subLabelWidth.value,
+      "v96b132f0": height.value,
+      "v1ae797da": labelWidth.value,
+      "v5eb017a0": _ctx.$props.labelColor
     }));
     const props = __props;
+    const initialValues = ref$1(/* @__PURE__ */ new Map());
     const customBackgroundColor = computed(() => {
       if (props.model === "vertical") {
         return props.backgroundColor || "#eef4fb";
       }
       return "transparent";
     });
+    function deepClone(obj) {
+      if (obj === null || typeof obj !== "object") {
+        return obj;
+      }
+      if (obj instanceof Date) {
+        return new Date(obj.getTime());
+      }
+      if (obj instanceof Array) {
+        return obj.map((item) => deepClone(item));
+      }
+      if (typeof obj === "object") {
+        const cloned = {};
+        for (const key in obj) {
+          if (obj.hasOwnProperty(key)) {
+            cloned[key] = deepClone(obj[key]);
+          }
+        }
+        return cloned;
+      }
+      return obj;
+    }
+    function initializeDefaultValues(rows) {
+      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+        const row = rows[rowIndex];
+        for (let colIndex = 0; colIndex < row.length; colIndex++) {
+          const item = row[colIndex];
+          if (item.key && item.defaultValue === void 0) {
+            item.defaultValue = deepClone(item.value);
+          }
+          if (item.children && Array.isArray(item.children)) {
+            for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
+              const child = item.children[childIndex];
+              if (child.key && child.defaultValue === void 0) {
+                child.defaultValue = deepClone(child.value);
+              }
+            }
+          }
+        }
+      }
+    }
+    function saveInitialValues(rows) {
+      initialValues.value.clear();
+      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+        const row = rows[rowIndex];
+        for (let colIndex = 0; colIndex < row.length; colIndex++) {
+          const item = row[colIndex];
+          if (item.key) {
+            if (item.defaultValue === void 0) {
+              item.defaultValue = deepClone(item.value);
+            }
+            initialValues.value.set(item.key, deepClone(item.value));
+            if (item.delValue !== void 0) {
+              initialValues.value.set(`${item.key}_delValue`, deepClone(item.delValue));
+            }
+          }
+          if (item.children && Array.isArray(item.children)) {
+            for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
+              const child = item.children[childIndex];
+              if (child.key) {
+                if (child.defaultValue === void 0) {
+                  child.defaultValue = deepClone(child.value);
+                }
+                initialValues.value.set(child.key, deepClone(child.value));
+                if (child.delValue !== void 0) {
+                  initialValues.value.set(`${child.key}_delValue`, deepClone(child.delValue));
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    onMounted(() => {
+      if (props.rows && props.rows.length > 0) {
+        initializeDefaultValues(props.rows);
+      }
+    });
+    watch(
+      () => props.rows,
+      (newRows) => {
+        if (newRows && newRows.length > 0) {
+          initializeDefaultValues(newRows);
+          saveInitialValues(newRows);
+        }
+      },
+      { immediate: true, deep: true }
+    );
     function checkIsElempentComponent(rowInfo, name = "el") {
       if (rowInfo.component) {
         return (rowInfo.component.name + "").toLowerCase().startsWith(name);
@@ -54905,7 +54993,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     function getRowItemStyle(row, rowInfo, rowInfoIndex) {
-      let _gapH = gapH.value;
+      const _gapH = gapH.value;
       if (rowInfo.span && (rowInfo.span + "").indexOf("%") > -1) {
         return rowInfo.span;
       }
@@ -55013,9 +55101,66 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return result;
     }
+    function resetForm() {
+      const rows = props.rows;
+      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+        const row = rows[rowIndex];
+        for (let colIndex = 0; colIndex < row.length; colIndex++) {
+          const item = row[colIndex];
+          if (item.key) {
+            if (item.defaultValue !== void 0) {
+              item.value = deepClone(item.defaultValue);
+            } else {
+              if (Array.isArray(item.value)) {
+                item.value = [];
+              } else if (typeof item.value === "number") {
+                item.value = 0;
+              } else if (typeof item.value === "boolean") {
+                item.value = false;
+              } else {
+                item.value = "";
+              }
+            }
+            if (item.delValue !== void 0) {
+              item.delValue = [];
+            }
+          }
+          if (item.children && Array.isArray(item.children)) {
+            for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
+              const child = item.children[childIndex];
+              if (child.key) {
+                if (child.defaultValue !== void 0) {
+                  child.value = deepClone(child.defaultValue);
+                } else {
+                  if (Array.isArray(child.value)) {
+                    child.value = [];
+                  } else if (typeof child.value === "number") {
+                    child.value = 0;
+                  } else if (typeof child.value === "boolean") {
+                    child.value = false;
+                  } else {
+                    child.value = "";
+                  }
+                }
+                if (child.delValue !== void 0) {
+                  child.delValue = [];
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    function initDefaultValues() {
+      if (props.rows && props.rows.length > 0) {
+        initializeDefaultValues(props.rows);
+      }
+    }
     __expose({
+      getNodeByKey,
       getKeyValuePairs,
-      getNodeByKey
+      resetForm,
+      initDefaultValues
     });
     return (_ctx, _cache) => {
       const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -55174,7 +55319,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                           ])
                         }, [
                           createVNode(_component_el_form_item, {
-                            class: normalizeClass(["component-form-item", __props.readOnly && isUploadComponent(rowInfo) ? "hidden" : ""]),
+                            class: normalizeClass([
+                              "component-form-item",
+                              __props.readOnly && isUploadComponent(rowInfo) ? "hidden" : ""
+                            ]),
                             label: rowInfo.label,
                             prop: `${props.formPropKey}.${index2}.${_index}.value`,
                             rules: ((_a4 = rowInfo == null ? void 0 : rowInfo.params) == null ? void 0 : _a4.rules) || []
@@ -55293,7 +55441,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c2469310"]]);
+const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d2276c6a"]]);
 const _hoisted_1$1 = { class: "title-image-view" };
 const _hoisted_2 = { class: "content-model-title" };
 const _hoisted_3 = { class: "title-text" };