npm - huiyi-time - Versions diffs - 0.1.1 → 0.1.2 - Mend

huiyi-time 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/huiyi-time.es.js +613 -0
package/dist/huiyi-time.umd.js +1 -0
package/dist/index.html +17 -1
package/dist/style.css +1 -0
package/huiyi-time/package.json +2 -2
package/package.json +10 -31
package/vite.config.js +33 -0
package/dist/js/chunk-vendors.887ff85c.js +0 -46
package/dist/js/chunk-vendors.887ff85c.js.map +0 -1
package/dist/js/index.c8d1f43d.js +0 -2
package/dist/js/index.c8d1f43d.js.map +0 -1

package/dist/huiyi-time.es.js ADDED Viewed

@@ -0,0 +1,613 @@
+import { resolveComponent as I, openBlock as h, createElementBlock as p, createElementVNode as i, createVNode as Y, normalizeClass as v, normalizeStyle as F, withModifiers as D, Fragment as f, renderList as m, toDisplayString as g } from "vue";
+const S = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, l] of e)
+    n[r] = l;
+  return n;
+}, _ = {
+  name: "TimeComponentsUp",
+  props: {
+    initTime: {
+      type: String,
+      default: ""
+      // 默认返回空对象
+    }
+  },
+  data() {
+    return {
+      // 这里是你的数据
+      showPanel: !1,
+      startDate: /* @__PURE__ */ new Date(),
+      endDate: /* @__PURE__ */ new Date(),
+      activeControl: "startYear",
+      selectedRange: null,
+      inputValue: "",
+      isInvalid: !1,
+      inputSelection: {
+        start: 0,
+        end: 0
+      },
+      mouseOver: !1,
+      startCalendarViewDate: /* @__PURE__ */ new Date(),
+      endCalendarViewDate: /* @__PURE__ */ 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" })
+    };
+  },
+  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() {
+    console.log(this.initTime, "this.initTime"), this.inputValue = this.initTime, this.updateQuickOptionsActiveState();
+  },
+  methods: {
+    setActiveControl(t) {
+      this.activeControl = t;
+    },
+    // 更新输入框的值
+    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}`;
+      };
+      this.inputValue = `${t(this.startDate)} ~ ${t(this.endDate)}`, this.modelClick();
+    },
+    // 输入框获得焦点时
+    onInputFocus(t) {
+      console.log(t), setTimeout(() => {
+        this.inputSelection = {
+          start: t.target.selectionStart,
+          end: t.target.selectionEnd
+        }, console.log(t.target.selectionStart, this.inputSelection.start, "this.inputSelection.start"), 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 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];
+          break;
+        }
+      e || (e = this.fieldPositions[0]), this.selectField(e);
+    },
+    // 向右导航
+    navigateRight() {
+      const t = this.inputSelection.start;
+      let e = null;
+      console.log(this.fieldPositions, "this.fieldPositions");
+      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];
+          break;
+        }
+      e || (e = this.fieldPositions[0]), this.selectField(e);
+    },
+    // 选择当前字段
+    selectCurrentField(t) {
+      console.log(this.fieldPositions, t, "this.fieldPositions");
+      for (const e of this.fieldPositions)
+        if (t >= e.start && t <= e.end) {
+          console.log(e, "this.field"), this.selectField(e);
+          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;
+    },
+    // 增加当前字段的值
+    incrementValue() {
+      const t = this.getCurrentField();
+      if (!t)
+        return;
+      let n = parseInt(this.inputValue.substring(t.start, t.end)) + 1;
+      switch (t.name) {
+        case "startYear":
+        case "endYear":
+          break;
+        case "startMonth":
+        case "endMonth":
+          n > 12 && (n = 1);
+          break;
+        case "startDay":
+        case "endDay":
+          n > 31 && (n = 1);
+          break;
+      }
+      this.updateFieldValue(t, n);
+    },
+    // 减少当前字段的值
+    decrementValue() {
+      const t = this.getCurrentField();
+      if (!t)
+        return;
+      let n = parseInt(this.inputValue.substring(t.start, t.end)) - 1;
+      switch (t.name) {
+        case "startYear":
+        case "endYear":
+          n < 1 && (n = 9999);
+          break;
+        case "startMonth":
+        case "endMonth":
+          n < 1 && (n = 12);
+          break;
+        case "startDay":
+        case "endDay":
+          n < 1 && (n = 31);
+          break;
+      }
+      this.updateFieldValue(t, n);
+    },
+    // 获取当前字段
+    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) {
+      console.log(e, " value");
+      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);
+      }), this.updateDateFromInput();
+    },
+    // 从输入框更新日期对象
+    updateDateFromInput() {
+      if (!this.validateInputFormat())
+        return;
+      console.log("pplh");
+      const t = this.inputValue.split(/[''~-]/);
+      if (console.log(t, "pphu"), t.length !== 6)
+        return;
+      console.log("pph");
+      const e = parseInt(t[0]), n = parseInt(t[1]) - 1, r = parseInt(t[2]), l = parseInt(t[3]), s = parseInt(t[4]) - 1, d = parseInt(t[5]);
+      console.log("pp");
+      const a = new Date(e, n, r), c = new Date(l, s, d);
+      if (isNaN(a.getTime()) || isNaN(c.getTime())) {
+        this.isInvalid = !0;
+        return;
+      }
+      this.startDate = a, this.endDate = c, this.isInvalid = !1, this.updateQuickOptionsActiveState(), this.startCalendarViewDate = new Date(this.startDate), this.endCalendarViewDate = new Date(this.endDate), console.log(this.startCalendarViewDate, this.startCalendarViewDate, "ddd");
+    },
+    // 验证输入格式
+    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]), n = parseInt(t[1]), r = parseInt(t[2]), l = parseInt(t[3]), s = parseInt(t[4]), d = parseInt(t[5]);
+      if (n < 1 || n > 12 || s < 1 || s > 12) {
+        this.isInvalid = !0;
+        return;
+      }
+      if (r < 1 || r > 31 || d < 1 || d > 31) {
+        this.isInvalid = !0;
+        return;
+      }
+      const a = new Date(e, n - 1, r), c = new Date(l, s - 1, d);
+      if (a.getMonth() !== n - 1 || a.getDate() !== r || c.getMonth() !== s - 1 || c.getDate() !== d) {
+        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, n, r) {
+      const l = t.getFullYear(), s = t.getMonth(), d = new Date(l, s, 1), a = new Date(l, s + 1, 0), c = d.getDay(), C = new Date(l, s, 0).getDate(), w = [], k = /* @__PURE__ */ new Date();
+      for (let o = c - 1; o >= 0; o--) {
+        const u = new Date(l, s - 1, C - o);
+        w.push({
+          id: `prev-${o}-${r}`,
+          day: C - o,
+          date: u,
+          isCurrentMonth: !1,
+          isSelected: this.isSameDay(u, r === "start" ? e : n),
+          isToday: this.isSameDay(u, k),
+          isInRange: this.isDateInRange(u, e, n)
+        });
+      }
+      for (let o = 1; o <= a.getDate(); o++) {
+        const u = new Date(l, s, o);
+        w.push({
+          id: `current-${o}-${r}`,
+          day: o,
+          date: u,
+          isCurrentMonth: !0,
+          isSelected: this.isSameDay(u, r === "start" ? e : n),
+          isToday: this.isSameDay(u, k),
+          isInRange: this.isDateInRange(u, e, n)
+        });
+      }
+      const V = 42 - w.length;
+      for (let o = 1; o <= V; o++) {
+        const u = new Date(l, s + 1, o);
+        w.push({
+          id: `next-${o}-${r}`,
+          day: o,
+          date: u,
+          isCurrentMonth: !1,
+          isSelected: this.isSameDay(u, r === "start" ? e : n),
+          isToday: this.isSameDay(u, k),
+          isInRange: this.isDateInRange(u, e, n)
+        });
+      }
+      return w;
+    },
+    isSameDay(t, e) {
+      return t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
+    },
+    isDateInRange(t, e, n) {
+      return t >= e && t <= n;
+    },
+    applyQuickOption(t) {
+      console.log(t, "option");
+      const e = /* @__PURE__ */ new Date();
+      let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
+      switch (t.type) {
+        case "days":
+          n = new Date(e.getTime() - t.value * 24 * 60 * 60 * 1e3);
+          break;
+        case "months":
+          n = new Date(e.getFullYear(), e.getMonth() - t.value, e.getDate());
+          break;
+        case "years":
+          n = new Date(e.getFullYear() - t.value, e.getMonth(), e.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(), s = new Date(e.getTime() - l * 24 * 60 * 60 * 1e3);
+          if (t.value === "full") {
+            n = 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":
+          t.value === "full" && (n = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e.getFullYear(), e.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);
+    },
+    updateQuickOptionsActiveState() {
+      Object.keys(this.quickOptions).forEach((t) => {
+        this.quickOptions[t].forEach((e) => {
+          e.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}`;
+      };
+      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() {
+      console.log("lll"), this.mouseOver = !0;
+    },
+    handleMouseOut() {
+      this.mouseOver = !1;
+    },
+    modelClick() {
+      this.showPanel = !1;
+      const e = this.inputValue.split("~").map((n) => n.trim());
+      this.$emit("changeTime", e);
+    },
+    handleListener() {
+      const t = document.getElementById("content"), e = document.getElementById("timePanel");
+      document.addEventListener("click", (n) => {
+        const r = t.contains(n.target), l = e.contains(n.target);
+        r || l ? console.log("") : this.modelClick();
+      });
+    },
+    openShowPanel() {
+      this.showPanel = !0, this.handleListener();
+    }
+  }
+}, P = {
+  class: "container",
+  id: "content"
+}, O = { class: "content" }, b = { class: "input-section" }, T = { class: "input-field" }, R = { class: "panel-body" }, A = { class: "quick-options" }, E = { class: "option-group" }, q = { class: "option-group" }, x = ["onClick"], Q = { class: "option-group" }, L = ["onClick"], B = { class: "option-group" }, W = ["onClick"], U = { class: "option-group" }, N = ["onClick"], K = { class: "panels-container" }, $ = { class: "date-panel" }, z = { class: "calendar-section" }, j = { class: "calendar-header" }, G = { class: "current-month" }, H = { class: "calendar-days" }, J = ["onClick"], X = { class: "date-panel" }, Z = { class: "calendar-section" }, ee = { class: "calendar-header" }, te = { class: "current-month" }, ne = { class: "calendar-days" }, ae = ["onClick"];
+function se(t, e, n, r, l, s) {
+  const d = I("el-input");
+  return h(), p("div", {
+    id: "app-time",
+    onMouseover: e[12] || (e[12] = (...a) => s.handleMouseOver && s.handleMouseOver(...a)),
+    onMouseleave: e[13] || (e[13] = (...a) => s.handleMouseOut && s.handleMouseOut(...a))
+  }, [
+    i("div", P, [
+      i("div", O, [
+        i("div", b, [
+          i("div", T, [
+            Y(d, {
+              type: "text",
+              id: "datetime-input",
+              class: v(["datetime-input", { invalid: l.isInvalid }]),
+              modelValue: l.inputValue,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => l.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())
+            }, null, 8, ["class", "modelValue", "onMouseup", "onBlur", "onKeydown", "onInput"])
+          ])
+        ])
+      ])
+    ]),
+    i("div", {
+      class: "time-panel",
+      style: F(l.showPanel ? "display:visible" : "display:none"),
+      id: "timePanel"
+    }, [
+      i("div", {
+        class: "panel-container",
+        onClick: e[11] || (e[11] = D((...a) => s.clickStop && s.clickStop(...a), ["stop"]))
+      }, [
+        i("div", R, [
+          i("div", A, [
+            i("div", E, [
+              i("div", {
+                class: "quick-option",
+                onClick: e[2] || (e[2] = D((a) => s.applyQuickOption({ name: "今天", type: "today", value: "full", active: !1 }), ["stop"]))
+              }, " 今天 ")
+            ]),
+            i("div", q, [
+              (h(!0), p(f, null, m(l.quickOptions.yesterday, (a) => (h(), p("div", {
+                key: a.name,
+                class: v(["quick-option", { active: a.active }]),
+                onClick: D((c) => s.applyQuickOption(a), ["stop"])
+              }, g(a.name), 11, x))), 128))
+            ]),
+            i("div", Q, [
+              (h(!0), p(f, null, m(l.quickOptions.thisWeek, (a) => (h(), p("div", {
+                key: a.name,
+                class: v(["quick-option", { active: a.active }]),
+                onClick: D((c) => s.applyQuickOption(a), ["stop"])
+              }, g(a.name), 11, L))), 128))
+            ]),
+            i("div", B, [
+              (h(!0), p(f, null, m(l.quickOptions.thisMonth, (a) => (h(), p("div", {
+                key: a.name,
+                class: v(["quick-option", { active: a.active }]),
+                onClick: D((c) => s.applyQuickOption(a), ["stop"])
+              }, g(a.name), 11, W))), 128))
+            ]),
+            i("div", U, [
+              (h(!0), p(f, null, m(l.quickOptions.common, (a) => (h(), p("div", {
+                key: a.name,
+                class: v(["quick-option", { active: a.active }]),
+                onClick: D((c) => s.applyQuickOption(a), ["stop"])
+              }, g(a.name), 11, N))), 128))
+            ])
+          ]),
+          i("div", K, [
+            i("div", $, [
+              i("div", z, [
+                i("div", j, [
+                  i("div", {
+                    class: "year-nav",
+                    onClick: e[3] || (e[3] = (a) => s.prevYear("start"))
+                  }, "<<"),
+                  i("div", {
+                    class: "month-nav",
+                    onClick: e[4] || (e[4] = (a) => s.prevMonth("start"))
+                  }, "<"),
+                  i("div", G, g(s.startDateMonthYear), 1),
+                  i("div", {
+                    class: "month-nav",
+                    onClick: e[5] || (e[5] = (a) => s.nextMonth("start"))
+                  }, ">"),
+                  i("div", {
+                    class: "year-nav",
+                    onClick: e[6] || (e[6] = (a) => s.nextYear("start"))
+                  }, ">>")
+                ]),
+                e[14] || (e[14] = i("div", { class: "week-days" }, [
+                  i("div", null, "日"),
+                  i("div", null, "一"),
+                  i("div", null, "二"),
+                  i("div", null, "三"),
+                  i("div", null, "四"),
+                  i("div", null, "五"),
+                  i("div", null, "六")
+                ], -1)),
+                i("div", H, [
+                  (h(!0), p(f, null, m(s.startCalendarDays, (a) => (h(), p("div", {
+                    key: a.id,
+                    class: v(["calendar-day", {
+                      "other-month": !a.isCurrentMonth,
+                      selected: a.isSelected,
+                      today: a.isToday,
+                      "in-range": a.isInRange
+                    }]),
+                    onClick: D((c) => s.selectDate("start", a.date), ["stop"])
+                  }, g(a.day), 11, J))), 128))
+                ])
+              ])
+            ]),
+            i("div", X, [
+              i("div", Z, [
+                i("div", ee, [
+                  i("div", {
+                    class: "year-nav",
+                    onClick: e[7] || (e[7] = (a) => s.prevYear("end"))
+                  }, "<<"),
+                  i("div", {
+                    class: "month-nav",
+                    onClick: e[8] || (e[8] = D((a) => s.prevMonth("end"), ["stop"]))
+                  }, "<"),
+                  i("div", te, g(s.endDateMonthYear), 1),
+                  i("div", {
+                    class: "month-nav",
+                    onClick: e[9] || (e[9] = D((a) => s.nextMonth("end"), ["stop"]))
+                  }, ">"),
+                  i("div", {
+                    class: "year-nav",
+                    onClick: e[10] || (e[10] = (a) => s.nextYear("end"))
+                  }, ">>")
+                ]),
+                e[15] || (e[15] = i("div", { class: "week-days" }, [
+                  i("div", null, "日"),
+                  i("div", null, "一"),
+                  i("div", null, "二"),
+                  i("div", null, "三"),
+                  i("div", null, "四"),
+                  i("div", null, "五"),
+                  i("div", null, "六")
+                ], -1)),
+                i("div", ne, [
+                  (h(!0), p(f, null, m(s.endCalendarDays, (a) => (h(), p("div", {
+                    key: a.id,
+                    class: v(["calendar-day", {
+                      "other-month": !a.isCurrentMonth,
+                      selected: a.isSelected,
+                      today: a.isToday,
+                      "in-range": a.isInRange
+                    }]),
+                    onClick: D((c) => s.selectDate("end", a.date), ["stop"])
+                  }, g(a.day), 11, ae))), 128))
+                ])
+              ])
+            ])
+          ])
+        ])
+      ])
+    ], 4)
+  ], 32);
+}
+const y = /* @__PURE__ */ S(_, [["render", se], ["__scopeId", "data-v-adeefd27"]]);
+y.install = (t) => {
+  t.component(y.name, y);
+};
+const ie = [
+  y
+], M = function(t) {
+  M.installed || ie.forEach((e) => {
+    t.component(e.name, e);
+  });
+};
+typeof window < "u" && window.Vue && M(window.Vue);

package/dist/huiyi-time.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/index.html CHANGED Viewed

@@ -1 +1,17 @@
-<!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"><link rel="icon" href="/favicon.ico"><title>huiyi-time</title><script defer="defer" src="/js/chunk-vendors.887ff85c.js"></script><script defer="defer" src="/js/index.c8d1f43d.js"></script></head><body><noscript><strong>We're sorry but huiyi-time doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!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>