ninemoon-ui 0.0.27 → 0.1.1

package/dist/js/date/datepickerRange.js

@@ -1,107 +1,124 @@
-import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, toDisplayString, createTextVNode, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
-import { g as getNewArray } from "../index/index.js";
-import { a as addZero, g as getMonthDays } from "../getcalendar/getcalendar.js";
-const _hoisted_1 = { class: "tdd-flex tdd-justify-between tdd-items-center tdd-p-3" };
-const _hoisted_2 = { class: "tdd-w-1/2 tdd-flex tdd-items-center" };
-const _hoisted_3 = { class: "tdd-flex-1 tdd-text-center tdd-font-medium tdd-text-sm" };
-const _hoisted_4 = { class: "tdd-font-medium" };
-const _hoisted_5 = { class: "tdd-w-1/2 tdd-flex tdd-items-center" };
-const _hoisted_6 = { class: "tdd-flex-1 tdd-text-center tdd-font-medium tdd-text-sm" };
-const _hoisted_7 = { class: "tdd-font-medium" };
-const _hoisted_8 = { class: "tdd-flex" };
-const _hoisted_9 = { class: "tdd-w-64 tdd-px-2 tdd-pt-3 tdd-pb-1 tdd-relative tdd-overflow-hidden" };
-const _hoisted_10 = {
-  class: "tdd-w-full tdd-text-center tdd-table-fixed tdd-cursor-pointer tdd-text-word3",
+import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createTextVNode, createElementBlock, Fragment, renderList, nextTick } from "vue";
+import { f as formatDate, g as getNewArray, a as checkinputDate } from "../index/index.js";
+import { g as getMonthDays, C as Calendar, A as Arrow, a as addZero } from "../calendar/calendar.js";
+import { A as ArrowPlug } from "../dateArrowplus/dateArrowplus.js";
+const _hoisted_1 = { class: "flex justify-between items-center p-3" };
+const _hoisted_2 = { class: "w-1/2 flex items-center" };
+const _hoisted_3 = { class: "flex-1 text-center font-medium text-sm" };
+const _hoisted_4 = { class: "w-10 inline-block" };
+const _hoisted_5 = { class: "font-medium" };
+const _hoisted_6 = { class: "w-1/2 flex items-center" };
+const _hoisted_7 = { class: "flex-1 text-center font-medium text-sm" };
+const _hoisted_8 = { class: "w-10 inline-block" };
+const _hoisted_9 = { class: "font-medium" };
+const _hoisted_10 = { class: "flex" };
+const _hoisted_11 = { class: "w-64 px-2 pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_12 = {
+  class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
+  cellpadding: "0",
   key: "daymode"
 };
