leisure-core 0.5.58 → 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

@@ -32,14 +32,9 @@ export default {
     };
   },
   watch: {
-    value: {
-      handler(val) {
-        if (val) {
-          this.internalValue = this.convertValueToInternal(newVal);
-        }
-      },
-      immediate: true,
-    },
+    // value(newVal) {
+    //   this.internalValue = this.convertValueToInternal(newVal);
+    // },
     // internalValue(newVal) {
     //   const outputValue = this.convertValueToOutput(newVal);
     //   this.$emit("input", outputValue);

package/package.json

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