matrix_components 2.0.402 → 2.0.404

package/dist/matrix_components.js

@@ -54768,16 +54768,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v699488de": customBackgroundColor.value,
-      "v44f94833": gapV.value,
-      "v4535833a": superLabelWidth.value,
-      "v3c7b86ff": subLabelWidth.value,
-      "v249b474c": height.value,
-      "v1ea3f0e5": labelWidth.value,
-      "v7f48f1c4": _ctx.$props.labelColor
+      "a4ad2066": customBackgroundColor.value,
+      "v25792477": gapV.value,
+      "v24a41476": superLabelWidth.value,
+      "v7b95373b": subLabelWidth.value,
+      "a4a790c4": height.value,
+      "v4bf68a29": labelWidth.value,
+      "v7e6ab95a": _ctx.$props.labelColor
     }));
     const props = __props;
     const initialValues = ref$1(/* @__PURE__ */ new Map());
+    const componentRefs = ref$1(/* @__PURE__ */ new Map());
     const customBackgroundColor = computed(() => {
       if (props.model === "vertical") {
         return props.backgroundColor || "#eef4fb";
@@ -54856,6 +54857,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    function setComponentRef(el2, rowInfo, rowIndex, colIndex) {
+      if (el2 && rowInfo.key) {
+        rowInfo.ref = el2;
+        componentRefs.value.set(rowInfo.key, el2);
+      }
+    }
+    function setSubComponentRef(el2, subRowInfo, rowIndex, colIndex, subIndex) {
+      if (el2 && subRowInfo.key) {
+        subRowInfo.ref = el2;
+        componentRefs.value.set(subRowInfo.key, el2);
+      }
+    }
+    function getFormNodeRefByKey(key) {
+      return componentRefs.value.get(key) || null;
+    }
     onMounted(() => {
       var _a3;
       if (props.rows && props.rows.length > 0) {
@@ -55333,11 +55349,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      // 核心功能
+      // 核心功能：获取表单实例ref
       getFormNodeByKey,
+      // 核心功能：获取表单KV数据
       getFormKvData,
+      // 核心功能：设置表单详情数据
       setFormData,
+      // 核心功能：重置表单
       resetForm,
+      // 核心功能：获取组件实例
+      getFormNodeRefByKey,
       // 可选
       initDefaultValues,
       getReadOnlyDisplayValue
@@ -55431,7 +55452,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                                 props.model.indexOf("table") > -1 ? "model-table" : ""
                               ])
                             }, [
-                              (openBlock(), createBlock(resolveDynamicComponent(subRowInfo.component), mergeProps({ ref_for: true }, subRowInfo.params, { rowData: subRowInfo }), createSlots({ _: 2 }, [
+                              (openBlock(), createBlock(resolveDynamicComponent(subRowInfo.component), mergeProps({ ref_for: true }, subRowInfo.params, {
+                                rowData: subRowInfo,
+                                ref_for: true,
+                                ref: (el2) => setSubComponentRef(el2, subRowInfo)
+                              }), createSlots({ _: 2 }, [
                                 renderList(subRowInfo.slots || {}, (slot, slotName) => {
                                   return {
                                     name: slotName,
@@ -55516,6 +55541,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                                 "onUpdate:modelValue": ($event) => rowInfo.value = $event
                               }, toHandlers(rowInfo.events), {
                                 rowData: rowInfo,
+                                ref_for: true,
+                                ref: (el2) => setComponentRef(el2, rowInfo),
                                 class: "elementplus-component-item"
                               }), createSlots({ _: 2 }, [
                                 renderList(rowInfo.slots || {}, (slot, slotName) => {
@@ -55541,6 +55568,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                                 "onUpdate:modelValue": ($event) => rowInfo.value = $event
                               }, toHandlers(rowInfo.events), {
                                 rowData: rowInfo,
+                                ref_for: true,
+                                ref: (el2) => setComponentRef(el2, rowInfo),
                                 class: "elementplus-component-item"
                               }), createSlots({ _: 2 }, [
                                 renderList(rowInfo.slots || {}, (slot, slotName) => {
@@ -55566,6 +55595,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                                 "onUpdate:modelValue": ($event) => rowInfo.value = $event
                               }, toHandlers(rowInfo.events), {
                                 rowData: rowInfo,
+                                ref_for: true,
+                                ref: (el2) => setComponentRef(el2, rowInfo),
                                 class: "elementplus-component-item"
                               }), createSlots({ _: 2 }, [
                                 renderList(rowInfo.slots || {}, (slot, slotName) => {
@@ -55591,6 +55622,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                                 "onUpdate:modelValue": ($event) => rowInfo.value = $event
                               }, toHandlers(rowInfo.events), {
                                 rowData: rowInfo,
+                                ref_for: true,
+                                ref: (el2) => setComponentRef(el2, rowInfo),
                                 class: "elementplus-component-item"
                               }), createSlots({ _: 2 }, [
                                 renderList(rowInfo.slots || {}, (slot, slotName) => {
@@ -55621,7 +55654,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1cbe3748"]]);
+const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-fbb893d9"]]);
 const _hoisted_1$1 = { class: "title-image-view" };
 const _hoisted_2 = { class: "content-model-title" };
 const _hoisted_3 = { class: "title-text" };
@@ -55711,6 +55744,27 @@ function getAllFormNodeByKey(rows, key) {
   }
   return null;
 }
+function getAllFormNodeRefByKey(rows, key) {
+  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 === key) {
+        return item.ref || null;
+      }
+      if (item.children && Array.isArray(item.children)) {
+        for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
+          const child = item.children[childIndex];
+          if (child.key === key) {
+            return child.ref || null;
+          }
+        }
+      }
+    }
+  }
+  return null;
+}
+globalThis.getAllFormNodeRefByKey = getAllFormNodeRefByKey;
 globalThis.getAllFormNodeByKey = getAllFormNodeByKey;
 globalThis.getAllFormKvData = getAllFormKvData;
 const ir = Math.min, L0 = Math.max, Rr = Math.round, Ot = (e6) => ({