leisure-core 0.5.35 → 0.5.37

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

@@ -21,6 +21,7 @@
             v-bind="mergeProps(getComponentProps(item), item.attr || {})"
             v-on="item.event"
             class="compontClass"
+            :key="`component-${index}-${item.prop}-${item.type}`"
           >
             <template v-if="item.type === 'radio'">
               <el-radio
@@ -102,6 +103,10 @@ export default {
       type: String,
       default: "16px",
     },
+    externalComponentMap: {
+      type: Object,
+      default: () => ({}),
+    },
   },
   watch: {
     formData: {
@@ -124,7 +129,43 @@ export default {
   },
   data() {
     return {
-      componentMap: {
+      // componentMap: {
+      //   input: {
+      //     component: "le-input",
+      //     props: { placeholder: "请输入" },
+      //   },
+      //   number: {
+      //     component: "le-input-number",
+      //     props: {},
+      //   },
+      //   radio: { component: "el-radio-group", props: {} },
+      //   money: {
+      //     component: "le-input-advanced",
+      //     props: {},
+      //   },
+      //   date: {
+      //     component: "le-date-picker",
+      //     props: {
+      //       format: "yyyy-MM-dd",
+      //       "value-format": "timestamp",
+      //       translateDate: true,
+      //     },
+      //   },
+      //   select: { component: "le-select", props: {} },
+      //   smulti: { component: "le-select-multi", props: {} },
+      //   image: { component: "le-image-container", props: {} },
+      //   area: {
+      //     component: "le-area",
+      //     props: {},
+      //   },
+      // },
+      formPop: {},
+      options: {}, //{field1:[{value:1,label:'选项1'},{value:2,label:'选项2'}]}
+    };
+  },
+  computed: {
+    dynamicComponentMap() {
+      const baseMap = {
         input: {
           component: "le-input",
           props: { placeholder: "请输入" },
@@ -153,12 +194,9 @@ export default {
           component: "le-area",
           props: {},
         },
-      },
-      formPop: {},
-      options: {}, //{field1:[{value:1,label:'选项1'},{value:2,label:'选项2'}]}
-    };
-  },
-  computed: {
+      };
+      return { ...baseMap, ...this.externalComponentMap };
+    },
     gridStyle() {
       return {
         "grid-template-columns": `repeat(${this.columnsPerRow}, 1fr)`,
@@ -170,19 +208,33 @@ export default {
   mounted() {},
   methods: {
     componentType(type) {
-      let result = this.componentMap[type]?.component || "le-input";
-      return result;
+      // let result = this.componentMap[type]?.component || "le-input";
+      // return result;
+
+      if (!this.dynamicComponentMap[type]) {
+        console.warn(
+          `组件类型 "${type}" 未在 componentMap 中定义，将使用默认输入框`
+        );
+        return "le-input";
+      }
+      return this.dynamicComponentMap[type]?.component || "le-input";
     },
     getComponentProps(item) {
       let type = item.type;
-      let props = this.componentMap[type]?.props || {};
+
+      // 如果组件类型未定义，返回空对象
+      if (!this.dynamicComponentMap[type]) {
+        return {};
+      }
+
+      let props = this.dynamicComponentMap[type]?.props || {};
       if (type === "image") {
         let images = [];
         images.push(this.formPop[item.prop]);
         props = { ...props, images: images };
         return props;
       }
-      return this.componentMap[item.type]?.props || {};
+      return this.dynamicComponentMap[item.type]?.props || {};
     },
     mergeProps(defaultProps, customProps) {
       return { ...defaultProps, ...customProps };

package/package.json

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