-const _hoisted_11 = ["onMouseenter", "onClick"];
-const _hoisted_12 = { class: "tdd-w-64 tdd-px-2 tdd-pt-3 tdd-pb-1 tdd-relative tdd-overflow-hidden" };
-const _hoisted_13 = {
-  class: "tdd-w-full tdd-text-center tdd-table-fixed tdd-cursor-pointer tdd-text-word3",
+const _hoisted_13 = ["onMouseenter"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "w-64 px-2 pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_16 = {
+  class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
+  cellpadding: "0",
   key: "daymode"
 };
-const _hoisted_14 = ["onMouseenter", "onClick"];
-const _hoisted_15 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-text-word3" };
-const _hoisted_16 = ["value"];
-const _hoisted_17 = ["value"];
+const _hoisted_17 = ["onMouseenter"];
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = ["value", "placeholder"];
+const _hoisted_20 = ["value", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "datepickerRange",
   props: {
-    modelValue: {}
+    modelValue: {},
+    startPlaceholder: {},
+    endPlaceholder: {},
+    disabledDate: {},
+    size: { default: "default" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
     const emit = __emit;
     const props = __props;
+    const heightClass = computed(() => ({
+      "h-8": props.size === "large",
+      "h-7": props.size === "default",
+      "h-6": props.size === "small"
+    }));
     const deleteDateHandle = () => {
       emit("update:modelValue", [null, null]);
     };
     const date1ChangeHandle = (e) => {
-      let target = e.target;
-      let year = new Date(target.value).getFullYear();
-      let month = new Date(target.value).getMonth() + 1;
-      let day = new Date(target.value).getDate();
-      emit("update:modelValue", [`${year}-${addZero(month)}-${addZero(day)}`, date2.value]);
+      const input = e.target.value;
+      if (input === props.modelValue[0] || input === "")
+        return;
+      checkinputDate(
+        input,
+        (res) => {
+          emit("update:modelValue", [res, date2.value]);
+        },
+        () => {
+          nextTick(() => {
+            if (e.target) {
+              e.target.value = props.modelValue[0] ? formatDate(props.modelValue[0]) : "";
+            }
+          });
+        }
+      );
     };
     const date2ChangeHandle = (e) => {
-      debugger;
-      let target = e.target;
-      let year = new Date(target.value).getFullYear();
-      let month = new Date(target.value).getMonth() + 1;
-      let day = new Date(target.value).getDate();
-      emit("update:modelValue", [date2.value, `${year}-${addZero(month)}-${addZero(day)}`]);
+      const input = e.target.value;
+      if (input === props.modelValue[1] || input === "")
+        return;
+      checkinputDate(
+        input,
+        (res) => {
+          emit("update:modelValue", [date1.value, res]);
+        },
+        () => {
+          nextTick(() => {
+            if (e.target) {
+              e.target.value = props.modelValue[0] ? formatDate(props.modelValue[1]) : "";
+            }
+          });
+        }
+      );
     };
     const date1 = computed(() => {
-      if (props.modelValue instanceof Array) {
-        return props.modelValue[0];
+      if (secondDayisHover.value) {
+        if (temDateArr.value[0] && temDateArr.value[1] && new Date(temDateArr.value[0]).getTime() > new Date(temDateArr.value[1]).getTime()) {
+          return formatDate(temDateArr.value[1]);
+        } else {
+          return formatDate(temDateArr.value[0]);
+        }
       } else {
-        return null;
+        return formatDate(props.modelValue[0]);
       }
     });
+    const inputOneShowValue = computed(() => props.modelValue[0]);
     const date2 = computed(() => {
-      if (props.modelValue instanceof Array) {
-        return props.modelValue[1];
+      if (secondDayisHover.value) {
+        if (temDateArr.value[0] && temDateArr.value[1] && new Date(temDateArr.value[0]).getTime() > new Date(temDateArr.value[1]).getTime()) {
+          return formatDate(temDateArr.value[0]);
+        } else {
+          return formatDate(temDateArr.value[1]);
+        }
       } else {
-        return null;
+        return formatDate(props.modelValue[1]);
       }
     });
-    const activeinputIndex = ref(-1);
+    const inputTwoShowValue = computed(() => props.modelValue[1]);
     const showD = ref(false);
     const hideDatePick = () => {
-      tempaim.value = "";
-      activeinputIndex.value = -1;
       showD.value = false;
     };
-    const inputOne = ref(null);
-    const inputTwo = ref(null);
-    const FloatLeft = ref(0);
-    const FloatWidth = ref(0);
-    const setActiveHandle = (i) => {
+    const showPopHandle = () => {
       showD.value = true;
-      activeinputIndex.value = i;
-      const LeftArr = [inputOne.value.offsetLeft, inputTwo.value.offsetLeft];
-      const widthArr = [inputOne.value.offsetWidth, inputTwo.value.offsetWidth];
-      FloatLeft.value = LeftArr[i];
-      FloatWidth.value = widthArr[i];
-      if (i === 0) {
-        if (date1.value !== null && date1.value !== void 0 && date1.value !== "") {
-          const [y, m] = date1.value.split("-").map((i2) => parseInt(i2));
-          YearOne.value = y;
-          MonthOne.value = m;
-          YearTwo.value = new Date(y, m).getFullYear();
-          MonthTwo.value = new Date(y, m).getMonth() + 1;
-        }
-      } else {
-        if (date2.value !== null && date2.value !== void 0 && date2.value !== "") {
-          const [y, m] = date2.value.split("-").map((i2) => parseInt(i2));
-          YearOne.value = new Date(y, m - 2).getFullYear();
-          MonthOne.value = new Date(y, m - 2).getMonth() + 1;
-          YearTwo.value = y;
-          MonthTwo.value = m;
-        }
-      }
-      Doublecalendar();
+      temDateArr.value = [null, null];
     };
     const YearOne = ref((/* @__PURE__ */ new Date()).getFullYear());
     const MonthOne = ref(1 + (/* @__PURE__ */ new Date()).getMonth());
@@ -126,7 +143,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let nextmonth = MonthTwo.value;
       YearOne.value = new Date(preyear + i, premonth - 1).getFullYear();
       YearTwo.value = new Date(nextyear + i, nextmonth - 1).getFullYear();
-      Doublecalendar();
     };
     const MonthChangeHandle = (i) => {
       let preyear = YearOne.value;
@@ -137,36 +153,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       MonthOne.value = new Date(preyear, premonth - 1 + i).getMonth() + 1;
       YearTwo.value = new Date(nextyear, nextmonth - 1 + i).getFullYear();
       MonthTwo.value = new Date(nextyear, nextmonth - 1 + i).getMonth() + 1;
-      Doublecalendar();
-    };
-    const setMonthMode = () => {
     };
     const WeekList = ["一", "二", "三", "四", "五", "六", "日"];
-    const calendarOne = ref([]);
-    const calendarTwo = ref([]);
+    const calendarOne = computed(() => {
+      return generateCalendarData(YearOne.value, MonthOne.value);
+    });
+    const calendarTwo = computed(() => {
+      return generateCalendarData(YearTwo.value, MonthTwo.value);
+    });
+    const firstDayList = computed(() => {
+      return date1.value === "" ? [-1, -1, -1] : date1.value.split("-").map((i) => parseInt(i));
+    });
+    const secondDayList = computed(() => {
+      return date2.value === "" ? date1.value === "" ? [-1, -1, -1] : date1.value.split("-").map((i) => parseInt(i)) : date2.value.split("-").map((i) => parseInt(i));
+    });
     const isFirstDay = (date) => {
-      const [y1, m1, d1] = date1.value === null ? [-1, -1, -1] : date1.value.split("-").map((i) => parseInt(i));
-      if (y1 === date.y && m1 === date.m && d1 === date.d) {
-        if (date.pred === true || date.nextd === true) {
-          return false;
-        }
+      if (date.pred === true || date.nextd === true) {
+        return false;
+      }
+      if (firstDayList.value[0] === date.y && firstDayList.value[1] === date.m && firstDayList.value[2] === date.d) {
         return true;
       } else {
         return false;
       }
     };
     const isSecondDay = (date) => {
-      const [y2, m2, d2] = date2.value === null ? [-1, -1, -1] : date2.value.split("-").map((i) => parseInt(i));
-      if (y2 === date.y && m2 === date.m && d2 === date.d) {
-        if (date.pred === true || date.nextd === true) {
-          return false;
-        }
+      if (date.pred === true || date.nextd === true) {
+        return false;
+      }
+      if (secondDayList.value[0] === date.y && secondDayList.value[1] === date.m && secondDayList.value[2] === date.d) {
         return true;
       } else {
         return false;
       }
     };
-    const GetTemp = (year, month) => {
+    const generateCalendarData = (year, month) => {
       let preM = [];
       let thisM = [];
       let nextM = [];
@@ -179,31 +200,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         new Date(year, month - 1).getFullYear(),
         new Date(year, month - 1).getMonth() + 1
       );
-      nextM = getMonthDays(new Date(year, month).getFullYear(), new Date(year, month).getMonth() + 1, 2);
+      nextM = getMonthDays(
+        new Date(year, month).getFullYear(),
+        new Date(year, month).getMonth() + 1,
+        2
+      );
       preM.map((i) => {
         i.isChoosed1Day = isFirstDay(i);
         i.isChoosed2Day = isSecondDay(i);
         i.between = betweenChooseDay(i);
-        i.disabled = clickDisable(i);
-        i.isrange = checkAbleRange(i);
+        i.disabled = props.disabledDate && props.disabledDate(`${i.y}-${i.m}-${i.d}`);
       });
       thisM.map((i) => {
         i.isChoosed1Day = isFirstDay(i);
         i.isChoosed2Day = isSecondDay(i);
         i.between = betweenChooseDay(i);
-        i.disabled = clickDisable(i);
-        i.isrange = checkAbleRange(i);
+        i.disabled = props.disabledDate && props.disabledDate(`${i.y}-${i.m}-${i.d}`);
       });
       nextM.map((i) => {
         i.isChoosed1Day = isFirstDay(i);
         i.isChoosed2Day = isSecondDay(i);
         i.between = betweenChooseDay(i);
-        i.disabled = clickDisable(i);
-        i.isrange = checkAbleRange(i);
+        i.disabled = props.disabledDate && props.disabledDate(`${i.y}-${i.m}-${i.d}`);
       });
       let start = WeekList.indexOf(thisM[0].week);
       let end = WeekList.length - (WeekList.indexOf(thisM[thisM.length - 1].week) + 1);
-      let tempArr = [...preM.splice(preM.length - start, start), ...thisM, ...nextM.splice(0, end)];
+      let tempArr = [
+        ...preM.splice(preM.length - start, start),
+        ...thisM,
+        ...nextM.splice(0, end)
+      ];
       if (tempArr.length === 28) {
         tempArr = [...tempArr, ...nextM.splice(0, 14)];
       } else if (tempArr.length === 35) {
@@ -211,157 +237,105 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return [...tempArr];
     };
-    const Doublecalendar = () => {
-      calendarOne.value = GetTemp(YearOne.value, MonthOne.value);
-      calendarTwo.value = GetTemp(YearTwo.value, MonthTwo.value);
-    };
-    const RenderDayOne = computed(() => getNewArray(calendarOne.value, 7));
-    const RenderDayTwo = computed(() => getNewArray(calendarTwo.value, 7));
+    const RenderDayOne = computed(
+      () => getNewArray(calendarOne.value, 7)
+    );
+    const RenderDayTwo = computed(
+      () => getNewArray(calendarTwo.value, 7)
+    );
+    const temDateArr = ref([null, null]);
+    const secondDayisHover = ref(false);
     const setAimdate = (date) => {
-      var _a;
       if (date.disabled === true) {
         return;
       }
-      if (activeinputIndex.value === 0) {
-        if (YearOne.value !== date.y || MonthOne.value !== date.m) {
-          YearOne.value = date.y;
-          MonthOne.value = date.m;
-          calendarOne.value = GetTemp(YearOne.value, MonthOne.value);
-        }
-        let choosetime = `${YearOne.value}-${addZero(MonthOne.value)}-${addZero(date.d)}`;
-        emit("update:modelValue", [choosetime, date2.value]);
-        tempaim.value = "";
-        (_a = inputTwo.value) == null ? void 0 : _a.focus();
-      } else if (activeinputIndex.value === 1) {
-        if (YearTwo.value !== date.y || MonthTwo.value !== date.m) {
-          YearTwo.value = date.y;
-          MonthTwo.value = date.m;
-          calendarTwo.value = GetTemp(YearTwo.value, MonthTwo.value);
+      const setDate = `${date.y}-${addZero(date.m)}-${addZero(date.d)}`;
+      if (temDateArr.value[0] === null) {
+        temDateArr.value[0] = setDate;
+        secondDayisHover.value = true;
+      } else {
+        if (new Date(setDate).getTime() < new Date(temDateArr.value[0]).getTime()) {
+          temDateArr.value[1] = temDateArr.value[0];
+          temDateArr.value[0] = setDate;
+        } else {
+          temDateArr.value[1] = setDate;
         }
-        let choosetime = `${YearTwo.value}-${addZero(MonthTwo.value)}-${addZero(date.d)}`;
-        emit("update:modelValue", [date1.value, choosetime]);
+        secondDayisHover.value = false;
+        emit("update:modelValue", temDateArr.value);
         hideDatePick();
       }
     };
-    const betweenChooseDay = (date) => {
-      var _a, _b;
-      let now = new Date(date.y, date.m - 1, date.d).getTime();
-      let start = new Date(new Date((_a = date1.value) == null ? void 0 : _a.replace(/-/g, "/")).toDateString()).getTime();
-      let end = new Date(new Date((_b = date2.value) == null ? void 0 : _b.replace(/-/g, "/")).toDateString()).getTime();
-      if (now > start && now < end) {
-        if (date.pred === true || date.nextd === true) {
-          return false;
-        }
-        return true;
-      } else {
-        return false;
-      }
+    const secondDaymoveHandle = (date) => {
+      if (date.disabled)
+        return;
+      if (!secondDayisHover.value)
+        return;
+      const setDate = `${date.y}-${addZero(date.m)}-${addZero(date.d)}`;
+      temDateArr.value[1] = setDate;
     };
-    const clickDisable = (date) => {
-      var _a, _b;
-      let now = new Date(date.y, date.m - 1, date.d).getTime();
-      let start = new Date(new Date((_a = date1.value) == null ? void 0 : _a.replace(/-/g, "/")).toDateString()).getTime();
-      let end = new Date(new Date((_b = date2.value) == null ? void 0 : _b.replace(/-/g, "/")).toDateString()).getTime();
-      if (start === 0 && end === 0) {
-        return false;
+    const PopHiddenHandle = (callBack) => {
+      temDateArr.value = [null, null];
+      secondDayisHover.value = false;
+      callBack();
+    };
+    const computedStartTime = computed(() => {
+      if (date1.value === "") {
+        return null;
+      } else {
+        return new Date(date1.value).getTime();
       }
-      if (activeinputIndex.value === 0) {
-        if (now > end) {
-          return true;
-        } else {
-          return false;
-        }
+    });
+    const computedEndTime = computed(() => {
+      if (date2.value === "") {
+        return null;
       } else {
-        if (now < start) {
-          return true;
-        } else {
-          return false;
-        }
+        return new Date(date2.value).getTime();
       }
-    };
-    const checkAbleRange = (date) => {
-      var _a, _b;
-      if (tempaim.value === "")
+    });
+    const betweenChooseDay = (date) => {
+      if (date.pred === true || date.nextd === true) {
         return false;
-      let now = new Date(date.y, date.m - 1, date.d).getTime();
-      let start = new Date(new Date((_a = date1.value) == null ? void 0 : _a.replace(/-/g, "/")).toDateString()).getTime();
-      let end = new Date(new Date((_b = date2.value) == null ? void 0 : _b.replace(/-/g, "/")).toDateString()).getTime();
-      let tempdate = new Date(new Date(tempaim.value).toDateString()).getTime();
-      if (activeinputIndex.value === 0) {
-        if (tempdate <= now && now < end) {
-          return true;
-        } else {
-          return false;
-        }
-      } else {
-        if (tempdate >= now && now > start) {
-          return true;
-        } else {
-          return false;
-        }
       }
-    };
-    const tempaim = ref("");
-    const moveHandle = (date) => {
-      var _a, _b;
-      if (activeinputIndex.value === 0) {
-        let now = new Date(date.y, date.m - 1, date.d).getTime();
-        let end = new Date(new Date((_a = date2.value) == null ? void 0 : _a.replace(/-/g, "/")).toDateString()).getTime();
-        if (now > end) {
-          return;
-        } else {
-          tempaim.value = `${date.y}-${date.m}-${date.d}`;
-          Doublecalendar();
-        }
+      if (!computedStartTime.value || !computedEndTime.value)
+        return false;
+      let now = new Date(date.y, date.m - 1, date.d).getTime();
+      if (now > computedStartTime.value && now < computedEndTime.value) {
+        return true;
       } else {
-        let now = new Date(date.y, date.m - 1, date.d).getTime();
-        let start = new Date(new Date((_b = date1.value) == null ? void 0 : _b.replace(/-/g, "/")).toDateString()).getTime();
-        if (start > now) {
-          return;
-        } else {
-          tempaim.value = `${date.y}-${date.m}-${date.d}`;
-          Doublecalendar();
-        }
+        return false;
       }
     };
-    const leaveHandle = () => {
-      tempaim.value = "";
-      Doublecalendar();
-    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Pop), {
         width: "512",
-        insertClass: "tdd-z-2000 !tdd-p-0",
+        insertClass: "!p-0",
         trigger: "native",
         modelValue: showD.value,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
-        placement: "bottomleft"
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showD.value = $event),
+        placement: "bottommiddle",
+        beforeHidden: PopHiddenHandle
       }, {
         reference: withCtx(() => [
-          createElementVNode("div", _hoisted_15, [
+          createElementVNode("div", {
+            onClick: showPopHandle,
+            class: "inline-flex relative h-full w-full items-center overflow-hidden rounded border border-solid text-word3"
+          }, [
+            createVNode(Calendar, { class: "ml-1" }),
             createElementVNode("input", {
               type: "text",
-              value: date1.value,
-              class: "tdd-outline-none tdd-flex-auto tdd-h-full tdd-p-2 tdd-w-1/2",
-              onChange: date1ChangeHandle,
-              onFocus: _cache[0] || (_cache[0] = ($event) => setActiveHandle(0)),
-              ref_key: "inputOne",
-              ref: inputOne
-            }, null, 40, _hoisted_16),
-            _cache[9] || (_cache[9] = createElementVNode("div", { class: "tdd-mx-2" }, "至", -1)),
+              value: inputOneShowValue.value,
+              placeholder: _ctx.startPlaceholder,
+              class: normalizeClass(["text-sm outline-none flex-auto px-2 w-1/2 text-center", heightClass.value]),
+              onBlur: date1ChangeHandle
+            }, null, 42, _hoisted_19),
+            _cache[3] || (_cache[3] = createElementVNode("span", { class: "mx-2 text-sm" }, "至", -1)),
             createElementVNode("input", {
               type: "text",
-              value: date2.value,
-              class: "tdd-outline-none tdd-flex-auto tdd-h-full tdd-p-2 tdd-w-1/2",
-              onChange: date2ChangeHandle,
-              onFocus: _cache[1] || (_cache[1] = ($event) => setActiveHandle(1)),
-              ref_key: "inputTwo",
-              ref: inputTwo
-            }, null, 40, _hoisted_17),
-            createElementVNode("div", {
-              class: "tdd-h-0.5 tdd-bg-blue-600 tdd-absolute tdd-transition-all tdd-bottom-0",
-              style: normalizeStyle({ width: `${FloatWidth.value}px`, left: `${FloatLeft.value}px` })
-            }, null, 4)
+              value: inputTwoShowValue.value,
+              placeholder: _ctx.endPlaceholder,
+              class: normalizeClass(["text-sm outline-none flex-auto px-2 w-1/2 text-center", heightClass.value]),
+              onBlur: date2ChangeHandle
+            }, null, 42, _hoisted_20)
           ])
         ]),
         default: withCtx(() => [
@@ -369,213 +343,151 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_2, [
               createElementVNode("button", {
                 type: "button",
-                class: "tdd-w-4 tdd-h-4 tdd-appearance-none",
+                class: "w-4 h-4 appearance-none",
                 onClick: YearPreHandle
-              }, _cache[3] || (_cache[3] = [
-                createElementVNode("svg", {
-                  class: "tdd-w-4 tdd-h-4",
-                  viewBox: "0 0 1024 1024",
-                  version: "1.1",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "p-id": "669"
-                }, [
-                  createElementVNode("path", {
-                    d: "M842.666667 864c-8.533333 0-14.933333-2.133333-21.333334-8.533333l-341.333333-309.333334c-6.4-6.4-10.666667-14.933333-10.666667-23.466666 0-8.533333 4.266667-17.066667 10.666667-23.466667l341.333333-309.333333c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133333 44.8L548.266667 522.666667l315.733333 285.866666c12.8 10.666667 14.933333 32 2.133333 44.8-6.4 6.4-14.933333 10.666667-23.466666 10.666667z",
-                    fill: "#666666",
-                    "p-id": "670"
-                  }),
-                  createElementVNode("path", {
-                    d: "M512 864c-8.533333 0-14.933333-2.133333-21.333333-8.533333L149.333333 546.133333c-6.4-6.4-10.666667-14.933333-10.666666-23.466666 0-8.533333 4.266667-17.066667 10.666666-23.466667L490.666667 189.866667c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133334 44.8L217.6 522.666667 533.333333 808.533333c12.8 12.8 14.933333 32 2.133334 44.8-6.4 6.4-14.933333 10.666667-23.466667 10.666667z",
-                    fill: "#666666",
-                    "p-id": "671"
-                  })
-                ], -1)
-              ])),
+              }, [
+                createVNode(ArrowPlug, { class: "h-4 w-4" })
+              ]),
               createElementVNode("button", {
                 type: "button",
-                class: "tdd-w-4 tdd-h-4 tdd-ml-1 tdd-appearance-none",
+                class: "w-4 h-4 ml-1 appearance-none",
                 onClick: MonthPreHandle
-              }, _cache[4] || (_cache[4] = [
-                createElementVNode("svg", {
-                  class: "tdd-w-4 tdd-h-4 tdd-transform tdd-rotate-180",
-                  viewBox: "0 0 1024 1024",
-                  version: "1.1",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "p-id": "613"
-                }, [
-                  createElementVNode("path", {
-                    d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z",
-                    fill: "#666666",
-                    "p-id": "614"
-                  })
-                ], -1)
-              ])),
+              }, [
+                createVNode(Arrow, { class: "h-4 w-4 rotate-180 transform" })
+              ]),
               createElementVNode("div", _hoisted_3, [
                 createElementVNode("span", null, toDisplayString(YearOne.value) + "年", 1),
-                createElementVNode("button", {
-                  type: "button",
-                  class: "tdd-appearance-none tdd-w-10",
-                  onClick: setMonthMode
-                }, [
-                  createElementVNode("span", _hoisted_4, toDisplayString(MonthOne.value), 1),
-                  _cache[5] || (_cache[5] = createTextVNode(" 月 "))
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("span", _hoisted_5, toDisplayString(MonthOne.value), 1),
+                  _cache[1] || (_cache[1] = createTextVNode(" 月 "))
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
                 createElementVNode("span", null, toDisplayString(YearTwo.value) + "年", 1),
-                createElementVNode("button", {
-                  type: "button",
-                  class: "tdd-appearance-none tdd-w-10",
-                  onClick: setMonthMode
-                }, [
-                  createElementVNode("span", _hoisted_7, toDisplayString(MonthTwo.value), 1),
-                  _cache[6] || (_cache[6] = createTextVNode(" 月 "))
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("span", _hoisted_9, toDisplayString(MonthTwo.value), 1),
+                  _cache[2] || (_cache[2] = createTextVNode(" 月 "))
                 ])
               ]),
               createElementVNode("button", {
                 type: "button",
-                class: "tdd-w-4 tdd-h-4 tdd-mr-1 tdd-appearance-none",
+                class: "w-4 h-4 mr-1 appearance-none",
                 onClick: MonthNextHandle
-              }, _cache[7] || (_cache[7] = [
-                createElementVNode("svg", {
-                  class: "tdd-w-4 tdd-h-4",
-                  viewBox: "0 0 1024 1024",
-                  version: "1.1",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "p-id": "613"
-                }, [
-                  createElementVNode("path", {
-                    d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z",
-                    fill: "#666666",
-                    "p-id": "614"
-                  })
-                ], -1)
-              ])),
+              }, [
+                createVNode(Arrow, { class: "h-4 w-4" })
+              ]),
               createElementVNode("button", {
                 type: "button",
-                class: "tdd-w-4 tdd-h-4 tdd-appearance-none",
+                class: "w-4 h-4 appearance-none",
                 onClick: YearNextHandle
-              }, _cache[8] || (_cache[8] = [
-                createElementVNode("svg", {
-                  class: "tdd-w-4 tdd-h-4",
-                  viewBox: "0 0 1024 1024",
-                  version: "1.1",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "p-id": "693"
-                }, [
-                  createElementVNode("path", {
-                    d: "M544 522.666667c0-8.533333-4.266667-17.066667-10.666667-23.466667L192 189.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733334 285.866667L149.333333 808.533333c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466667 10.666667 8.533333 0 14.933333-2.133333 21.333333-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666z",
-                    fill: "#666666",
-                    "p-id": "694"
-                  }),
-                  createElementVNode("path", {
-                    d: "M864 499.2l-341.333333-309.333333c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733333 285.866667-315.733333 285.866666c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466666 10.666667 8.533333 0 14.933333-2.133333 21.333334-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666 0-8.533333-4.266667-17.066667-10.666667-23.466667z",
-                    fill: "#666666",
-                    "p-id": "695"
-                  })
-                ], -1)
-              ]))
+              }, [
+                createVNode(ArrowPlug, { class: "h-4 w-4 rotate-180 transform" })
+              ])
             ])
           ]),
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("div", _hoisted_9, [
-              createElementVNode("table", _hoisted_10, [
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode("table", _hoisted_12, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
                       return createElementVNode("th", {
-                        class: "tdd-font-normal tdd-text-sm",
+                        class: "font-normal text-sm",
                         key: i
                       }, toDisplayString(i), 1);
                     }), 64))
                   ])
                 ]),
-                createElementVNode("tbody", { onMouseleave: leaveHandle }, [
+                createElementVNode("tbody", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(RenderDayOne.value, (i, d) => {
                     return openBlock(), createElementBlock("tr", { key: d }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(i, (j) => {
                         return openBlock(), createElementBlock("td", {
                           key: j.d,
-                          class: normalizeClass(["tdd-py-1.5 tdd-relative tdd-overflow-hidden", {
-                            pickBetween: j.between,
-                            pickStart: j.isChoosed1Day,
-                            pickEnd: j.isChoosed2Day,
-                            pickRange: j.isrange && (!j.pred && !j.nextd)
-                          }])
+                          class: "py-1",
+                          onMouseenter: ($event) => secondDaymoveHandle(j)
                         }, [
                           createElementVNode("div", {
-                            class: normalizeClass(["tdd-text-sm tdd-w-6 tdd-h-6 tdd-leading-6 tdd-inline-block tdd-z-10 tdd-relative", {
-                              "tdd-text-word9 tdd-cursor-default": j.pred || j.nextd,
-                              "tdd-text-white tdd-bg-blue-500 tdd-rounded-tl tdd-rounded-bl": j.isChoosed1Day,
-                              "tdd-text-white tdd-bg-blue-500 tdd-rounded-tr tdd-rounded-br": j.isChoosed2Day,
-                              "tdd-bg-gray-200 tdd-text-word9": j.disabled
+                            class: normalizeClass(["text-xs w-full h-7 leading-6 flex items-center justify-center", {
+                              "text-word9 cursor-default": j.pred || j.nextd,
+                              "bg-gray-200 text-word9 cursor-not-allowed": j.disabled,
+                              "bg-[#e6f4ff]": j.between || j.isChoosed1Day || j.isChoosed2Day,
+                              "rounded-l-[1.75rem]": j.isChoosed1Day,
+                              "rounded-r-[1.75rem]": j.isChoosed2Day
                             }]),
-                            onMouseenter: ($event) => moveHandle(j),
                             onClick: ($event) => setAimdate(j)
-                          }, toDisplayString(j.d), 43, _hoisted_11)
-                        ], 2);
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass(["w-6 h-6", {
+                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day
+                              }])
+                            }, toDisplayString(j.d), 3)
+                          ], 10, _hoisted_14)
+                        ], 40, _hoisted_13);
                       }), 128))
                     ]);
                   }), 128))
