leisure-core 0.5.24 → 0.5.26

package/le-area/src/main.vue

@@ -9,11 +9,12 @@
 </template>
 <script>
 import { getAreas } from "@/api/system-area.js";
+import { number } from "echarts";
 export default {
   name: "le-area",
   props: {
     level: {
-      type: String,
+      type: [String, Number],
       default: "2",
     },
     isAny: {

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

@@ -1,19 +1,42 @@
 <template>
-  <el-form :model="formPop" :rules="rules" ref="ruleForm" :label-width="labelWidth" class="le-form-container">
+  <el-form
+    :model="formPop"
+    :rules="rules"
+    ref="ruleForm"
+    :label-width="labelWidth"
+    class="le-form-container"
+  >
     <div class="form-grid" :style="gridStyle">
-      <el-form-item v-for="(item, index) in formColumns" :key="index" :label="item.label" :prop="item.prop"
-        class="leisure-form-item-class">
+      <el-form-item
+        v-for="(item, index) in formColumns"
+        :key="index"
+        :label="item.label"
+        :prop="item.prop"
+        class="leisure-form-item-class"
+      >
         <div class="comContainerClass">
-          <component :is="componentType(item.type)" v-model="formPop[item.prop]"
-            v-bind="mergeProps(getComponentProps(item), item.attr || {})" v-on="item.event" class="compontClass">
+          <component
+            :is="componentType(item.type)"
+            v-model="formPop[item.prop]"
+            v-bind="mergeProps(getComponentProps(item), item.attr || {})"
+            v-on="item.event"
+            class="compontClass"
+          >
             <template v-if="item.type === 'radio'">
-              <el-radio v-for="(option, index) in item.options" :label="option.id" :key="index + '_radio'">{{
-                option.lable
-              }}</el-radio>
+              <el-radio
+                v-for="(option, index) in item.options"
+                :label="option.id"
+                :key="index + '_radio'"
+                >{{ option.lable }}</el-radio
+              >
             </template>
             <template v-else-if="item.type === 'select'">
-              <le-select-option :options="fieldOptions[item.prop]" :label="item.kv.label" :value="item.kv.key"
-                :keyNum="item.keyNum" />
+              <le-select-option
+                :options="fieldOptions[item.prop]"
+                :label="item.kv.label"
+                :value="item.kv.key"
+                :keyNum="item.keyNum"
+              />
             </template>
           </component>
           <slot :name="item.prop"></slot>
@@ -23,7 +46,12 @@
     <slot></slot>
     <el-form-item v-rfooter class="form-footer">
       <slot name="footerBtn"></slot>
-      <le-button type="primary" @click="saveData" v-if="handleStatus == 1 || handleStatus == 2">保存</le-button>
+      <le-button
+        type="primary"
+        @click="saveData"
+        v-if="handleStatus == 1 || handleStatus == 2"
+        >保存</le-button
+      >
       <le-button type="info" @click="close()">关闭</le-button>
     </el-form-item>
   </el-form>
@@ -39,11 +67,11 @@ export default {
     },
     formData: {
       type: Object,
-      default: () => { },
+      default: () => {},
     },
     rules: {
       type: Object,
-      default: () => { },
+      default: () => {},
     },
     labelWidth: {
       type: String,
@@ -52,7 +80,7 @@ export default {
 
     fieldOptions: {
       type: Object,
-      default: () => { },
+      default: () => {},
     },
     handleStatus: {
       type: Number,
@@ -61,18 +89,18 @@ export default {
     columnsPerRow: {
       type: Number,
       default: 1,
-      validator: (value) => value > 0 && value <= 4 // 限制最大4列，避免太拥挤
+      validator: (value) => value > 0 && value <= 4, // 限制最大4列，避免太拥挤
     },
     // 新增属性：列间距
     columnGap: {
       type: String,
-      default: "20px"
+      default: "20px",
     },
     // 新增属性：行间距
     rowGap: {
       type: String,
-      default: "16px"
-    }
+      default: "16px",
+    },
   },
   watch: {
     formData: {
@@ -119,6 +147,10 @@ export default {
         },
         select: { component: "le-select", props: {} },
         image: { component: "le-image-container", props: {} },
+        area: {
+          component: "le-area",
+          props: {},
+        },
       },
       formPop: {},
       options: {}, //{field1:[{value:1,label:'选项1'},{value:2,label:'选项2'}]}
@@ -127,13 +159,13 @@ export default {
   computed: {
     gridStyle() {
       return {
-        'grid-template-columns': `repeat(${this.columnsPerRow}, 1fr)`,
-        'column-gap': this.columnGap,
-        'row-gap': this.rowGap
+        "grid-template-columns": `repeat(${this.columnsPerRow}, 1fr)`,
+        "column-gap": this.columnGap,
+        "row-gap": this.rowGap,
       };
-    }
+    },
   },
-  mounted() { },
+  mounted() {},
   methods: {
     componentType(type) {
       let result = this.componentMap[type]?.component || "le-input";
@@ -145,7 +177,7 @@ export default {
       if (type === "image") {
         let images = [];
         images.push(this.formPop[item.prop]);
-        props = { ...props, "images": images };
+        props = { ...props, images: images };
         return props;
       }
       return this.componentMap[item.type]?.props || {};
@@ -160,7 +192,7 @@ export default {
     saveData() {
       this.$refs["ruleForm"].validate((valid) => {
         if (valid) {
-          this.$emit("saveData", this.formPop, () => { });
+          this.$emit("saveData", this.formPop, () => {});
         } else {
           return false;
         }
@@ -187,7 +219,8 @@ le-form-container {
   margin-bottom: 0; // 使用grid的gap控制间距，不需要margin-bottom
 }
 
-.leisure-form-item-class {}
+.leisure-form-item-class {
+}
 
 .comContainerClass {
   display: flex;
@@ -195,7 +228,7 @@ le-form-container {
   line-height: inherit;
 
   .compontClass {
-    flex: 1
+    flex: 1;
   }
 }
 

package/package.json

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