leisure-core 0.5.65 → 0.5.67

package/le-list-form/src/main.vue

@@ -29,6 +29,7 @@
                 class="compontClass"
                 :class="{ 'radio-group-class': item.type === 'radio' }"
                 :key="`component-${index}-${item.prop}-${item.type}`"
+                :ref="(el) => setFieldRef(item.ref, el, item.prop)"
               >
                 <template v-if="item.type === 'radio'">
                   <el-radio
@@ -153,6 +154,7 @@ export default {
     return {
       formPop: {},
       options: {},
+      fieldComponents: {},
     };
   },
   computed: {
@@ -213,10 +215,58 @@ export default {
         setFieldValue: this.setFieldValue,
         getFormData: this.getFormData,
         initFormData: this.initFormData,
+        getFieldComponent: this.getFieldComponent, // 暴露获取字段组件的方法
+        getAllFieldComponents: this.getAllFieldComponents, // 暴露获取所有字段组件的方法
       });
     });
   },
   methods: {
+    // 设置字段组件引用
+    setFieldRef(refName, el, propName) {
+      if (el) {
+        // 组件挂载时，el 是组件实例
+        if (refName) {
+          // 如果有自定义 ref 名称，使用它
+          this.fieldComponents[refName] = el;
+          this.$refs[refName] = el; // 同时设置到 $refs 上
+        } else {
+          // 如果没有自定义 ref，使用 prop 名称作为默认 ref
+          const defaultRef = `field_${propName}`;
+          this.fieldComponents[defaultRef] = el;
+          this.$refs[defaultRef] = el;
+        }
+      } else {
+        // 组件销毁时，el 为 null，清除引用
+        if (refName) {
+          delete this.fieldComponents[refName];
+          delete this.$refs[refName];
+        } else {
+          const defaultRef = `field_${propName}`;
+          delete this.fieldComponents[defaultRef];
+          delete this.$refs[defaultRef];
+        }
+      }
+    },
+    // 获取特定字段的组件实例
+    getFieldComponent(refName) {
+      // 先从存储的实例中查找
+      if (this.fieldComponents[refName]) {
+        return this.fieldComponents[refName];
+      }
+
+      // 再从 $refs 中查找
+      if (this.$refs[refName]) {
+        return this.$refs[refName];
+      }
+
+      console.warn(`未找到字段组件: ${refName}`);
+      return null;
+    },
+
+    // 获取所有字段组件实例
+    getAllFieldComponents() {
+      return { ...this.fieldComponents, ...this.$refs };
+    },
     componentType(type) {
       if (!this.dynamicComponentMap[type]) {
         return "le-input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leisure-core",
-  "version": "0.5.65",
+  "version": "0.5.67",
   "description": "leisure-core是京心数据基于vue2.x开发的一套后台管理系统桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",