-                ], 32)
+                ])
               ])
             ]),
-            createElementVNode("div", _hoisted_12, [
-              createElementVNode("table", _hoisted_13, [
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("table", _hoisted_16, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
                       return createElementVNode("th", {
-                        class: "tdd-font-normal tdd-text-sm",
+                        class: "font-normal text-sm",
                         key: i
                       }, toDisplayString(i), 1);
                     }), 64))
                   ])
                 ]),
-                createElementVNode("tbody", { onMouseleave: leaveHandle }, [
+                createElementVNode("tbody", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(RenderDayTwo.value, (i, d) => {
                     return openBlock(), createElementBlock("tr", { key: d }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(i, (j) => {
                         return openBlock(), createElementBlock("td", {
                           key: j.d,
-                          class: normalizeClass(["tdd-py-1.5 tdd-relative tdd-overflow-hidden", {
-                            pickBetween: j.between,
-                            pickStart: j.isChoosed1Day,
-                            pickEnd: j.isChoosed2Day,
-                            pickRange: j.isrange && (!j.pred && !j.nextd)
-                          }])
+                          class: "py-1",
+                          onMouseenter: ($event) => secondDaymoveHandle(j)
                         }, [
                           createElementVNode("div", {
-                            class: normalizeClass(["tdd-text-sm tdd-w-6 tdd-h-6 tdd-leading-6 tdd-inline-block tdd-z-10 tdd-relative", {
-                              "tdd-text-word9 tdd-cursor-default": j.pred || j.nextd,
-                              "tdd-text-white tdd-bg-blue-500 tdd-rounded-tl tdd-rounded-bl": j.isChoosed1Day,
-                              "tdd-text-white tdd-bg-blue-500 tdd-rounded-tr tdd-rounded-br": j.isChoosed2Day,
-                              "tdd-bg-gray-200 tdd-text-word9": j.disabled
+                            class: normalizeClass(["text-xs w-full h-7 leading-6 flex items-center justify-center", {
+                              "text-word9 cursor-default": j.pred || j.nextd,
+                              "bg-gray-200 text-word9 cursor-not-allowed": j.disabled,
+                              "bg-[#e6f4ff]": j.between || j.isChoosed1Day || j.isChoosed2Day,
+                              "rounded-l-[1.75rem]": j.isChoosed1Day,
+                              "rounded-r-[1.75rem]": j.isChoosed2Day
                             }]),
-                            onMouseenter: ($event) => moveHandle(j),
                             onClick: ($event) => setAimdate(j)
-                          }, toDisplayString(j.d), 43, _hoisted_14)
-                        ], 2);
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass(["w-6 h-6", {
+                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day
+                              }])
+                            }, toDisplayString(j.d), 3)
+                          ], 10, _hoisted_18)
+                        ], 40, _hoisted_17);
                       }), 128))
                     ]);
                   }), 128))
-                ], 32)
+                ])
               ])
             ])
           ]),
-          createElementVNode("div", { class: "tdd-flex tdd-justify-end tdd-space-x-2 tdd-text-sm tdd-px-3 tdd-py-1" }, [
+          createElementVNode("div", { class: "flex justify-end space-x-2 text-sm px-3 py-1" }, [
             createElementVNode("button", {
               type: "button",
-              class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
+              class: "text-word3 hover:text-blue-500 active:to-blue-700",
               onClick: deleteDateHandle
-            }, "清空"),
+            }, " 清空 "),
             createElementVNode("button", {
               type: "button",
-              class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
+              class: "text-word3 hover:text-blue-500 active:to-blue-700",
               onClick: hideDatePick
-            }, "确定")
+            }, " 确定 ")
           ])
         ]),
         _: 1
@@ -583,7 +495,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const datepickerRange_vue_vue_type_style_index_0_lang = "";
 export {
   _sfc_main as default
 };