huiyi-time 0.1.17 → 0.1.23

package/huiyi-time.es.js

@@ -1,8 +1,8 @@
-import { resolveComponent as Y, openBlock as c, createElementBlock as p, createElementVNode as s, createVNode as g, normalizeClass as v, withModifiers as m, withCtx as C, createTextVNode as M, Fragment as f, renderList as w, toDisplayString as y } from "vue";
-const S = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [r, l] of e)
-    n[r] = l;
+import { resolveComponent as S, openBlock as c, createElementBlock as p, createElementVNode as a, createVNode as w, normalizeClass as v, withModifiers as m, withCtx as M, createTextVNode as I, Fragment as C, renderList as k, toDisplayString as f } from "vue";
+const F = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, r] of t)
+    n[l] = r;
   return n;
 }, O = {
   name: "TimeComponentsUp",
@@ -32,19 +32,16 @@ const S = (t, e) => {
       endCalendarViewDate: /* @__PURE__ */ new Date(),
       quickOptions: {
         common: [
+          { name: "近3天", type: "days", value: 3, active: !1 },
+          { name: "近7天", type: "days", value: 7, active: !1 },
+          { name: "近1月", type: "months", value: 1, active: !1 },
           { name: "近3月", type: "months", value: 3, active: !1 },
           { name: "近1年", type: "years", value: 1, active: !1 }
         ],
-        today: [],
-        yesterday: [
-          { name: "昨天", type: "yesterday", value: "full", active: !1 }
-        ],
-        thisWeek: [
-          { name: "本周", type: "thisWeek", value: "full", active: !1 }
-        ],
-        thisMonth: [
-          { name: "本月", type: "thisMonth", value: "full", active: !1 }
-        ]
+        today: []
+        // thisMonth: [
+        //   { name: '本月', type: 'thisMonth', value: 'full', active: false }
+        // ]
       },
       dateFormatter: new Intl.DateTimeFormat("en-US", { year: "numeric", month: "long", day: "2-digit" }),
       clickOutsideHandler: null
@@ -52,12 +49,12 @@ const S = (t, e) => {
   },
   computed: {
     startDateMonthYear() {
-      const t = this.startCalendarViewDate.getFullYear(), e = this.startCalendarViewDate.getMonth() + 1;
-      return `${t}年${e}月`;
+      const e = this.startCalendarViewDate.getFullYear(), t = this.startCalendarViewDate.getMonth() + 1;
+      return `${e}年${t}月`;
     },
     endDateMonthYear() {
-      const t = this.endCalendarViewDate.getFullYear(), e = this.endCalendarViewDate.getMonth() + 1;
-      return `${t}年${e}月`;
+      const e = this.endCalendarViewDate.getFullYear(), t = this.endCalendarViewDate.getMonth() + 1;
+      return `${e}年${t}月`;
     },
     startCalendarDays() {
       return this.generateCalendarDays(this.startCalendarViewDate, this.startDate, this.endDate, "start");
@@ -81,24 +78,24 @@ const S = (t, e) => {
     this.inputValue = this.initTime, this.updateQuickOptionsActiveState();
   },
   methods: {
-    setActiveControl(t) {
-      this.activeControl = t;
+    setActiveControl(e) {
+      this.activeControl = e;
     },
     // 更新输入框的值
     updateInputValue() {
-      const t = (e) => {
-        const n = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), l = String(e.getDate()).padStart(2, "0");
-        return `${n}-${r}-${l}`;
+      const e = (t) => {
+        const n = t.getFullYear(), l = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
+        return `${n}-${l}-${r}`;
       };
-      this.inputValue = `${t(this.startDate)} ~ ${t(this.endDate)}`, this.modelClick();
+      this.inputValue = `${e(this.startDate)} ~ ${e(this.endDate)}`, this.modelClick();
     },
     // 输入框获得焦点时
-    onInputFocus(t) {
+    onInputFocus(e) {
       setTimeout(() => {
         this.inputSelection = {
-          start: t.target.selectionStart,
-          end: t.target.selectionEnd
-        }, this.selectCurrentField(this.inputSelection.start);
+          start: e.target.selectionStart,
+          end: e.target.selectionEnd
+        }, this.inputSelection.start === this.inputSelection.end && this.selectCurrentField(this.inputSelection.start);
       }, 0);
     },
     // 输入框失去焦点时
@@ -110,55 +107,59 @@ const S = (t, e) => {
       this.validateInput();
     },
     // 输入框键盘事件
-    onInputKeydown(t) {
-      const e = t.key;
-      ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(e) && (t.preventDefault(), e === "ArrowLeft" ? this.navigateLeft() : e === "ArrowRight" ? this.navigateRight() : e === "ArrowUp" ? this.incrementValue() : e === "ArrowDown" && this.decrementValue()), e === "Tab" && (t.preventDefault(), t.shiftKey ? this.navigateLeft() : this.navigateRight()), e === "Enter" && (t.preventDefault(), this.showPanel = !1);
+    onInputKeydown(e) {
+      const t = e.key;
+      ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(t) && (e.preventDefault(), t === "ArrowLeft" ? this.navigateLeft() : t === "ArrowRight" ? this.navigateRight() : t === "ArrowUp" ? this.incrementValue() : t === "ArrowDown" && this.decrementValue()), t === "Tab" && (e.preventDefault(), e.shiftKey ? this.navigateLeft() : this.navigateRight()), t === "Enter" && (e.preventDefault(), this.showPanel = !1);
     },
     // 向左导航
     navigateLeft() {
-      const t = this.inputSelection.start;
-      let e = null;
+      const e = this.inputSelection.start;
+      let t = null;
       for (let n = 0; n < this.fieldPositions.length; n++)
-        if (t >= this.fieldPositions[n].start && t <= this.fieldPositions[n].end) {
-          n > 0 ? e = this.fieldPositions[n - 1] : e = this.fieldPositions[this.fieldPositions.length - 1];
+        if (e >= this.fieldPositions[n].start && e <= this.fieldPositions[n].end) {
+          n > 0 ? t = this.fieldPositions[n - 1] : t = this.fieldPositions[this.fieldPositions.length - 1];
           break;
         }
-      e || (e = this.fieldPositions[0]), this.selectField(e);
+      t || (t = this.fieldPositions[0]), this.selectField(t);
     },
     // 向右导航
     navigateRight() {
-      const t = this.inputSelection.start;
-      let e = null;
+      const e = this.inputSelection.start;
+      let t = null;
       for (let n = 0; n < this.fieldPositions.length; n++)
-        if (t >= this.fieldPositions[n].start && t <= this.fieldPositions[n].end) {
-          n < this.fieldPositions.length - 1 ? e = this.fieldPositions[n + 1] : e = this.fieldPositions[0];
+        if (e >= this.fieldPositions[n].start && e <= this.fieldPositions[n].end) {
+          n < this.fieldPositions.length - 1 ? t = this.fieldPositions[n + 1] : t = this.fieldPositions[0];
           break;
         }
-      e || (e = this.fieldPositions[0]), this.selectField(e);
+      t || (t = this.fieldPositions[0]), this.selectField(t);
     },
     // 选择当前字段
-    selectCurrentField(t) {
-      for (const e of this.fieldPositions)
-        if (t >= e.start && t <= e.end) {
-          this.selectField(e);
+    selectCurrentField(e) {
+      for (const t of this.fieldPositions)
+        if (e >= t.start && e <= t.end) {
+          this.selectField(t);
           return;
         }
       this.selectField(this.fieldPositions[0]);
     },
     // 选择指定字段
-    selectField(t) {
-      document.getElementById("datetime-input").setSelectionRange(t.start, t.end), this.inputSelection = {
-        start: t.start,
-        end: t.end
-      }, this.activeControl = t.name;
+    selectField(e) {
+      if (this.$refs.datetimeInputRef && this.$refs.datetimeInputRef.$el) {
+        const t = this.$refs.datetimeInputRef.$el.querySelector("input");
+        t && t.setSelectionRange(e.start, e.end);
+      }
+      this.inputSelection = {
+        start: e.start,
+        end: e.end
+      }, this.activeControl = e.name;
     },
     // 增加当前字段的值
     incrementValue() {
-      const t = this.getCurrentField();
-      if (!t)
+      const e = this.getCurrentField();
+      if (!e)
         return;
-      let n = parseInt(this.inputValue.substring(t.start, t.end)) + 1;
-      switch (t.name) {
+      let n = parseInt(this.inputValue.substring(e.start, e.end)) + 1;
+      switch (e.name) {
         case "startYear":
         case "endYear":
           break;
@@ -171,15 +172,15 @@ const S = (t, e) => {
           n > 31 && (n = 1);
           break;
       }
-      this.updateFieldValue(t, n);
+      this.updateFieldValue(e, n);
     },
     // 减少当前字段的值
     decrementValue() {
-      const t = this.getCurrentField();
-      if (!t)
+      const e = this.getCurrentField();
+      if (!e)
         return;
-      let n = parseInt(this.inputValue.substring(t.start, t.end)) - 1;
-      switch (t.name) {
+      let n = parseInt(this.inputValue.substring(e.start, e.end)) - 1;
+      switch (e.name) {
         case "startYear":
         case "endYear":
           n < 1 && (n = 9999);
@@ -193,35 +194,35 @@ const S = (t, e) => {
           n < 1 && (n = 31);
           break;
       }
-      this.updateFieldValue(t, n);
+      this.updateFieldValue(e, n);
     },
     // 获取当前字段
     getCurrentField() {
-      for (const t of this.fieldPositions)
-        if (this.inputSelection.start >= t.start && this.inputSelection.start <= t.end)
-          return t;
+      for (const e of this.fieldPositions)
+        if (this.inputSelection.start >= e.start && this.inputSelection.start <= e.end)
+          return e;
       return null;
     },
     // 更新字段值
-    updateFieldValue(t, e) {
-      const n = String(e).padStart(t.length, "0"), r = this.inputValue.substring(0, t.start) + n + this.inputValue.substring(t.end);
-      this.inputValue = r, this.$nextTick(() => {
-        this.selectField(t);
+    updateFieldValue(e, t) {
+      const n = String(t).padStart(e.length, "0"), l = this.inputValue.substring(0, e.start) + n + this.inputValue.substring(e.end);
+      this.inputValue = l, this.$nextTick(() => {
+        this.selectField(e);
       }), this.updateDateFromInput();
     },
     // 从输入框更新日期对象
     updateDateFromInput() {
       if (!this.validateInputFormat())
         return;
-      const t = this.inputValue.split(/[''~-]/);
-      if (t.length !== 6)
+      const e = this.inputValue.split(/[''~-]/);
+      if (e.length !== 6)
         return;
-      const e = parseInt(t[0]), n = parseInt(t[1]) - 1, r = parseInt(t[2]), l = parseInt(t[3]), a = parseInt(t[4]) - 1, d = parseInt(t[5]), h = new Date(e, n, r), i = new Date(l, a, d);
-      if (isNaN(h.getTime()) || isNaN(i.getTime())) {
+      const t = parseInt(e[0]), n = parseInt(e[1]) - 1, l = parseInt(e[2]), r = parseInt(e[3]), s = parseInt(e[4]) - 1, h = parseInt(e[5]), u = new Date(t, n, l), i = new Date(r, s, h);
+      if (isNaN(u.getTime()) || isNaN(i.getTime())) {
         this.isInvalid = !0;
         return;
       }
-      this.startDate = h, this.endDate = i, this.isInvalid = !1, this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate);
+      this.startDate = u, this.endDate = i, this.isInvalid = !1, this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate);
     },
     // 验证输入格式
     validateInputFormat() {
@@ -233,163 +234,148 @@ const S = (t, e) => {
         this.isInvalid = !0;
         return;
       }
-      const t = this.inputValue.split(/[ ~-]/), e = parseInt(t[0]), n = parseInt(t[1]), r = parseInt(t[2]), l = parseInt(t[3]), a = parseInt(t[4]), d = parseInt(t[5]);
-      if (n < 1 || n > 12 || a < 1 || a > 12) {
+      const e = this.inputValue.split(/[ ~-]/), t = parseInt(e[0]), n = parseInt(e[1]), l = parseInt(e[2]), r = parseInt(e[3]), s = parseInt(e[4]), h = parseInt(e[5]);
+      if (n < 1 || n > 12 || s < 1 || s > 12) {
         this.isInvalid = !0;
         return;
       }
-      if (r < 1 || r > 31 || d < 1 || d > 31) {
+      if (l < 1 || l > 31 || h < 1 || h > 31) {
         this.isInvalid = !0;
         return;
       }
-      const h = new Date(e, n - 1, r), i = new Date(l, a - 1, d);
-      if (h.getMonth() !== n - 1 || h.getDate() !== r || i.getMonth() !== a - 1 || i.getDate() !== d) {
+      const u = new Date(t, n - 1, l), i = new Date(r, s - 1, h);
+      if (u.getMonth() !== n - 1 || u.getDate() !== l || i.getMonth() !== s - 1 || i.getDate() !== h) {
         this.isInvalid = !0;
         return;
       }
       this.isInvalid = !1;
     },
     // 前一年
-    prevYear(t) {
-      if (t === "start") {
-        const e = new Date(this.startCalendarViewDate);
-        e.setFullYear(e.getFullYear() - 1), this.startCalendarViewDate = e;
+    prevYear(e) {
+      if (e === "start") {
+        const t = new Date(this.startCalendarViewDate);
+        t.setFullYear(t.getFullYear() - 1), this.startCalendarViewDate = t;
       } else {
-        const e = new Date(this.endCalendarViewDate);
-        e.setFullYear(e.getFullYear() - 1), this.endCalendarViewDate = e;
+        const t = new Date(this.endCalendarViewDate);
+        t.setFullYear(t.getFullYear() - 1), this.endCalendarViewDate = t;
       }
     },
     // 后一年
-    nextYear(t) {
-      if (t === "start") {
-        const e = new Date(this.startCalendarViewDate);
-        e.setFullYear(e.getFullYear() + 1), this.startCalendarViewDate = e;
+    nextYear(e) {
+      if (e === "start") {
+        const t = new Date(this.startCalendarViewDate);
+        t.setFullYear(t.getFullYear() + 1), this.startCalendarViewDate = t;
       } else {
-        const e = new Date(this.endCalendarViewDate);
-        e.setFullYear(e.getFullYear() + 1), this.endCalendarViewDate = e;
+        const t = new Date(this.endCalendarViewDate);
+        t.setFullYear(t.getFullYear() + 1), this.endCalendarViewDate = t;
       }
     },
-    prevMonth(t) {
-      if (t === "start") {
-        const e = new Date(this.startCalendarViewDate);
-        e.setMonth(e.getMonth() - 1), this.startCalendarViewDate = e;
+    prevMonth(e) {
+      if (e === "start") {
+        const t = new Date(this.startCalendarViewDate);
+        t.setMonth(t.getMonth() - 1), this.startCalendarViewDate = t;
       } else {
-        const e = new Date(this.endCalendarViewDate);
-        e.setMonth(e.getMonth() - 1), this.endCalendarViewDate = e;
+        const t = new Date(this.endCalendarViewDate);
+        t.setMonth(t.getMonth() - 1), this.endCalendarViewDate = t;
       }
     },
-    nextMonth(t) {
-      if (t === "start") {
-        const e = new Date(this.startCalendarViewDate);
-        e.setMonth(e.getMonth() + 1), this.startCalendarViewDate = e;
+    nextMonth(e) {
+      if (e === "start") {
+        const t = new Date(this.startCalendarViewDate);
+        t.setMonth(t.getMonth() + 1), this.startCalendarViewDate = t;
       } else {
-        const e = new Date(this.endCalendarViewDate);
-        e.setMonth(e.getMonth() + 1), this.endCalendarViewDate = e;
+        const t = new Date(this.endCalendarViewDate);
+        t.setMonth(t.getMonth() + 1), this.endCalendarViewDate = t;
       }
     },
-    selectDate(t, e) {
-      t === "start" ? this.startDate = e : this.endDate = e, this.updateInputValue(), this.updateQuickOptionsActiveState();
+    selectDate(e, t) {
+      e === "start" ? this.startDate = t : this.endDate = t, this.updateInputValue(), this.updateQuickOptionsActiveState();
     },
-    generateCalendarDays(t, e, n, r) {
-      const l = t.getFullYear(), a = t.getMonth(), d = new Date(l, a, 1), h = new Date(l, a + 1, 0), i = d.getDay(), D = new Date(l, a, 0).getDate(), k = [], _ = /* @__PURE__ */ new Date();
+    generateCalendarDays(e, t, n, l) {
+      const r = e.getFullYear(), s = e.getMonth(), h = new Date(r, s, 1), u = new Date(r, s + 1, 0), i = h.getDay(), D = new Date(r, s, 0).getDate(), y = [], V = /* @__PURE__ */ new Date();
       for (let o = i - 1; o >= 0; o--) {
-        const u = new Date(l, a - 1, D - o);
-        k.push({
-          id: `prev-${o}-${r}`,
+        const d = new Date(r, s - 1, D - o);
+        y.push({
+          id: `prev-${o}-${l}`,
           day: D - o,
-          date: u,
+          date: d,
           isCurrentMonth: !1,
-          isSelected: this.isSameDay(u, r === "start" ? e : n),
-          isToday: this.isSameDay(u, _),
-          isInRange: this.isDateInRange(u, e, n)
+          isSelected: this.isSameDay(d, l === "start" ? t : n),
+          isToday: this.isSameDay(d, V),
+          isInRange: this.isDateInRange(d, t, n)
         });
       }
-      for (let o = 1; o <= h.getDate(); o++) {
-        const u = new Date(l, a, o);
-        k.push({
-          id: `current-${o}-${r}`,
+      for (let o = 1; o <= u.getDate(); o++) {
+        const d = new Date(r, s, o);
+        y.push({
+          id: `current-${o}-${l}`,
           day: o,
-          date: u,
+          date: d,
           isCurrentMonth: !0,
-          isSelected: this.isSameDay(u, r === "start" ? e : n),
-          isToday: this.isSameDay(u, _),
-          isInRange: this.isDateInRange(u, e, n)
+          isSelected: this.isSameDay(d, l === "start" ? t : n),
+          isToday: this.isSameDay(d, V),
+          isInRange: this.isDateInRange(d, t, n)
         });
       }
-      const F = 42 - k.length;
-      for (let o = 1; o <= F; o++) {
-        const u = new Date(l, a + 1, o);
-        k.push({
-          id: `next-${o}-${r}`,
+      const Y = 42 - y.length;
+      for (let o = 1; o <= Y; o++) {
+        const d = new Date(r, s + 1, o);
+        y.push({
+          id: `next-${o}-${l}`,
           day: o,
-          date: u,
+          date: d,
           isCurrentMonth: !1,
-          isSelected: this.isSameDay(u, r === "start" ? e : n),
-          isToday: this.isSameDay(u, _),
-          isInRange: this.isDateInRange(u, e, n)
+          isSelected: this.isSameDay(d, l === "start" ? t : n),
+          isToday: this.isSameDay(d, V),
+          isInRange: this.isDateInRange(d, t, n)
         });
       }
-      return k;
+      return y;
     },
-    isSameDay(t, e) {
-      return t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
+    isSameDay(e, t) {
+      return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
     },
-    isDateInRange(t, e, n) {
-      return t >= e && t <= n;
+    isDateInRange(e, t, n) {
+      return e >= t && e <= n;
     },
-    applyQuickOption(t) {
-      const e = /* @__PURE__ */ new Date();
-      let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
-      switch (t.type) {
+    applyQuickOption(e) {
+      const t = /* @__PURE__ */ new Date();
+      let n = /* @__PURE__ */ new Date(), l = /* @__PURE__ */ new Date();
+      switch (e.type) {
         case "days":
-          n = new Date(e.getTime() - t.value * 24 * 60 * 60 * 1e3);
+          n = new Date(t.getTime() - e.value * 24 * 60 * 60 * 1e3);
           break;
         case "months":
-          n = new Date(e.getFullYear(), e.getMonth() - t.value, e.getDate());
+          n = new Date(t.getFullYear(), t.getMonth() - e.value, t.getDate());
           break;
         case "years":
-          n = new Date(e.getFullYear() - t.value, e.getMonth(), e.getDate());
+          n = new Date(t.getFullYear() - e.value, t.getMonth(), t.getDate());
           break;
         case "today":
-          t.value === "full" && (n = new Date(e.getFullYear(), e.getMonth(), e.getDate()), r = new Date(e.getFullYear(), e.getMonth(), e.getDate()));
-          break;
-        case "yesterday":
-          if (t.value === "full") {
-            const l = new Date(e.getTime() - 864e5);
-            n = new Date(l.getFullYear(), l.getMonth(), l.getDate()), r = new Date(l.getFullYear(), l.getMonth(), l.getDate());
-          }
-          break;
-        case "thisWeek": {
-          const l = e.getDay(), a = new Date(e.getTime() - l * 24 * 60 * 60 * 1e3);
-          if (t.value === "full") {
-            n = new Date(a.getFullYear(), a.getMonth(), a.getDate());
-            const d = new Date(a.getTime() + 6 * 24 * 60 * 60 * 1e3);
-            r = new Date(d.getFullYear(), d.getMonth(), d.getDate());
-          }
+          e.value === "full" && (n = new Date(t.getFullYear(), t.getMonth(), t.getDate()), l = new Date(t.getFullYear(), t.getMonth(), t.getDate()));
           break;
-        }
         case "thisMonth":
-          t.value === "full" && (n = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e.getFullYear(), e.getMonth() + 1, 0));
+          e.value === "full" && (n = new Date(t.getFullYear(), t.getMonth(), 1), l = new Date(t.getFullYear(), t.getMonth() + 1, 0));
           break;
       }
-      this.startDate = n, this.endDate = r, this.updateInputValue(), this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate);
+      this.startDate = n, this.endDate = l, this.updateInputValue(), this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate);
     },
     updateQuickOptionsActiveState() {
-      Object.keys(this.quickOptions).forEach((t) => {
-        this.quickOptions[t].forEach((e) => {
-          e.active = !1;
+      Object.keys(this.quickOptions).forEach((e) => {
+        this.quickOptions[e].forEach((t) => {
+          t.active = !1;
         });
       });
     },
     formatRangeDisplay() {
-      const t = (e) => {
-        const n = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), l = String(e.getDate()).padStart(2, "0");
-        return `${n}-${r}-${l}`;
+      const e = (t) => {
+        const n = t.getFullYear(), l = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
+        return `${n}-${l}-${r}`;
       };
-      return `${t(this.startDate)} ~ ${t(this.endDate)}`;
+      return `${e(this.startDate)} ~ ${e(this.endDate)}`;
     },
-    clickStop(t) {
-      t.stopPropagation();
+    clickStop(e) {
+      e.stopPropagation();
     },
     confirmSelection() {
       this.selectedRange = this.formatRangeDisplay(), this.inputValue = this.selectedRange, this.showPanel = !1;
@@ -405,15 +391,17 @@ const S = (t, e) => {
     },
     modelClick() {
       this.showPanel = !1;
-      const e = this.inputValue.split("~").map((n) => n.trim());
-      this.$emit("changeTime", e);
+      const t = this.inputValue.split("~").map((n) => n.trim());
+      this.$emit("changeTime", t);
     },
     handleListener() {
       this.clickOutsideHandler && document.removeEventListener("click", this.clickOutsideHandler);
-      const t = this.$refs.contentRef, e = this.$refs.timePanelRef;
+      const e = this.$refs.contentRef, t = this.$refs.timePanelRef;
       this.clickOutsideHandler = (n) => {
-        const r = t && t.contains(n.target), l = e && e.contains(n.target);
-        !r && !l && this.modelClick();
+        if (!this.showPanel)
+          return;
+        const l = e && e.contains(n.target), r = t && t.contains(n.target);
+        !l && !r && this.modelClick();
       }, document.addEventListener("click", this.clickOutsideHandler);
     },
     cleanupEventListener() {
@@ -426,176 +414,139 @@ const S = (t, e) => {
   beforeUnmount() {
     this.cleanupEventListener();
   }
-}, b = {
+}, P = {
   class: "container",
   ref: "contentRef"
-}, P = { class: "content" }, x = { class: "huiyi-time-input-section" }, R = { class: "huiyi-time-input-field" }, T = { class: "huiyi-time-panel-body" }, E = { class: "huiyi-time-quick-options" }, A = { class: "option-group" }, L = { class: "option-group" }, q = ["onClick"], Q = { class: "option-group" }, U = ["onClick"], H = { class: "option-group" }, W = ["onClick"], B = { class: "option-group" }, N = ["onClick"], $ = { class: "huiyi-time-panels-container" }, K = { class: "huiyi-time-date-panel" }, j = { class: "calendar-section" }, z = { class: "huiyi-time-calendar-header" }, G = { class: "huiyi-time-current-month" }, J = { class: "huiyi-time-calendar-days" }, X = ["onClick"], Z = { class: "huiyi-time-date-panel" }, ee = { class: "calendar-section" }, te = { class: "huiyi-time-calendar-header" }, ne = { class: "huiyi-time-current-month" }, ie = { class: "huiyi-time-calendar-days" }, ae = ["onClick"];
-function se(t, e, n, r, l, a) {
-  const d = Y("el-input"), h = Y("el-button");
+}, b = { class: "content" }, R = { class: "huiyi-time-input-section" }, x = { class: "huiyi-time-input-field" }, T = { class: "huiyi-time-panel-body" }, E = { class: "huiyi-time-quick-options" }, A = { class: "option-group" }, L = { class: "option-group" }, $ = ["onClick"], q = { class: "option-group" }, Q = ["onClick"], U = { class: "huiyi-time-panels-container" }, H = { class: "huiyi-time-date-panel" }, N = { class: "calendar-section" }, B = { class: "huiyi-time-calendar-header" }, K = { class: "huiyi-time-current-month" }, j = { class: "huiyi-time-calendar-days" }, z = ["onClick"], W = { class: "huiyi-time-date-panel" }, G = { class: "calendar-section" }, J = { class: "huiyi-time-calendar-header" }, X = { class: "huiyi-time-current-month" }, Z = { class: "huiyi-time-calendar-days" }, tt = ["onClick"];
+function et(e, t, n, l, r, s) {
+  const h = S("el-input"), u = S("el-button");
   return c(), p("div", {
     id: "huiyi-time-app",
-    onMouseover: e[12] || (e[12] = (...i) => a.handleMouseOver && a.handleMouseOver(...i)),
-    onMouseleave: e[13] || (e[13] = (...i) => a.handleMouseOut && a.handleMouseOut(...i))
+    onMouseover: t[12] || (t[12] = (...i) => s.handleMouseOver && s.handleMouseOver(...i)),
+    onMouseleave: t[13] || (t[13] = (...i) => s.handleMouseOut && s.handleMouseOut(...i))
   }, [
-    s("div", b, [
-      s("div", P, [
-        s("div", x, [
-          s("div", R, [
-            g(d, {
+    a("div", P, [
+      a("div", b, [
+        a("div", R, [
+          a("div", x, [
+            w(h, {
               type: "text",
-              class: v(["huiyi-time-datetime-input", { invalid: l.isInvalid }]),
-              modelValue: l.inputValue,
-              "onUpdate:modelValue": e[0] || (e[0] = (i) => l.inputValue = i),
+              class: v(["huiyi-time-datetime-input", { invalid: r.isInvalid }]),
+              modelValue: r.inputValue,
+              "onUpdate:modelValue": t[0] || (t[0] = (i) => r.inputValue = i),
               placeholder: "YYYY-MM-DD ~ YYYY-MM-DD",
-              onMouseup: a.onInputFocus,
-              onBlur: a.onInputBlur,
-              onKeydown: a.onInputKeydown,
-              onInput: a.onInputChange,
-              onClick: e[1] || (e[1] = (i) => a.openShowPanel())
+              onMouseup: s.onInputFocus,
+              onBlur: s.onInputBlur,
+              onKeydown: s.onInputKeydown,
+              onInput: s.onInputChange,
+              onClick: t[1] || (t[1] = (i) => s.openShowPanel()),
+              ref: "datetimeInputRef"
             }, null, 8, ["class", "modelValue", "onMouseup", "onBlur", "onKeydown", "onInput"])
           ])
         ])
       ])
     ], 512),
-    s("div", {
-      class: v(["huiyi-time-time-panel", l.showPanel ? "huiyi-time-time-panel-visible" : "huiyi-time-time-panel-none"]),
+    a("div", {
+      class: v(["huiyi-time-time-panel", r.showPanel ? "huiyi-time-time-panel-visible" : "huiyi-time-time-panel-none"]),
       ref: "timePanelRef"
     }, [
-      s("div", {
+      a("div", {
         class: "huiyi-time-panel-container",
-        onClick: e[11] || (e[11] = m((...i) => a.clickStop && a.clickStop(...i), ["stop"]))
+        onClick: t[11] || (t[11] = m((...i) => s.clickStop && s.clickStop(...i), ["stop"]))
       }, [
-        s("div", T, [
-          s("div", E, [
-            s("div", A, [
-              s("div", {
+        a("div", T, [
+          a("div", E, [
+            a("div", A, [
+              a("div", {
                 class: "huiyi-time-quick-option",
-                onClick: e[2] || (e[2] = m((i) => a.applyQuickOption({ name: "今天", type: "today", value: "full", active: !1 }), ["stop"]))
+                onClick: t[2] || (t[2] = m((i) => s.applyQuickOption({ name: "今天", type: "today", value: "full", active: !1 }), ["stop"]))
               }, [
-                g(h, {
+                w(u, {
                   style: { width: "60px" },
                   type: "primary",
                   plain: "",
                   text: "",
                   bg: ""
                 }, {
-                  default: C(() => [...e[14] || (e[14] = [
-                    M(" 今天 ", -1)
+                  default: M(() => [...t[14] || (t[14] = [
+                    I(" 今天 ", -1)
                   ])]),
                   _: 1
                 })
               ])
             ]),
-            s("div", L, [
-              (c(!0), p(f, null, w(l.quickOptions.yesterday, (i) => (c(), p("div", {
-                key: i.name,
-                class: v(["huiyi-time-quick-option", { active: i.active }]),
-                onClick: m((D) => a.applyQuickOption(i), ["stop"])
-              }, [
-                g(h, {
-                  style: { width: "60px" },
-                  type: "primary",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [
-                    M(y(i.name), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, q))), 128))
-            ]),
-            s("div", Q, [
-              (c(!0), p(f, null, w(l.quickOptions.thisWeek, (i) => (c(), p("div", {
-                key: i.name,
-                class: v(["huiyi-time-quick-option", { active: i.active }]),
-                onClick: m((D) => a.applyQuickOption(i), ["stop"])
-              }, [
-                g(h, {
-                  style: { width: "60px" },
-                  type: "primary",
-                  text: "",
-                  bg: ""
-                }, {
-                  default: C(() => [
-                    M(y(i.name), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, U))), 128))
-            ]),
-            s("div", H, [
-              (c(!0), p(f, null, w(l.quickOptions.thisMonth, (i) => (c(), p("div", {
+            a("div", L, [
+              (c(!0), p(C, null, k(r.quickOptions.thisMonth, (i) => (c(), p("div", {
                 key: i.name,
                 class: v(["huiyi-time-quick-option", { active: i.active }]),
-                onClick: m((D) => a.applyQuickOption(i), ["stop"])
+                onClick: m((D) => s.applyQuickOption(i), ["stop"])
               }, [
-                g(h, {
+                w(u, {
                   style: { width: "60px" },
                   type: "primary",
                   text: "",
                   bg: ""
                 }, {
-                  default: C(() => [
-                    M(y(i.name), 1)
+                  default: M(() => [
+                    I(f(i.name), 1)
                   ]),
                   _: 2
                 }, 1024)
-              ], 10, W))), 128))
+              ], 10, $))), 128))
             ]),
-            s("div", B, [
-              (c(!0), p(f, null, w(l.quickOptions.common, (i) => (c(), p("div", {
+            a("div", q, [
+              (c(!0), p(C, null, k(r.quickOptions.common, (i) => (c(), p("div", {
                 key: i.name,
                 class: v(["huiyi-time-quick-option", { active: i.active }]),
-                onClick: m((D) => a.applyQuickOption(i), ["stop"])
+                onClick: m((D) => s.applyQuickOption(i), ["stop"])
               }, [
-                g(h, {
+                w(u, {
                   style: { width: "60px" },
                   type: "primary",
                   text: "",
                   bg: ""
                 }, {
-                  default: C(() => [
-                    M(y(i.name), 1)
+                  default: M(() => [
+                    I(f(i.name), 1)
                   ]),
                   _: 2
                 }, 1024)
-              ], 10, N))), 128))
+              ], 10, Q))), 128))
             ])
           ]),
-          s("div", $, [
-            s("div", K, [
-              s("div", j, [
-                s("div", z, [
-                  s("div", {
+          a("div", U, [
+            a("div", H, [
+              a("div", N, [
+                a("div", B, [
+                  a("div", {
                     class: "huiyi-time-year-nav",
-                    onClick: e[3] || (e[3] = (i) => a.prevYear("start"))
+                    onClick: t[3] || (t[3] = (i) => s.prevYear("start"))
                   }, "<<"),
-                  s("div", {
+                  a("div", {
                     class: "huiyi-time-month-nav",
-                    onClick: e[4] || (e[4] = (i) => a.prevMonth("start"))
+                    onClick: t[4] || (t[4] = (i) => s.prevMonth("start"))
                   }, "<"),
-                  s("div", G, y(a.startDateMonthYear), 1),
-                  s("div", {
+                  a("div", K, f(s.startDateMonthYear), 1),
+                  a("div", {
                     class: "huiyi-time-month-nav",
-                    onClick: e[5] || (e[5] = (i) => a.nextMonth("start"))
+                    onClick: t[5] || (t[5] = (i) => s.nextMonth("start"))
                   }, ">"),
-                  s("div", {
+                  a("div", {
                     class: "huiyi-time-year-nav",
-                    onClick: e[6] || (e[6] = (i) => a.nextYear("start"))
+                    onClick: t[6] || (t[6] = (i) => s.nextYear("start"))
                   }, ">>")
                 ]),
-                e[15] || (e[15] = s("div", { class: "huiyi-time-week-days" }, [
-                  s("div", null, "日"),
-                  s("div", null, "一"),
-                  s("div", null, "二"),
-                  s("div", null, "三"),
-                  s("div", null, "四"),
-                  s("div", null, "五"),
-                  s("div", null, "六")
+                t[15] || (t[15] = a("div", { class: "huiyi-time-week-days" }, [
+                  a("div", null, "日"),
+                  a("div", null, "一"),
+                  a("div", null, "二"),
+                  a("div", null, "三"),
+                  a("div", null, "四"),
+                  a("div", null, "五"),
+                  a("div", null, "六")
                 ], -1)),
-                s("div", J, [
-                  (c(!0), p(f, null, w(a.startCalendarDays, (i) => (c(), p("div", {
+                a("div", j, [
+                  (c(!0), p(C, null, k(s.startCalendarDays, (i) => (c(), p("div", {
                     key: i.id,
                     class: v(["huiyi-time-calendar-day", {
                       "other-month": !i.isCurrentMonth,
@@ -603,43 +554,43 @@ function se(t, e, n, r, l, a) {
                       today: i.isToday,
                       "in-range": i.isInRange
                     }]),
-                    onClick: m((D) => a.selectDate("start", i.date), ["stop"])
-                  }, y(i.day), 11, X))), 128))
+                    onClick: m((D) => s.selectDate("start", i.date), ["stop"])
+                  }, f(i.day), 11, z))), 128))
                 ])
               ])
             ]),
-            s("div", Z, [
-              s("div", ee, [
-                s("div", te, [
-                  s("div", {
+            a("div", W, [
+              a("div", G, [
+                a("div", J, [
+                  a("div", {
                     class: "huiyi-time-year-nav",
-                    onClick: e[7] || (e[7] = (i) => a.prevYear("end"))
+                    onClick: t[7] || (t[7] = (i) => s.prevYear("end"))
                   }, "<<"),
-                  s("div", {
+                  a("div", {
                     class: "huiyi-time-month-nav",
-                    onClick: e[8] || (e[8] = m((i) => a.prevMonth("end"), ["stop"]))
+                    onClick: t[8] || (t[8] = m((i) => s.prevMonth("end"), ["stop"]))
                   }, "<"),
-                  s("div", ne, y(a.endDateMonthYear), 1),
-                  s("div", {
+                  a("div", X, f(s.endDateMonthYear), 1),
+                  a("div", {
                     class: "huiyi-time-month-nav",
-                    onClick: e[9] || (e[9] = m((i) => a.nextMonth("end"), ["stop"]))
+                    onClick: t[9] || (t[9] = m((i) => s.nextMonth("end"), ["stop"]))
                   }, ">"),
-                  s("div", {
+                  a("div", {
                     class: "huiyi-time-year-nav",
-                    onClick: e[10] || (e[10] = (i) => a.nextYear("end"))
+                    onClick: t[10] || (t[10] = (i) => s.nextYear("end"))
                   }, ">>")
                 ]),
-                e[16] || (e[16] = s("div", { class: "huiyi-time-week-days" }, [
-                  s("div", null, "日"),
-                  s("div", null, "一"),
-                  s("div", null, "二"),
-                  s("div", null, "三"),
-                  s("div", null, "四"),
-                  s("div", null, "五"),
-                  s("div", null, "六")
+                t[16] || (t[16] = a("div", { class: "huiyi-time-week-days" }, [
+                  a("div", null, "日"),
+                  a("div", null, "一"),
+                  a("div", null, "二"),
+                  a("div", null, "三"),
+                  a("div", null, "四"),
+                  a("div", null, "五"),
+                  a("div", null, "六")
                 ], -1)),
-                s("div", ie, [
-                  (c(!0), p(f, null, w(a.endCalendarDays, (i) => (c(), p("div", {
+                a("div", Z, [
+                  (c(!0), p(C, null, k(s.endCalendarDays, (i) => (c(), p("div", {
                     key: i.id,
                     class: v(["huiyi-time-calendar-day", {
                       "other-month": !i.isCurrentMonth,
@@ -647,8 +598,8 @@ function se(t, e, n, r, l, a) {
                       today: i.isToday,
                       "in-range": i.isInRange
                     }]),
-                    onClick: m((D) => a.selectDate("end", i.date), ["stop"])
-                  }, y(i.day), 11, ae))), 128))
+                    onClick: m((D) => s.selectDate("end", i.date), ["stop"])
+                  }, f(i.day), 11, tt))), 128))
                 ])
               ])
             ])
@@ -658,24 +609,24 @@ function se(t, e, n, r, l, a) {
     ], 2)
   ], 32);
 }
-const V = /* @__PURE__ */ S(O, [["render", se], ["__scopeId", "data-v-70fa0c5b"]]);
-V.install = (t) => {
-  t.component(V.name, V);
+const g = /* @__PURE__ */ F(O, [["render", et], ["__scopeId", "data-v-7cba3967"]]);
+g.install = (e) => {
+  e.component(g.name, g);
 };
-const le = [
-  V
-], I = function(t) {
-  I.installed || le.forEach((e) => {
-    t.component(e.name, e);
+const nt = [
+  g
+], _ = function(e) {
+  _.installed || nt.forEach((t) => {
+    e.component(t.name, t);
   });
 };
-typeof window < "u" && window.Vue && I(window.Vue);
-const de = {
-  install: I,
-  TimeComponentsUp: V
+typeof window < "u" && window.Vue && _(window.Vue);
+const st = {
+  install: _,
+  TimeComponentsUp: g
 };
 export {
-  V as TimeComponentsUp,
-  de as default,
-  I as install
+  g as TimeComponentsUp,
+  st as default,
+  _ as install
 };

package/huiyi-time.umd.js

@@ -1 +1 @@
-(function(u,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.HuiyiTime={},u.Vue))})(this,function(u,t){"use strict";const X="",Z="",g=(n,e)=>{const a=n.__vccOpts||n;for(const[r,l]of e)a[r]=l;return a},w={name:"TimeComponentsUp",props:{initTime:{type:String,default:""}},data(){return{showPanel:!1,startDate:new Date,endDate:new Date,activeControl:"startYear",selectedRange:null,inputValue:"",isInvalid:!1,inputSelection:{start:0,end:0},mouseOver:!1,startCalendarViewDate:new Date,endCalendarViewDate:new Date,quickOptions:{common:[{name:"近3月",type:"months",value:3,active:!1},{name:"近1年",type:"years",value:1,active:!1}],today:[],yesterday:[{name:"昨天",type:"yesterday",value:"full",active:!1}],thisWeek:[{name:"本周",type:"thisWeek",value:"full",active:!1}],thisMonth:[{name:"本月",type:"thisMonth",value:"full",active:!1}]},dateFormatter:new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"2-digit"}),clickOutsideHandler:null}},computed:{startDateMonthYear(){const n=this.startCalendarViewDate.getFullYear(),e=this.startCalendarViewDate.getMonth()+1;return`${n}年${e}月`},endDateMonthYear(){const n=this.endCalendarViewDate.getFullYear(),e=this.endCalendarViewDate.getMonth()+1;return`${n}年${e}月`},startCalendarDays(){return this.generateCalendarDays(this.startCalendarViewDate,this.startDate,this.endDate,"start")},endCalendarDays(){return this.generateCalendarDays(this.endCalendarViewDate,this.startDate,this.endDate,"end")},fieldPositions(){return[{name:"startYear",start:0,end:4,length:4},{name:"startMonth",start:5,end:7,length:2},{name:"startDay",start:8,end:10,length:2},{name:"endYear",start:13,end:17,length:4},{name:"endMonth",start:18,end:20,length:2},{name:"endDay",start:21,end:23,length:2}]}},mounted(){this.inputValue=this.initTime,this.updateQuickOptionsActiveState()},methods:{setActiveControl(n){this.activeControl=n},updateInputValue(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};this.inputValue=`${n(this.startDate)} ~ ${n(this.endDate)}`,this.modelClick()},onInputFocus(n){setTimeout(()=>{this.inputSelection={start:n.target.selectionStart,end:n.target.selectionEnd},this.selectCurrentField(this.inputSelection.start)},0)},onInputBlur(){this.validateInput()},onInputChange(){this.validateInput()},onInputKeydown(n){const e=n.key;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e)&&(n.preventDefault(),e==="ArrowLeft"?this.navigateLeft():e==="ArrowRight"?this.navigateRight():e==="ArrowUp"?this.incrementValue():e==="ArrowDown"&&this.decrementValue()),e==="Tab"&&(n.preventDefault(),n.shiftKey?this.navigateLeft():this.navigateRight()),e==="Enter"&&(n.preventDefault(),this.showPanel=!1)},navigateLeft(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a>0?e=this.fieldPositions[a-1]:e=this.fieldPositions[this.fieldPositions.length-1];break}e||(e=this.fieldPositions[0]),this.selectField(e)},navigateRight(){const n=this.inputSelection.start;let e=null;for(let a=0;a<this.fieldPositions.length;a++)if(n>=this.fieldPositions[a].start&&n<=this.fieldPositions[a].end){a<this.fieldPositions.length-1?e=this.fieldPositions[a+1]:e=this.fieldPositions[0];break}e||(e=this.fieldPositions[0]),this.selectField(e)},selectCurrentField(n){for(const e of this.fieldPositions)if(n>=e.start&&n<=e.end){this.selectField(e);return}this.selectField(this.fieldPositions[0])},selectField(n){document.getElementById("datetime-input").setSelectionRange(n.start,n.end),this.inputSelection={start:n.start,end:n.end},this.activeControl=n.name},incrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))+1;switch(n.name){case"startYear":case"endYear":break;case"startMonth":case"endMonth":a>12&&(a=1);break;case"startDay":case"endDay":a>31&&(a=1);break}this.updateFieldValue(n,a)},decrementValue(){const n=this.getCurrentField();if(!n)return;let a=parseInt(this.inputValue.substring(n.start,n.end))-1;switch(n.name){case"startYear":case"endYear":a<1&&(a=9999);break;case"startMonth":case"endMonth":a<1&&(a=12);break;case"startDay":case"endDay":a<1&&(a=31);break}this.updateFieldValue(n,a)},getCurrentField(){for(const n of this.fieldPositions)if(this.inputSelection.start>=n.start&&this.inputSelection.start<=n.end)return n;return null},updateFieldValue(n,e){const a=String(e).padStart(n.length,"0"),r=this.inputValue.substring(0,n.start)+a+this.inputValue.substring(n.end);this.inputValue=r,this.$nextTick(()=>{this.selectField(n)}),this.updateDateFromInput()},updateDateFromInput(){if(!this.validateInputFormat())return;const n=this.inputValue.split(/[''~-]/);if(n.length!==6)return;const e=parseInt(n[0]),a=parseInt(n[1])-1,r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4])-1,d=parseInt(n[5]),h=new Date(e,a,r),i=new Date(l,s,d);if(isNaN(h.getTime())||isNaN(i.getTime())){this.isInvalid=!0;return}this.startDate=h,this.endDate=i,this.isInvalid=!1,this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},validateInputFormat(){return/^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/.test(this.inputValue)},validateInput(){if(!this.validateInputFormat()){this.isInvalid=!0;return}const n=this.inputValue.split(/[ ~-]/),e=parseInt(n[0]),a=parseInt(n[1]),r=parseInt(n[2]),l=parseInt(n[3]),s=parseInt(n[4]),d=parseInt(n[5]);if(a<1||a>12||s<1||s>12){this.isInvalid=!0;return}if(r<1||r>31||d<1||d>31){this.isInvalid=!0;return}const h=new Date(e,a-1,r),i=new Date(l,s-1,d);if(h.getMonth()!==a-1||h.getDate()!==r||i.getMonth()!==s-1||i.getDate()!==d){this.isInvalid=!0;return}this.isInvalid=!1},prevYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.endCalendarViewDate=e}},nextYear(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.endCalendarViewDate=e}},prevMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()-1),this.endCalendarViewDate=e}},nextMonth(n){if(n==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()+1),this.endCalendarViewDate=e}},selectDate(n,e){n==="start"?this.startDate=e:this.endDate=e,this.updateInputValue(),this.updateQuickOptionsActiveState()},generateCalendarDays(n,e,a,r){const l=n.getFullYear(),s=n.getMonth(),d=new Date(l,s,1),h=new Date(l,s+1,0),i=d.getDay(),m=new Date(l,s,0).getDate(),D=[],y=new Date;for(let o=i-1;o>=0;o--){const c=new Date(l,s-1,m-o);D.push({id:`prev-${o}-${r}`,day:m-o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,y),isInRange:this.isDateInRange(c,e,a)})}for(let o=1;o<=h.getDate();o++){const c=new Date(l,s,o);D.push({id:`current-${o}-${r}`,day:o,date:c,isCurrentMonth:!0,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,y),isInRange:this.isDateInRange(c,e,a)})}const J=42-D.length;for(let o=1;o<=J;o++){const c=new Date(l,s+1,o);D.push({id:`next-${o}-${r}`,day:o,date:c,isCurrentMonth:!1,isSelected:this.isSameDay(c,r==="start"?e:a),isToday:this.isSameDay(c,y),isInRange:this.isDateInRange(c,e,a)})}return D},isSameDay(n,e){return n.getFullYear()===e.getFullYear()&&n.getMonth()===e.getMonth()&&n.getDate()===e.getDate()},isDateInRange(n,e,a){return n>=e&&n<=a},applyQuickOption(n){const e=new Date;let a=new Date,r=new Date;switch(n.type){case"days":a=new Date(e.getTime()-n.value*24*60*60*1e3);break;case"months":a=new Date(e.getFullYear(),e.getMonth()-n.value,e.getDate());break;case"years":a=new Date(e.getFullYear()-n.value,e.getMonth(),e.getDate());break;case"today":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=new Date(e.getFullYear(),e.getMonth(),e.getDate()));break;case"yesterday":if(n.value==="full"){const l=new Date(e.getTime()-864e5);a=new Date(l.getFullYear(),l.getMonth(),l.getDate()),r=new Date(l.getFullYear(),l.getMonth(),l.getDate())}break;case"thisWeek":{const l=e.getDay(),s=new Date(e.getTime()-l*24*60*60*1e3);if(n.value==="full"){a=new Date(s.getFullYear(),s.getMonth(),s.getDate());const d=new Date(s.getTime()+6*24*60*60*1e3);r=new Date(d.getFullYear(),d.getMonth(),d.getDate())}break}case"thisMonth":n.value==="full"&&(a=new Date(e.getFullYear(),e.getMonth(),1),r=new Date(e.getFullYear(),e.getMonth()+1,0));break}this.startDate=a,this.endDate=r,this.updateInputValue(),this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},updateQuickOptionsActiveState(){Object.keys(this.quickOptions).forEach(n=>{this.quickOptions[n].forEach(e=>{e.active=!1})})},formatRangeDisplay(){const n=e=>{const a=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),l=String(e.getDate()).padStart(2,"0");return`${a}-${r}-${l}`};return`${n(this.startDate)} ~ ${n(this.endDate)}`},clickStop(n){n.stopPropagation()},confirmSelection(){this.selectedRange=this.formatRangeDisplay(),this.inputValue=this.selectedRange,this.showPanel=!1},blurInput(){this.mouseOver==!1&&(this.showPanel=!1)},handleMouseOver(){this.mouseOver=!0},handleMouseOut(){this.mouseOver=!1},modelClick(){this.showPanel=!1;const e=this.inputValue.split("~").map(a=>a.trim());this.$emit("changeTime",e)},handleListener(){this.clickOutsideHandler&&document.removeEventListener("click",this.clickOutsideHandler);const n=this.$refs.contentRef,e=this.$refs.timePanelRef;this.clickOutsideHandler=a=>{const r=n&&n.contains(a.target),l=e&&e.contains(a.target);!r&&!l&&this.modelClick()},document.addEventListener("click",this.clickOutsideHandler)},cleanupEventListener(){this.clickOutsideHandler&&(document.removeEventListener("click",this.clickOutsideHandler),this.clickOutsideHandler=null)},openShowPanel(){this.showPanel=!0,this.handleListener(),this.updateDateFromInput()}},beforeUnmount(){this.cleanupEventListener()}},V={class:"container",ref:"contentRef"},k={class:"content"},C={class:"huiyi-time-input-section"},M={class:"huiyi-time-input-field"},E={class:"huiyi-time-panel-body"},N={class:"huiyi-time-quick-options"},_={class:"option-group"},I={class:"option-group"},F=["onClick"],S={class:"option-group"},Y=["onClick"],v={class:"option-group"},O=["onClick"],b={class:"option-group"},x=["onClick"],P={class:"huiyi-time-panels-container"},T={class:"huiyi-time-date-panel"},B={class:"calendar-section"},R={class:"huiyi-time-calendar-header"},L={class:"huiyi-time-current-month"},q={class:"huiyi-time-calendar-days"},A=["onClick"],Q={class:"huiyi-time-date-panel"},U={class:"calendar-section"},H={class:"huiyi-time-calendar-header"},z={class:"huiyi-time-current-month"},W={class:"huiyi-time-calendar-days"},$=["onClick"];function K(n,e,a,r,l,s){const d=t.resolveComponent("el-input"),h=t.resolveComponent("el-button");return t.openBlock(),t.createElementBlock("div",{id:"huiyi-time-app",onMouseover:e[12]||(e[12]=(...i)=>s.handleMouseOver&&s.handleMouseOver(...i)),onMouseleave:e[13]||(e[13]=(...i)=>s.handleMouseOut&&s.handleMouseOut(...i))},[t.createElementVNode("div",V,[t.createElementVNode("div",k,[t.createElementVNode("div",C,[t.createElementVNode("div",M,[t.createVNode(d,{type:"text",class:t.normalizeClass(["huiyi-time-datetime-input",{invalid:l.isInvalid}]),modelValue:l.inputValue,"onUpdate:modelValue":e[0]||(e[0]=i=>l.inputValue=i),placeholder:"YYYY-MM-DD ~ YYYY-MM-DD",onMouseup:s.onInputFocus,onBlur:s.onInputBlur,onKeydown:s.onInputKeydown,onInput:s.onInputChange,onClick:e[1]||(e[1]=i=>s.openShowPanel())},null,8,["class","modelValue","onMouseup","onBlur","onKeydown","onInput"])])])])],512),t.createElementVNode("div",{class:t.normalizeClass(["huiyi-time-time-panel",l.showPanel?"huiyi-time-time-panel-visible":"huiyi-time-time-panel-none"]),ref:"timePanelRef"},[t.createElementVNode("div",{class:"huiyi-time-panel-container",onClick:e[11]||(e[11]=t.withModifiers((...i)=>s.clickStop&&s.clickStop(...i),["stop"]))},[t.createElementVNode("div",E,[t.createElementVNode("div",N,[t.createElementVNode("div",_,[t.createElementVNode("div",{class:"huiyi-time-quick-option",onClick:e[2]||(e[2]=t.withModifiers(i=>s.applyQuickOption({name:"今天",type:"today",value:"full",active:!1}),["stop"]))},[t.createVNode(h,{style:{width:"60px"},type:"primary",plain:"",text:"",bg:""},{default:t.withCtx(()=>[...e[14]||(e[14]=[t.createTextVNode(" 今天 ",-1)])]),_:1})])]),t.createElementVNode("div",I,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.yesterday,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{style:{width:"60px"},type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,F))),128))]),t.createElementVNode("div",S,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisWeek,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{style:{width:"60px"},type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,Y))),128))]),t.createElementVNode("div",v,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.thisMonth,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{style:{width:"60px"},type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,O))),128))]),t.createElementVNode("div",b,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.quickOptions.common,i=>(t.openBlock(),t.createElementBlock("div",{key:i.name,class:t.normalizeClass(["huiyi-time-quick-option",{active:i.active}]),onClick:t.withModifiers(m=>s.applyQuickOption(i),["stop"])},[t.createVNode(h,{style:{width:"60px"},type:"primary",text:"",bg:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.name),1)]),_:2},1024)],10,x))),128))])]),t.createElementVNode("div",P,[t.createElementVNode("div",T,[t.createElementVNode("div",B,[t.createElementVNode("div",R,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[3]||(e[3]=i=>s.prevYear("start"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[4]||(e[4]=i=>s.prevMonth("start"))},"<"),t.createElementVNode("div",L,t.toDisplayString(s.startDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[5]||(e[5]=i=>s.nextMonth("start"))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[6]||(e[6]=i=>s.nextYear("start"))},">>")]),e[15]||(e[15]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",q,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.startCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("start",i.date),["stop"])},t.toDisplayString(i.day),11,A))),128))])])]),t.createElementVNode("div",Q,[t.createElementVNode("div",U,[t.createElementVNode("div",H,[t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[7]||(e[7]=i=>s.prevYear("end"))},"<<"),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[8]||(e[8]=t.withModifiers(i=>s.prevMonth("end"),["stop"]))},"<"),t.createElementVNode("div",z,t.toDisplayString(s.endDateMonthYear),1),t.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[9]||(e[9]=t.withModifiers(i=>s.nextMonth("end"),["stop"]))},">"),t.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[10]||(e[10]=i=>s.nextYear("end"))},">>")]),e[16]||(e[16]=t.createElementVNode("div",{class:"huiyi-time-week-days"},[t.createElementVNode("div",null,"日"),t.createElementVNode("div",null,"一"),t.createElementVNode("div",null,"二"),t.createElementVNode("div",null,"三"),t.createElementVNode("div",null,"四"),t.createElementVNode("div",null,"五"),t.createElementVNode("div",null,"六")],-1)),t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.endCalendarDays,i=>(t.openBlock(),t.createElementBlock("div",{key:i.id,class:t.normalizeClass(["huiyi-time-calendar-day",{"other-month":!i.isCurrentMonth,selected:i.isSelected,today:i.isToday,"in-range":i.isInRange}]),onClick:t.withModifiers(m=>s.selectDate("end",i.date),["stop"])},t.toDisplayString(i.day),11,$))),128))])])])])])])],2)],32)}const p=g(w,[["render",K],["__scopeId","data-v-70fa0c5b"]]);p.install=n=>{n.component(p.name,p)};const j=[p],f=function(n){f.installed||j.forEach(e=>{n.component(e.name,e)})};typeof window<"u"&&window.Vue&&f(window.Vue);const G={install:f,TimeComponentsUp:p};u.TimeComponentsUp=p,u.default=G,u.install=f,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(u=typeof globalThis<"u"?globalThis:u||self,n(u.HuiyiTime={},u.Vue))})(this,function(u,n){"use strict";const j="",W="",g=(t,e)=>{const i=t.__vccOpts||t;for(const[l,r]of e)i[l]=r;return i},w={name:"TimeComponentsUp",props:{initTime:{type:String,default:""}},data(){return{showPanel:!1,startDate:new Date,endDate:new Date,activeControl:"startYear",selectedRange:null,inputValue:"",isInvalid:!1,inputSelection:{start:0,end:0},mouseOver:!1,startCalendarViewDate:new Date,endCalendarViewDate:new Date,quickOptions:{common:[{name:"近3天",type:"days",value:3,active:!1},{name:"近7天",type:"days",value:7,active:!1},{name:"近1月",type:"months",value:1,active:!1},{name:"近3月",type:"months",value:3,active:!1},{name:"近1年",type:"years",value:1,active:!1}],today:[]},dateFormatter:new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"2-digit"}),clickOutsideHandler:null}},computed:{startDateMonthYear(){const t=this.startCalendarViewDate.getFullYear(),e=this.startCalendarViewDate.getMonth()+1;return`${t}年${e}月`},endDateMonthYear(){const t=this.endCalendarViewDate.getFullYear(),e=this.endCalendarViewDate.getMonth()+1;return`${t}年${e}月`},startCalendarDays(){return this.generateCalendarDays(this.startCalendarViewDate,this.startDate,this.endDate,"start")},endCalendarDays(){return this.generateCalendarDays(this.endCalendarViewDate,this.startDate,this.endDate,"end")},fieldPositions(){return[{name:"startYear",start:0,end:4,length:4},{name:"startMonth",start:5,end:7,length:2},{name:"startDay",start:8,end:10,length:2},{name:"endYear",start:13,end:17,length:4},{name:"endMonth",start:18,end:20,length:2},{name:"endDay",start:21,end:23,length:2}]}},mounted(){this.inputValue=this.initTime,this.updateQuickOptionsActiveState()},methods:{setActiveControl(t){this.activeControl=t},updateInputValue(){const t=e=>{const i=e.getFullYear(),l=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${i}-${l}-${r}`};this.inputValue=`${t(this.startDate)} ~ ${t(this.endDate)}`,this.modelClick()},onInputFocus(t){setTimeout(()=>{this.inputSelection={start:t.target.selectionStart,end:t.target.selectionEnd},this.inputSelection.start===this.inputSelection.end&&this.selectCurrentField(this.inputSelection.start)},0)},onInputBlur(){this.validateInput()},onInputChange(){this.validateInput()},onInputKeydown(t){const e=t.key;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e)&&(t.preventDefault(),e==="ArrowLeft"?this.navigateLeft():e==="ArrowRight"?this.navigateRight():e==="ArrowUp"?this.incrementValue():e==="ArrowDown"&&this.decrementValue()),e==="Tab"&&(t.preventDefault(),t.shiftKey?this.navigateLeft():this.navigateRight()),e==="Enter"&&(t.preventDefault(),this.showPanel=!1)},navigateLeft(){const t=this.inputSelection.start;let e=null;for(let i=0;i<this.fieldPositions.length;i++)if(t>=this.fieldPositions[i].start&&t<=this.fieldPositions[i].end){i>0?e=this.fieldPositions[i-1]:e=this.fieldPositions[this.fieldPositions.length-1];break}e||(e=this.fieldPositions[0]),this.selectField(e)},navigateRight(){const t=this.inputSelection.start;let e=null;for(let i=0;i<this.fieldPositions.length;i++)if(t>=this.fieldPositions[i].start&&t<=this.fieldPositions[i].end){i<this.fieldPositions.length-1?e=this.fieldPositions[i+1]:e=this.fieldPositions[0];break}e||(e=this.fieldPositions[0]),this.selectField(e)},selectCurrentField(t){for(const e of this.fieldPositions)if(t>=e.start&&t<=e.end){this.selectField(e);return}this.selectField(this.fieldPositions[0])},selectField(t){if(this.$refs.datetimeInputRef&&this.$refs.datetimeInputRef.$el){const e=this.$refs.datetimeInputRef.$el.querySelector("input");e&&e.setSelectionRange(t.start,t.end)}this.inputSelection={start:t.start,end:t.end},this.activeControl=t.name},incrementValue(){const t=this.getCurrentField();if(!t)return;let i=parseInt(this.inputValue.substring(t.start,t.end))+1;switch(t.name){case"startYear":case"endYear":break;case"startMonth":case"endMonth":i>12&&(i=1);break;case"startDay":case"endDay":i>31&&(i=1);break}this.updateFieldValue(t,i)},decrementValue(){const t=this.getCurrentField();if(!t)return;let i=parseInt(this.inputValue.substring(t.start,t.end))-1;switch(t.name){case"startYear":case"endYear":i<1&&(i=9999);break;case"startMonth":case"endMonth":i<1&&(i=12);break;case"startDay":case"endDay":i<1&&(i=31);break}this.updateFieldValue(t,i)},getCurrentField(){for(const t of this.fieldPositions)if(this.inputSelection.start>=t.start&&this.inputSelection.start<=t.end)return t;return null},updateFieldValue(t,e){const i=String(e).padStart(t.length,"0"),l=this.inputValue.substring(0,t.start)+i+this.inputValue.substring(t.end);this.inputValue=l,this.$nextTick(()=>{this.selectField(t)}),this.updateDateFromInput()},updateDateFromInput(){if(!this.validateInputFormat())return;const t=this.inputValue.split(/[''~-]/);if(t.length!==6)return;const e=parseInt(t[0]),i=parseInt(t[1])-1,l=parseInt(t[2]),r=parseInt(t[3]),s=parseInt(t[4])-1,h=parseInt(t[5]),c=new Date(e,i,l),a=new Date(r,s,h);if(isNaN(c.getTime())||isNaN(a.getTime())){this.isInvalid=!0;return}this.startDate=c,this.endDate=a,this.isInvalid=!1,this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},validateInputFormat(){return/^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/.test(this.inputValue)},validateInput(){if(!this.validateInputFormat()){this.isInvalid=!0;return}const t=this.inputValue.split(/[ ~-]/),e=parseInt(t[0]),i=parseInt(t[1]),l=parseInt(t[2]),r=parseInt(t[3]),s=parseInt(t[4]),h=parseInt(t[5]);if(i<1||i>12||s<1||s>12){this.isInvalid=!0;return}if(l<1||l>31||h<1||h>31){this.isInvalid=!0;return}const c=new Date(e,i-1,l),a=new Date(r,s-1,h);if(c.getMonth()!==i-1||c.getDate()!==l||a.getMonth()!==s-1||a.getDate()!==h){this.isInvalid=!0;return}this.isInvalid=!1},prevYear(t){if(t==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()-1),this.endCalendarViewDate=e}},nextYear(t){if(t==="start"){const e=new Date(this.startCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setFullYear(e.getFullYear()+1),this.endCalendarViewDate=e}},prevMonth(t){if(t==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()-1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()-1),this.endCalendarViewDate=e}},nextMonth(t){if(t==="start"){const e=new Date(this.startCalendarViewDate);e.setMonth(e.getMonth()+1),this.startCalendarViewDate=e}else{const e=new Date(this.endCalendarViewDate);e.setMonth(e.getMonth()+1),this.endCalendarViewDate=e}},selectDate(t,e){t==="start"?this.startDate=e:this.endDate=e,this.updateInputValue(),this.updateQuickOptionsActiveState()},generateCalendarDays(t,e,i,l){const r=t.getFullYear(),s=t.getMonth(),h=new Date(r,s,1),c=new Date(r,s+1,0),a=h.getDay(),p=new Date(r,s,0).getDate(),f=[],y=new Date;for(let o=a-1;o>=0;o--){const d=new Date(r,s-1,p-o);f.push({id:`prev-${o}-${l}`,day:p-o,date:d,isCurrentMonth:!1,isSelected:this.isSameDay(d,l==="start"?e:i),isToday:this.isSameDay(d,y),isInRange:this.isDateInRange(d,e,i)})}for(let o=1;o<=c.getDate();o++){const d=new Date(r,s,o);f.push({id:`current-${o}-${l}`,day:o,date:d,isCurrentMonth:!0,isSelected:this.isSameDay(d,l==="start"?e:i),isToday:this.isSameDay(d,y),isInRange:this.isDateInRange(d,e,i)})}const K=42-f.length;for(let o=1;o<=K;o++){const d=new Date(r,s+1,o);f.push({id:`next-${o}-${l}`,day:o,date:d,isCurrentMonth:!1,isSelected:this.isSameDay(d,l==="start"?e:i),isToday:this.isSameDay(d,y),isInRange:this.isDateInRange(d,e,i)})}return f},isSameDay(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()},isDateInRange(t,e,i){return t>=e&&t<=i},applyQuickOption(t){const e=new Date;let i=new Date,l=new Date;switch(t.type){case"days":i=new Date(e.getTime()-t.value*24*60*60*1e3);break;case"months":i=new Date(e.getFullYear(),e.getMonth()-t.value,e.getDate());break;case"years":i=new Date(e.getFullYear()-t.value,e.getMonth(),e.getDate());break;case"today":t.value==="full"&&(i=new Date(e.getFullYear(),e.getMonth(),e.getDate()),l=new Date(e.getFullYear(),e.getMonth(),e.getDate()));break;case"thisMonth":t.value==="full"&&(i=new Date(e.getFullYear(),e.getMonth(),1),l=new Date(e.getFullYear(),e.getMonth()+1,0));break}this.startDate=i,this.endDate=l,this.updateInputValue(),this.updateQuickOptionsActiveState(),this.startCalendarViewDate=new Date(this.startDate),this.endCalendarViewDate=new Date(this.endDate)},updateQuickOptionsActiveState(){Object.keys(this.quickOptions).forEach(t=>{this.quickOptions[t].forEach(e=>{e.active=!1})})},formatRangeDisplay(){const t=e=>{const i=e.getFullYear(),l=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${i}-${l}-${r}`};return`${t(this.startDate)} ~ ${t(this.endDate)}`},clickStop(t){t.stopPropagation()},confirmSelection(){this.selectedRange=this.formatRangeDisplay(),this.inputValue=this.selectedRange,this.showPanel=!1},blurInput(){this.mouseOver==!1&&(this.showPanel=!1)},handleMouseOver(){this.mouseOver=!0},handleMouseOut(){this.mouseOver=!1},modelClick(){this.showPanel=!1;const e=this.inputValue.split("~").map(i=>i.trim());this.$emit("changeTime",e)},handleListener(){this.clickOutsideHandler&&document.removeEventListener("click",this.clickOutsideHandler);const t=this.$refs.contentRef,e=this.$refs.timePanelRef;this.clickOutsideHandler=i=>{if(!this.showPanel)return;const l=t&&t.contains(i.target),r=e&&e.contains(i.target);!l&&!r&&this.modelClick()},document.addEventListener("click",this.clickOutsideHandler)},cleanupEventListener(){this.clickOutsideHandler&&(document.removeEventListener("click",this.clickOutsideHandler),this.clickOutsideHandler=null)},openShowPanel(){this.showPanel=!0,this.handleListener(),this.updateDateFromInput()}},beforeUnmount(){this.cleanupEventListener()}},V={class:"container",ref:"contentRef"},k={class:"content"},C={class:"huiyi-time-input-section"},M={class:"huiyi-time-input-field"},E={class:"huiyi-time-panel-body"},I={class:"huiyi-time-quick-options"},N={class:"option-group"},v={class:"option-group"},S=["onClick"],_={class:"option-group"},F=["onClick"],Y={class:"huiyi-time-panels-container"},O={class:"huiyi-time-date-panel"},P={class:"calendar-section"},b={class:"huiyi-time-calendar-header"},R={class:"huiyi-time-current-month"},x={class:"huiyi-time-calendar-days"},T=["onClick"],B={class:"huiyi-time-date-panel"},L={class:"calendar-section"},A={class:"huiyi-time-calendar-header"},$={class:"huiyi-time-current-month"},q={class:"huiyi-time-calendar-days"},U=["onClick"];function H(t,e,i,l,r,s){const h=n.resolveComponent("el-input"),c=n.resolveComponent("el-button");return n.openBlock(),n.createElementBlock("div",{id:"huiyi-time-app",onMouseover:e[12]||(e[12]=(...a)=>s.handleMouseOver&&s.handleMouseOver(...a)),onMouseleave:e[13]||(e[13]=(...a)=>s.handleMouseOut&&s.handleMouseOut(...a))},[n.createElementVNode("div",V,[n.createElementVNode("div",k,[n.createElementVNode("div",C,[n.createElementVNode("div",M,[n.createVNode(h,{type:"text",class:n.normalizeClass(["huiyi-time-datetime-input",{invalid:r.isInvalid}]),modelValue:r.inputValue,"onUpdate:modelValue":e[0]||(e[0]=a=>r.inputValue=a),placeholder:"YYYY-MM-DD ~ YYYY-MM-DD",onMouseup:s.onInputFocus,onBlur:s.onInputBlur,onKeydown:s.onInputKeydown,onInput:s.onInputChange,onClick:e[1]||(e[1]=a=>s.openShowPanel()),ref:"datetimeInputRef"},null,8,["class","modelValue","onMouseup","onBlur","onKeydown","onInput"])])])])],512),n.createElementVNode("div",{class:n.normalizeClass(["huiyi-time-time-panel",r.showPanel?"huiyi-time-time-panel-visible":"huiyi-time-time-panel-none"]),ref:"timePanelRef"},[n.createElementVNode("div",{class:"huiyi-time-panel-container",onClick:e[11]||(e[11]=n.withModifiers((...a)=>s.clickStop&&s.clickStop(...a),["stop"]))},[n.createElementVNode("div",E,[n.createElementVNode("div",I,[n.createElementVNode("div",N,[n.createElementVNode("div",{class:"huiyi-time-quick-option",onClick:e[2]||(e[2]=n.withModifiers(a=>s.applyQuickOption({name:"今天",type:"today",value:"full",active:!1}),["stop"]))},[n.createVNode(c,{style:{width:"60px"},type:"primary",plain:"",text:"",bg:""},{default:n.withCtx(()=>[...e[14]||(e[14]=[n.createTextVNode(" 今天 ",-1)])]),_:1})])]),n.createElementVNode("div",v,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(r.quickOptions.thisMonth,a=>(n.openBlock(),n.createElementBlock("div",{key:a.name,class:n.normalizeClass(["huiyi-time-quick-option",{active:a.active}]),onClick:n.withModifiers(p=>s.applyQuickOption(a),["stop"])},[n.createVNode(c,{style:{width:"60px"},type:"primary",text:"",bg:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(a.name),1)]),_:2},1024)],10,S))),128))]),n.createElementVNode("div",_,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(r.quickOptions.common,a=>(n.openBlock(),n.createElementBlock("div",{key:a.name,class:n.normalizeClass(["huiyi-time-quick-option",{active:a.active}]),onClick:n.withModifiers(p=>s.applyQuickOption(a),["stop"])},[n.createVNode(c,{style:{width:"60px"},type:"primary",text:"",bg:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(a.name),1)]),_:2},1024)],10,F))),128))])]),n.createElementVNode("div",Y,[n.createElementVNode("div",O,[n.createElementVNode("div",P,[n.createElementVNode("div",b,[n.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[3]||(e[3]=a=>s.prevYear("start"))},"<<"),n.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[4]||(e[4]=a=>s.prevMonth("start"))},"<"),n.createElementVNode("div",R,n.toDisplayString(s.startDateMonthYear),1),n.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[5]||(e[5]=a=>s.nextMonth("start"))},">"),n.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[6]||(e[6]=a=>s.nextYear("start"))},">>")]),e[15]||(e[15]=n.createElementVNode("div",{class:"huiyi-time-week-days"},[n.createElementVNode("div",null,"日"),n.createElementVNode("div",null,"一"),n.createElementVNode("div",null,"二"),n.createElementVNode("div",null,"三"),n.createElementVNode("div",null,"四"),n.createElementVNode("div",null,"五"),n.createElementVNode("div",null,"六")],-1)),n.createElementVNode("div",x,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.startCalendarDays,a=>(n.openBlock(),n.createElementBlock("div",{key:a.id,class:n.normalizeClass(["huiyi-time-calendar-day",{"other-month":!a.isCurrentMonth,selected:a.isSelected,today:a.isToday,"in-range":a.isInRange}]),onClick:n.withModifiers(p=>s.selectDate("start",a.date),["stop"])},n.toDisplayString(a.day),11,T))),128))])])]),n.createElementVNode("div",B,[n.createElementVNode("div",L,[n.createElementVNode("div",A,[n.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[7]||(e[7]=a=>s.prevYear("end"))},"<<"),n.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[8]||(e[8]=n.withModifiers(a=>s.prevMonth("end"),["stop"]))},"<"),n.createElementVNode("div",$,n.toDisplayString(s.endDateMonthYear),1),n.createElementVNode("div",{class:"huiyi-time-month-nav",onClick:e[9]||(e[9]=n.withModifiers(a=>s.nextMonth("end"),["stop"]))},">"),n.createElementVNode("div",{class:"huiyi-time-year-nav",onClick:e[10]||(e[10]=a=>s.nextYear("end"))},">>")]),e[16]||(e[16]=n.createElementVNode("div",{class:"huiyi-time-week-days"},[n.createElementVNode("div",null,"日"),n.createElementVNode("div",null,"一"),n.createElementVNode("div",null,"二"),n.createElementVNode("div",null,"三"),n.createElementVNode("div",null,"四"),n.createElementVNode("div",null,"五"),n.createElementVNode("div",null,"六")],-1)),n.createElementVNode("div",q,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.endCalendarDays,a=>(n.openBlock(),n.createElementBlock("div",{key:a.id,class:n.normalizeClass(["huiyi-time-calendar-day",{"other-month":!a.isCurrentMonth,selected:a.isSelected,today:a.isToday,"in-range":a.isInRange}]),onClick:n.withModifiers(p=>s.selectDate("end",a.date),["stop"])},n.toDisplayString(a.day),11,U))),128))])])])])])])],2)],32)}const m=g(w,[["render",H],["__scopeId","data-v-7cba3967"]]);m.install=t=>{t.component(m.name,m)};const Q=[m],D=function(t){D.installed||Q.forEach(e=>{t.component(e.name,e)})};typeof window<"u"&&window.Vue&&D(window.Vue);const z={install:D,TimeComponentsUp:m};u.TimeComponentsUp=m,u.default=z,u.install=D,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/index.d.ts

@@ -0,0 +1,26 @@
+import type { App, Plugin } from 'vue';
+import type { PropType } from 'vue';
+
+export interface TimeComponentsUpProps {
+  initTime?: string;
+}
+
+declare const TimeComponentsUp: {
+  new (): {
+    $props: TimeComponentsUpProps;
+  };
+  __props: TimeComponentsUpProps;
+};
+
+export { TimeComponentsUp };
+
+export interface HuiyiTimePlugin extends Plugin {
+  install(app: App, ...options: any[]): void;
+}
+
+declare const HuiyiTime: HuiyiTimePlugin & {
+  TimeComponentsUp: typeof TimeComponentsUp;
+  install: (app: App, ...options: any[]) => void;
+};
+
+export default HuiyiTime;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "huiyi-time",
-  "version": "0.1.17",
+  "version": "0.1.23",
   "description": "A Vue.js time range picker",
   "main": "huiyi-time.umd.js",
   "module": "huiyi-time.es.js",
   "unpkg": "huiyi-time.umd.js",
   "browser": "huiyi-time.umd.js",
+  "types": "index.d.ts",
   "keywords": [
     "vue",
     "component",

package/style.css

@@ -1 +1 @@
-#huiyi-time-app[data-v-70fa0c5b]{position:relative}.huiyi-time-input-section[data-v-70fa0c5b]{display:flex;flex-direction:column;align-items:center}.huiyi-time-input-field[data-v-70fa0c5b]{width:100%;max-width:190px}.huiyi-time-time-panel[data-v-70fa0c5b]{width:600px;height:300px;justify-content:center;align-items:center;z-index:10000;position:fixed}.huiyi-time-panel-container[data-v-70fa0c5b]{background:white;border-radius:15px;width:98%;max-width:600px;box-shadow:0 15px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.huiyi-time-panel-body[data-v-70fa0c5b]{display:flex;flex:1;overflow:hidden}.huiyi-time-quick-options[data-v-70fa0c5b]{width:80px;background:#fff;padding:26px 5px;border-right:1px solid #e9ecef;overflow-y:auto}.huiyi-time-quick-option[data-v-70fa0c5b]{display:block;width:69px;background:white;border-radius:8px;text-align:left;margin-bottom:8px;cursor:pointer;transition:all .2s;font-size:.9rem;text-align:center}.huiyi-time-quick-option.active[data-v-70fa0c5b]{background:#409eff;color:#fff;border-color:#409eff}.huiyi-time-panels-container[data-v-70fa0c5b]{flex:1;display:flex;overflow:hidden}.huiyi-time-date-panel[data-v-70fa0c5b]{flex:1;padding:10px;overflow-y:auto;width:360px;border-right:1px solid #e9ecef}.huiyi-time-date-panel[data-v-70fa0c5b]:last-child{border-right:none}.huiyi-time-calendar-header[data-v-70fa0c5b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.huiyi-time-year-nav[data-v-70fa0c5b]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-year-nav[data-v-70fa0c5b]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-month-nav[data-v-70fa0c5b]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-month-nav[data-v-70fa0c5b]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-current-month[data-v-70fa0c5b]{font-size:1.1rem;font-weight:600;color:#333}.huiyi-time-week-days[data-v-70fa0c5b]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px;font-weight:600;color:#666;font-size:.85rem}.huiyi-time-calendar-days[data-v-70fa0c5b]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.huiyi-time-calendar-day[data-v-70fa0c5b]{height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.huiyi-time-calendar-day[data-v-70fa0c5b]:hover{background:#e9ecef;color:var(--el-color-primary)}.huiyi-time-calendar-day.other-month[data-v-70fa0c5b]{color:#ccc}.huiyi-time-calendar-day.selected[data-v-70fa0c5b]{background:var(--el-color-primary)!important;color:#fff!important}.huiyi-time-calendar-day.today[data-v-70fa0c5b]{background:#fff;color:var(--el-color-primary);font-weight:600}.huiyi-time-calendar-day.in-range[data-v-70fa0c5b]{background:#e6eeff}.huiyi-time-time-panel-visible[data-v-70fa0c5b]{display:block}.huiyi-time-time-panel-none[data-v-70fa0c5b]{display:none}@media (max-width: 900px){.huiyi-time-panel-body[data-v-70fa0c5b]{flex-direction:column;max-height:none}.huiyi-time-quick-options[data-v-70fa0c5b]{width:100%;border-right:none;border-bottom:1px solid #e9ecef;max-height:200px}.huiyi-time-panels-container[data-v-70fa0c5b]{flex-direction:column}.huiyi-time-date-panel[data-v-70fa0c5b]{border-right:none;border-bottom:1px solid #e9ecef}.huiyi-time-date-panel[data-v-70fa0c5b]:last-child{border-bottom:none}}
+#huiyi-time-app[data-v-7cba3967]{position:relative}.huiyi-time-input-section[data-v-7cba3967]{display:flex;flex-direction:column;align-items:center}.huiyi-time-input-field[data-v-7cba3967]{width:100%;max-width:190px}.huiyi-time-time-panel[data-v-7cba3967]{width:600px;height:300px;justify-content:center;align-items:center;z-index:10000;position:fixed}.huiyi-time-panel-container[data-v-7cba3967]{background:white;border-radius:15px;width:98%;max-width:600px;box-shadow:0 15px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.huiyi-time-panel-body[data-v-7cba3967]{display:flex;flex:1;overflow:hidden}.huiyi-time-quick-options[data-v-7cba3967]{width:80px;background:#fff;padding:26px 5px;border-right:1px solid #e9ecef;overflow-y:auto}.huiyi-time-quick-option[data-v-7cba3967]{display:block;width:69px;background:white;border-radius:8px;text-align:left;margin-bottom:8px;cursor:pointer;transition:all .2s;font-size:.9rem;text-align:center}.huiyi-time-quick-option.active[data-v-7cba3967]{background:#409eff;color:#fff;border-color:#409eff}.huiyi-time-panels-container[data-v-7cba3967]{flex:1;display:flex;overflow:hidden}.huiyi-time-date-panel[data-v-7cba3967]{flex:1;padding:10px;overflow-y:auto;width:360px;border-right:1px solid #e9ecef}.huiyi-time-date-panel[data-v-7cba3967]:last-child{border-right:none}.huiyi-time-calendar-header[data-v-7cba3967]{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.huiyi-time-year-nav[data-v-7cba3967]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-year-nav[data-v-7cba3967]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-month-nav[data-v-7cba3967]{border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.huiyi-time-month-nav[data-v-7cba3967]:hover{background:#e9ecef;cursor:pointer}.huiyi-time-current-month[data-v-7cba3967]{font-size:1.1rem;font-weight:600;color:#333}.huiyi-time-week-days[data-v-7cba3967]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px;font-weight:600;color:#666;font-size:.85rem}.huiyi-time-calendar-days[data-v-7cba3967]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.huiyi-time-calendar-day[data-v-7cba3967]{height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px}.huiyi-time-calendar-day[data-v-7cba3967]:hover{background:#e9ecef;color:var(--el-color-primary)}.huiyi-time-calendar-day.other-month[data-v-7cba3967]{color:#ccc}.huiyi-time-calendar-day.selected[data-v-7cba3967]{background:var(--el-color-primary)!important;color:#fff!important}.huiyi-time-calendar-day.today[data-v-7cba3967]{background:#fff;color:var(--el-color-primary);font-weight:600}.huiyi-time-calendar-day.in-range[data-v-7cba3967]{background:#e6eeff}.huiyi-time-time-panel-visible[data-v-7cba3967]{display:block}.huiyi-time-time-panel-none[data-v-7cba3967]{display:none}@media (max-width: 900px){.huiyi-time-panel-body[data-v-7cba3967]{flex-direction:column;max-height:none}.huiyi-time-quick-options[data-v-7cba3967]{width:100%;border-right:none;border-bottom:1px solid #e9ecef;max-height:200px}.huiyi-time-panels-container[data-v-7cba3967]{flex-direction:column}.huiyi-time-date-panel[data-v-7cba3967]{border-right:none;border-bottom:1px solid #e9ecef}.huiyi-time-date-panel[data-v-7cba3967]:last-child{border-bottom:none}}

package/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>