leisure-core 0.5.36 → 0.5.38

package/le-list/src/main.vue

@@ -9,6 +9,7 @@
           <le-button type="primary" @click="addItem()" v-if="isDispAddBtn">{{
             addBtnText
           }}</le-button>
+          <slot name="btnright"></slot>
           <slot name="headerBtns" :params="searchData"></slot>
         </div>
       </el-form-item>

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

@@ -103,6 +103,10 @@ export default {
       type: String,
       default: "16px",
     },
+    externalComponentMap: {
+      type: Object,
+      default: () => ({}),
+    },
   },
   watch: {
     formData: {
@@ -125,7 +129,13 @@ export default {
   },
   data() {
     return {
-      componentMap: {
+      formPop: {},
+      options: {}, //{field1:[{value:1,label:'选项1'},{value:2,label:'选项2'}]}
+    };
+  },
+  computed: {
+    dynamicComponentMap() {
+      const baseMap = {
         input: {
           component: "le-input",
           props: { placeholder: "请输入" },
@@ -154,12 +164,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)`,
@@ -171,19 +178,27 @@ export default {
   mounted() {},
   methods: {
     componentType(type) {
-      let result = this.componentMap[type]?.component || "le-input";
-      return result;
+      if (!this.dynamicComponentMap[type]) {
+        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.36",
+  "version": "0.5.38",
   "description": "leisure-core是京心数据基于vue2.x开发的一套后台管理系统桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",