leisure-core 0.5.59 → 0.5.60

package/le-date-picker/src/main-back.vue

@@ -0,0 +1,119 @@
+<template>
+  <el-date-picker
+    v-model="internalValue"
+    v-bind="$attrs"
+    v-on="listeners"
+    :class="['customClass', $attrs.class]"
+    :style="$attrs.style"
+    :type="type"
+  ></el-date-picker>
+</template>
+
+<script>
+export default {
+  name: "le-date-picker-back",
+  props: {
+    value: {
+      type: [Number, Date, String, Array], // 添加Array类型支持日期范围
+      default: null,
+    },
+    type: {
+      type: String,
+      default: "date",
+    },
+    translateDate: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      internalValue: null,
+    };
+  },
+  computed: {
+    listeners() {
+      return {
+        ...this.$listeners,
+        input: this.handleInput,
+        change: this.handleChange,
+      };
+    },
+  },
+  watch: {
+    value: {
+      handler(newVal) {
+        this.internalValue = this.convertValueToInternal(newVal);
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+  methods: {
+    convertValueToInternal(value) {
+      if (value === null || value === undefined || value === "") {
+        return null;
+      }
+
+      // 处理日期范围数组
+      if (Array.isArray(value)) {
+        return value.map((item) => this.convertSingleValueToInternal(item));
+      }
+
+      return this.convertSingleValueToInternal(value);
+    },
+
+    convertSingleValueToInternal(value) {
+      if (this.translateDate && typeof value === "number") {
+        // 假设是秒级时间戳
+        return new Date(value * 1000);
+      } else if (value instanceof Date) {
+        return value;
+      } else if (typeof value === "string" && !isNaN(Date.parse(value))) {
+        return new Date(value);
+      } else if (typeof value === "number") {
+        // 如果不是translateDate模式，但传入了数字，假设是毫秒级时间戳
+        return new Date(value);
+      } else {
+        return null;
+      }
+    },
+
+    convertValueToOutput(value) {
+      if (value === null || value === undefined) {
+        return null;
+      }
+
+      // 处理日期范围数组
+      if (Array.isArray(value)) {
+        return value.map((item) => this.convertSingleValueToOutput(item));
+      }
+
+      return this.convertSingleValueToOutput(value);
+    },
+
+    convertSingleValueToOutput(value) {
+      if (this.translateDate && value instanceof Date) {
+        // 输出秒级时间戳
+        return Math.floor(value.getTime() / 1000);
+      } else {
+        return value;
+      }
+    },
+
+    handleInput(value) {
+      const outputValue = this.convertValueToOutput(value);
+      this.$emit("input", outputValue);
+    },
+
+    handleChange(value) {
+      const outputValue = this.convertValueToOutput(value);
+      this.$emit("change", outputValue);
+    },
+  },
+  mounted() {
+    // 初始化internalValue
+    this.internalValue = this.convertValueToInternal(this.value);
+  },
+};
+</script>

package/le-date-picker/src/main.vue

@@ -2,7 +2,7 @@
   <el-date-picker
     v-model="internalValue"
     v-bind="$attrs"
-    v-on="listeners"
+    v-on="$listeners"
     :class="['customClass', $attrs.class]"
     :style="$attrs.style"
     :type="type"
@@ -14,7 +14,7 @@ export default {
   name: "le-date-picker",
   props: {
     value: {
-      type: [Number, Date, String, Array], // 添加Array类型支持日期范围
+      type: [Number, Date, String], // 可以接收时间戳、Date 对象或日期字符串
       default: null,
     },
     type: {
@@ -28,92 +28,40 @@ export default {
   },
   data() {
     return {
-      internalValue: null,
+      internalValue: this.convertValueToInternal(this.value), // 初始化内部值
     };
   },
-  computed: {
-    listeners() {
-      return {
-        ...this.$listeners,
-        input: this.handleInput,
-        change: this.handleChange,
-      };
-    },
-  },
   watch: {
-    value: {
-      handler(newVal) {
-        this.internalValue = this.convertValueToInternal(newVal);
-      },
-      immediate: true,
-      deep: true,
-    },
+    // value(newVal) {
+    //   this.internalValue = this.convertValueToInternal(newVal);
+    // },
+    // internalValue(newVal) {
+    //   const outputValue = this.convertValueToOutput(newVal);
+    //   this.$emit("input", outputValue);
+    // },
   },
   methods: {
     convertValueToInternal(value) {
-      if (value === null || value === undefined || value === "") {
-        return null;
-      }
-
-      // 处理日期范围数组
-      if (Array.isArray(value)) {
-        return value.map((item) => this.convertSingleValueToInternal(item));
-      }
-
-      return this.convertSingleValueToInternal(value);
-    },
-
-    convertSingleValueToInternal(value) {
       if (this.translateDate && typeof value === "number") {
-        // 假设是秒级时间戳
         return new Date(value * 1000);
       } else if (value instanceof Date) {
         return value;
       } else if (typeof value === "string" && !isNaN(Date.parse(value))) {
         return new Date(value);
-      } else if (typeof value === "number") {
-        // 如果不是translateDate模式，但传入了数字，假设是毫秒级时间戳
-        return new Date(value);
       } else {
         return null;
       }
     },
-
     convertValueToOutput(value) {
-      if (value === null || value === undefined) {
-        return null;
-      }
-
-      // 处理日期范围数组
-      if (Array.isArray(value)) {
-        return value.map((item) => this.convertSingleValueToOutput(item));
-      }
-
-      return this.convertSingleValueToOutput(value);
-    },
-
-    convertSingleValueToOutput(value) {
       if (this.translateDate && value instanceof Date) {
-        // 输出秒级时间戳
         return Math.floor(value.getTime() / 1000);
       } else {
         return value;
       }
     },
-
-    handleInput(value) {
-      const outputValue = this.convertValueToOutput(value);
-      this.$emit("input", outputValue);
-    },
-
-    handleChange(value) {
-      const outputValue = this.convertValueToOutput(value);
-      this.$emit("change", outputValue);
-    },
   },
   mounted() {
-    // 初始化internalValue
-    this.internalValue = this.convertValueToInternal(this.value);
+    // 如果需要在组件挂载后执行某些操作，可以在这里添加代码。
   },
 };
 </script>

package/package.json

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