@das-fed/upf-ui 6.4.0-dev.295 → 6.4.0-dev.296

package/packages/components/special-range-picker-year/index.js

@@ -1,89 +1,89 @@
 import { withInstall as ge } from "@das-fed/upf-utils/with-install/index";
 import { i18n as Y, setI18nRule as fe } from "@das-fed/upf-web/packages/i18n/index";
-import { ref as k, computed as A, defineComponent as me, onMounted as be, openBlock as I, createElementBlock as S, normalizeStyle as N, unref as e, createElementVNode as v, normalizeClass as R, createVNode as _, withCtx as Q, toDisplayString as $, withDirectives as U, createTextVNode as T, Fragment as H, renderList as X, createBlock as he, Teleport as De, createCommentVNode as ee } from "vue";
+import { ref as M, computed as A, defineComponent as me, onMounted as be, openBlock as w, createElementBlock as S, normalizeStyle as B, unref as e, createElementVNode as c, normalizeClass as R, createVNode as N, withCtx as Q, toDisplayString as C, withDirectives as U, createTextVNode as T, Fragment as H, renderList as X, createBlock as he, Teleport as De, createCommentVNode as ee } from "vue";
 import { ElPopover as ke, ClickOutside as Me } from "element-plus";
 import "element-plus/es/components/popover/style/css";
 import { vDasTooltip as ye } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasIconEmpty as xe } from "@das-fed/upf-ui/packages/icons/empty/index";
-import { DasIconDate as Ie } from "@das-fed/upf-ui/packages/icons/date/index";
-import { DasIconLeft as $e } from "@das-fed/upf-ui/packages/icons/left/index";
-import { DasIconEntry as we } from "@das-fed/upf-ui/packages/icons/entry/index";
+import { DasIconEmpty as Ie } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { DasIconDate as $e } from "@das-fed/upf-ui/packages/icons/date/index";
+import { DasIconLeft as we } from "@das-fed/upf-ui/packages/icons/left/index";
+import { DasIconEntry as Ce } from "@das-fed/upf-ui/packages/icons/entry/index";
 import { useModelValue as ae } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme"
 import '@das-fed/upf-ui/packages/components/special-range-picker-year/style.css';
 ;
 const ne = () => ({ getDateTime: (n) => {
-  const p = `2020/${n}`;
-  return new Date(p).getTime();
-}, formatDateStr: (n) => n >= 10 ? n : "0" + n }), Ce = (o, g, t, n, p, s, y) => {
-  const u = k({ begin: "", end: "" }), w = k(""), { getDateTime: f, formatDateStr: c } = ne();
+  const v = `2020/${n}`;
+  return new Date(v).getTime();
+}, formatDateStr: (n) => n >= 10 ? n : "0" + n }), xe = (D, g, t, n, v, l, I) => {
+  const i = M({ begin: "", end: "" }), x = M(""), { getDateTime: f, formatDateStr: u } = ne();
   return {
-    popClickData: u,
-    isInRange: (l, i) => {
-      if (!u.value.begin || !u.value.end) return !1;
+    popClickData: i,
+    isInRange: (o, s) => {
+      if (!i.value.begin || !i.value.end) return !1;
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = f(`${c(h[i])}/${c(l)}`), D = f(u.value.begin), x = f(u.value.end);
-      return r <= x && r >= D;
+      }, r = f(`${u(h[s])}/${u(o)}`), k = f(i.value.begin), $ = f(i.value.end);
+      return r <= $ && r >= k;
     },
-    isInHoverRange: (l, i) => {
+    isInHoverRange: (o, s) => {
       if (!t.value[0] || !t.value[1]) return !1;
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = f(`${c(h[i])}/${c(l)}`), D = f(t.value[0]), x = f(t.value[1]);
-      return r <= x && r >= D;
+      }, r = f(`${u(h[s])}/${u(o)}`), k = f(t.value[0]), $ = f(t.value[1]);
+      return r <= $ && r >= k;
     },
-    isInNewRange: (l, i) => {
-      if (!u.value.begin || !u.value.end || !w.value) return !1;
+    isInNewRange: (o, s) => {
+      if (!i.value.begin || !i.value.end || !x.value) return !1;
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = f(`${c(h[i])}/${c(l)}`), D = f(w.value);
-      let x = f(u.value.begin), z = f(u.value.end);
-      return n.value === "begin" ? (D > x && (x = D), r <= z && r >= x) : (D < z && (z = D), r <= z && r >= x);
+      }, r = f(`${u(h[s])}/${u(o)}`), k = f(x.value);
+      let $ = f(i.value.begin), _ = f(i.value.end);
+      return n.value === "begin" ? (k > $ && ($ = k), r <= _ && r >= $) : (k < _ && (_ = k), r <= _ && r >= $);
     },
-    outBeginDate: (l, i) => {
-      if (!u.value.begin) return !1;
+    outBeginDate: (o, s) => {
+      if (!i.value.begin) return !1;
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = f(`${c(h[i])}/${c(l)}`), D = f(u.value.begin);
-      return p.value === 1 && n.value === "end" && r < D;
+      }, r = f(`${u(h[s])}/${u(o)}`), k = f(i.value.begin);
+      return v.value === 1 && n.value === "end" && r < k;
     },
-    outEndDate: (l, i) => {
-      if (!u.value.end) return !1;
+    outEndDate: (o, s) => {
+      if (!i.value.end) return !1;
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = f(`${c(h[i])}/${c(l)}`), D = f(u.value.end);
-      return p.value === 1 && n.value === "begin" && r > D;
+      }, r = f(`${u(h[s])}/${u(o)}`), k = f(i.value.end);
+      return v.value === 1 && n.value === "begin" && r > k;
     },
-    clickData: (l, i) => {
-      p.value++;
+    clickData: (o, s) => {
+      v.value++;
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = `${c(h[i])}/${c(l)}`;
-      n.value === "begin" ? u.value.begin = r : u.value.end = r, p.value === 1 ? n.value = n.value === "begin" ? "end" : "begin" : y();
+      }, r = `${u(h[s])}/${u(o)}`;
+      n.value === "begin" ? i.value.begin = r : i.value.end = r, v.value === 1 ? n.value = n.value === "begin" ? "end" : "begin" : I();
     },
-    mouseEnter: (l, i) => {
+    mouseEnter: (o, s) => {
       const h = {
-        left: o.value,
+        left: D.value,
         right: g.value
-      }, r = `${c(h[i])}/${c(l)}`;
-      w.value = r, n.value === "begin" ? t.value[0] = r : t.value[1] = r;
+      }, r = `${u(h[s])}/${u(o)}`;
+      x.value = r, n.value === "begin" ? t.value[0] = r : t.value[1] = r;
     },
     mouseLeave: () => {
-      w.value = "", n.value === "begin" ? t.value[0] = s.value[0] : t.value[1] = s.value[1];
+      x.value = "", n.value === "begin" ? t.value[0] = l.value[0] : t.value[1] = l.value[1];
     }
   };
-}, Se = (o) => {
-  const g = k(), t = k(!1), n = k(0), p = k({
+}, Se = (D) => {
+  const g = M(), t = M(!1), n = M(0), v = M({
     x: 0,
     y: 0
-  }), s = A(() => ({
+  }), l = A(() => ({
     fontSize: "12px",
     // 错误浮层直接消费新主题根变量，保持悬浮提示与表单错误态一致。
     backgroundColor: "var(--upf-message-error-bg, var(--upf-bg-primary))",
@@ -91,40 +91,40 @@ const ne = () => ({ getDateTime: (n) => {
     borderRadius: "var(--upf-border-radius, 4px)",
     padding: "2px 8px",
     boxSizing: "border-box",
-    zIndex: o.errorModelZIndex
-  })), y = A(() => ({
-    ...s.value,
+    zIndex: D.errorModelZIndex
+  })), I = A(() => ({
+    ...l.value,
     width: n.value + "px",
     position: "fixed",
     visibility: "visible",
-    top: p.value.y + "px",
-    left: p.value.x + "px"
-  })), u = k({
+    top: v.value.y + "px",
+    left: v.value.x + "px"
+  })), i = M({
     display: "block",
     textAlign: "left",
     color: "var(--upf-message-error-text, var(--upf-color-error))",
     whiteSpace: "break-spaces"
     // 'word-break': 'break-all',
-  }), w = () => {
-    var E, P, B;
+  }), x = () => {
+    var E, L, P;
     n.value = (E = g.value) == null ? void 0 : E.clientWidth;
-    const { top: m = 0, left: b = 0 } = ((P = g.value) == null ? void 0 : P.getBoundingClientRect()) ?? {}, M = (B = g.value) == null ? void 0 : B.clientHeight;
-    p.value.x = b, p.value.y = m + M;
+    const { top: m = 0, left: b = 0 } = ((L = g.value) == null ? void 0 : L.getBoundingClientRect()) ?? {}, y = (P = g.value) == null ? void 0 : P.clientHeight;
+    v.value.x = b, v.value.y = m + y;
   };
   return {
     $dasSpecialRangeYearPicker: g,
     isHoverInInput: t,
-    errorModalBaseSyle: s,
-    errorModelStyle: y,
-    errorLabelStyle: u,
+    errorModalBaseSyle: l,
+    errorModelStyle: I,
+    errorLabelStyle: i,
     errorModalInputMouseEnter: () => {
-      w(), t.value = !0;
+      x(), t.value = !0;
     },
     errorModallInputMouseLeave: () => {
       t.value = !1;
     }
   };
-}, Re = { class: "date-container" }, Ee = { class: "year-container" }, ze = { class: "month-container left-month-container" }, Le = { class: "header" }, Pe = ["onMouseenter", "onClick"], Be = { class: "item-text" }, Ne = { class: "month-container right-month-container" }, _e = { class: "header" }, Ve = ["onMouseenter", "onClick"], Ye = { class: "item-text" }, He = {
+}, Re = { class: "date-container" }, Ee = { class: "year-container" }, _e = { class: "month-container left-month-container" }, ze = { class: "header" }, Le = ["onMouseenter", "onClick"], Pe = { class: "item-text" }, Be = { class: "month-container right-month-container" }, Ne = { class: "header" }, Ve = ["onMouseenter", "onClick"], Ye = { class: "item-text" }, He = {
   key: 0,
   class: "das-special-range-picker-error-label-content"
 }, Oe = "var(--das-ui-color-normal)", Te = "var(--das-ui-special-range-picker-close-btn)", te = "var(--das-ui-color-help)", Ae = /* @__PURE__ */ me({
@@ -143,33 +143,33 @@ const ne = () => ({ getDateTime: (n) => {
     errorModelZIndex: { default: 2e3 }
   },
   emits: ["update:modelValue", "update:error", "change", "show-popover"],
-  setup(o, { emit: g }) {
-    const t = o, n = g, p = k(!1), s = ae(t, "modelValue"), y = k(["", ""]), u = ae(t, "error"), w = k(0), f = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], c = k({}), m = k(1), b = k(2), M = k(void 0);
+  setup(D, { emit: g }) {
+    const t = D, n = g, v = M(!1), l = ae(t, "modelValue"), I = M(["", ""]), i = ae(t, "error"), x = M(0), f = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = M({}), m = M(1), b = M(2), y = M(void 0);
     let E = !0;
-    const P = k(0), B = A(() => !t.disabled && !t.isView && s.value[0] && s.value[1]), O = (C, d) => {
+    const L = M(0), P = A(() => !t.disabled && !t.isView && l.value[0] && l.value[1]), O = (p, d) => {
       if (!(t.disabled || t.isView)) {
-        if (E = !1, p.value = !0, M.value = d, P.value = 0, y.value = [s.value[0], s.value[1]], C) {
-          const a = Number(C.split("/")[0]);
+        if (E = !1, v.value = !0, y.value = d, L.value = 0, I.value = [l.value[0], l.value[1]], p) {
+          const a = Number(p.split("/")[0]);
           d === "begin" ? (m.value = a < 12 ? a : 11, b.value = m.value + 1) : (b.value = a > 1 ? a : 2, m.value = b.value - 1);
         } else
-          m.value = w.value < 12 ? w.value : 11, b.value = m.value + 1;
+          m.value = x.value < 12 ? x.value : 11, b.value = m.value + 1;
         n("show-popover");
       }
     }, W = () => {
-      M.value = void 0;
-      const C = i.value;
-      n("update:modelValue", [C.begin, C.end]), n("change", [C.begin, C.end]), n("update:error", !1), p.value = !1;
-    }, { formatDateStr: l } = ne(), {
-      popClickData: i,
+      y.value = void 0;
+      const p = s.value;
+      n("update:modelValue", [p.begin, p.end]), n("change", [p.begin, p.end]), n("update:error", !1), v.value = !1;
+    }, { formatDateStr: o } = ne(), {
+      popClickData: s,
       isInRange: h,
       isInHoverRange: r,
-      isInNewRange: D,
-      outBeginDate: x,
-      outEndDate: z,
+      isInNewRange: k,
+      outBeginDate: $,
+      outEndDate: _,
       clickData: Z,
       mouseEnter: F,
       mouseLeave: V
-    } = Ce(m, b, y, M, P, s, W), {
+    } = xe(m, b, I, y, L, l, W), {
       $dasSpecialRangeYearPicker: re,
       isHoverInInput: j,
       errorModalBaseSyle: oe,
@@ -181,329 +181,196 @@ const ne = () => ({ getDateTime: (n) => {
       m.value !== 1 && (m.value--, b.value--);
     }, ue = () => {
       b.value !== 12 && (b.value++, m.value++);
-    }, ce = () => {
+    }, de = () => {
       setTimeout(() => {
         if (!E) {
           E = !0;
           return;
         }
-        y.value = ["", ""], i.value = { begin: s.value[0], end: s.value[1] }, M.value = void 0, p.value = !1;
+        I.value = ["", ""], s.value = { begin: l.value[0], end: l.value[1] }, y.value = void 0, v.value = !1;
       }, 50);
-    }, de = () => {
+    }, ce = () => {
       n("update:modelValue", [null, null]), n("update:error", !1), n("change", [null, null]);
-    }, ve = (C) => {
-      const d = (L) => Array.from({ length: L }, (K, pe) => pe + 1), a = /* @__PURE__ */ new Date();
-      w.value = a.getMonth() + 1, f.forEach((L, K) => {
-        C[K + 1] = d(L);
-      }), i.value = { begin: s.value[0], end: s.value[1] };
+    }, ve = (p) => {
+      const d = (z) => Array.from({ length: z }, (K, pe) => pe + 1), a = /* @__PURE__ */ new Date();
+      x.value = a.getMonth() + 1, f.forEach((z, K) => {
+        p[K + 1] = d(z);
+      }), s.value = { begin: l.value[0], end: l.value[1] };
     };
     return be(() => {
-      ve(c.value);
-    }), (C, d) => (I(), S(
-      "div",
-      {
-        ref_key: "specialRangeYearPickerRef",
-        ref: se,
-        style: N({ width: o.width, position: "relative" }),
-        onMouseenter: d[4] || (d[4] = //@ts-ignore
-        (...a) => e(G) && e(G)(...a)),
-        onMouseleave: d[5] || (d[5] = //@ts-ignore
-        (...a) => e(J) && e(J)(...a))
-      },
-      [
-        v(
-          "div",
-          {
-            class: R(["das-ui-special-range-picker-year-container", [
-              o.borderType,
-              t.disabled ? "disabled" : "",
-              t.isView ? "readonly" : "",
-              { active: M.value !== void 0 },
-              e(u) ? "is-error" : "",
-              o.size
-            ]])
-          },
-          [
-            _(e(ke), {
-              visible: p.value,
-              placement: "bottom-start",
-              "popper-class": "das-special-range-picker-year-container",
-              width: 481,
-              trigger: "click"
-            }, {
-              reference: Q(() => [
-                v("div", Re, [
-                  v(
-                    "div",
-                    {
-                      class: R(["left-date", {
-                        placeholder: !e(s)[0] || M.value === "begin" && y.value[0],
-                        active: M.value === "begin"
-                      }]),
-                      onClick: d[0] || (d[0] = (a) => O(e(s)[0], "begin"))
-                    },
-                    $(y.value[0] || e(s)[0] || e(Y)("das-special-range-picker-begin-date").value),
-                    3
-                    /* TEXT, CLASS */
-                  ),
-                  d[6] || (d[6] = v(
-                    "div",
-                    { class: "separator" },
-                    "~",
-                    -1
-                    /* CACHED */
-                  )),
-                  v(
-                    "div",
-                    {
-                      class: R(["right-date", {
-                        placeholder: !e(s)[1] || M.value === "end" && y.value[1],
-                        active: M.value === "end"
-                      }]),
-                      onClick: d[1] || (d[1] = (a) => O(e(s)[1], "end"))
-                    },
-                    $(y.value[1] || e(s)[1] || e(Y)("das-special-range-picker-end-date").value),
-                    3
-                    /* TEXT, CLASS */
-                  ),
-                  v(
-                    "div",
-                    {
-                      class: R({ "is-view": t.isView }),
-                      style: { width: "16px" }
-                    },
-                    [
-                      _(e(Ie), {
-                        class: R(["icon-date", { "has-data": B.value }]),
-                        size: "medium",
-                        "icon-color": Oe
-                      }, null, 8, ["class"]),
-                      _(e(xe), {
-                        class: R(["icon-delete", { "has-data": B.value }]),
-                        size: "medium",
-                        "icon-color": Te,
-                        onClick: de
-                      }, null, 8, ["class"])
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ])
-              ]),
-              default: Q(() => [
-                U((I(), S("div", Ee, [
-                  v("div", ze, [
-                    v("div", Le, [
-                      v(
-                        "div",
-                        {
-                          class: R(["turn-btn turn-left", { disabled: m.value === 1 }])
-                        },
-                        [
-                          _(e($e), {
-                            class: "turn-icon",
-                            size: "medium",
-                            "icon-color": te,
-                            onClick: ie
-                          })
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      T(
-                        " " + $(m.value) + $(e(Y)("das-special-range-picker-month").value),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    v(
-                      "div",
-                      {
-                        class: "date-container-popover left-date-container",
-                        onMouseleave: d[2] || (d[2] = //@ts-ignore
-                        (...a) => e(V) && e(V)(...a))
-                      },
-                      [
-                        (I(!0), S(
-                          H,
-                          null,
-                          X(c.value[m.value], (a) => (I(), S("div", {
-                            class: R(["item", {
-                              "in-range": e(h)(a, "left") || e(r)(a, "left"),
-                              "new-range": e(D)(a, "left"),
-                              "range-start": e(i).begin === `${e(l)(m.value)}/${e(l)(a)}`,
-                              "range-end": e(i).end === `${e(l)(m.value)}/${e(l)(a)}`,
-                              "out-range": e(x)(a, "left") || e(z)(a, "left")
-                            }]),
-                            onMouseenter: (L) => e(F)(a, "left"),
-                            onClick: (L) => e(Z)(a, "left")
-                          }, [
-                            v(
-                              "div",
-                              Be,
-                              $(a),
-                              1
-                              /* TEXT */
-                            )
-                          ], 42, Pe))),
-                          256
-                          /* UNKEYED_FRAGMENT */
-                        ))
-                      ],
-                      32
-                      /* NEED_HYDRATION */
-                    )
-                  ]),
-                  v("div", Ne, [
-                    v("div", _e, [
-                      v(
-                        "div",
-                        {
-                          class: R(["turn-btn turn-right", { disabled: b.value === 12 }])
-                        },
-                        [
-                          _(e(we), {
-                            class: "turn-icon",
-                            size: "medium",
-                            "icon-color": te,
-                            onClick: ue
-                          })
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      T(
-                        " " + $(b.value) + $(e(Y)("das-special-range-picker-month").value),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    v(
-                      "div",
-                      {
-                        class: "date-container-popover right-date-container",
-                        onMouseleave: d[3] || (d[3] = //@ts-ignore
-                        (...a) => e(V) && e(V)(...a))
-                      },
-                      [
-                        (I(!0), S(
-                          H,
-                          null,
-                          X(c.value[b.value], (a) => (I(), S("div", {
-                            class: R(["item", {
-                              "in-range": e(h)(a, "right") || e(r)(a, "right"),
-                              "new-range": e(D)(a, "right"),
-                              "range-start": e(i).begin === `${e(l)(b.value)}/${e(l)(a)}`,
-                              "range-end": e(i).end === `${e(l)(b.value)}/${e(l)(a)}`,
-                              "out-range": e(x)(a, "right") || e(z)(a, "right")
-                            }]),
-                            onMouseenter: (L) => e(F)(a, "right"),
-                            onClick: (L) => e(Z)(a, "right")
-                          }, [
-                            v(
-                              "div",
-                              Ye,
-                              $(a),
-                              1
-                              /* TEXT */
-                            )
-                          ], 42, Ve))),
-                          256
-                          /* UNKEYED_FRAGMENT */
-                        ))
-                      ],
-                      32
-                      /* NEED_HYDRATION */
-                    )
-                  ])
-                ])), [
-                  [e(Me), ce]
-                ])
+      ve(u.value);
+    }), (p, d) => (w(), S("div", {
+      ref_key: "specialRangeYearPickerRef",
+      ref: se,
+      style: B({ width: p.width, position: "relative" }),
+      onMouseenter: d[4] || (d[4] = //@ts-ignore
+      (...a) => e(G) && e(G)(...a)),
+      onMouseleave: d[5] || (d[5] = //@ts-ignore
+      (...a) => e(J) && e(J)(...a))
+    }, [
+      c("div", {
+        class: R(["das-ui-special-range-picker-year-container", [
+          p.borderType,
+          t.disabled ? "disabled" : "",
+          t.isView ? "readonly" : "",
+          { active: y.value !== void 0 },
+          e(i) ? "is-error" : "",
+          p.size
+        ]])
+      }, [
+        N(e(ke), {
+          visible: v.value,
+          placement: "bottom-start",
+          "popper-class": "das-special-range-picker-year-container",
+          width: 481,
+          trigger: "click"
+        }, {
+          reference: Q(() => [
+            c("div", Re, [
+              c("div", {
+                class: R(["left-date", {
+                  placeholder: !e(l)[0] || y.value === "begin" && I.value[0],
+                  active: y.value === "begin"
+                }]),
+                onClick: d[0] || (d[0] = (a) => O(e(l)[0], "begin"))
+              }, C(I.value[0] || e(l)[0] || e(Y)("das-special-range-picker-begin-date").value), 3),
+              d[6] || (d[6] = c("div", { class: "separator" }, "~", -1)),
+              c("div", {
+                class: R(["right-date", {
+                  placeholder: !e(l)[1] || y.value === "end" && I.value[1],
+                  active: y.value === "end"
+                }]),
+                onClick: d[1] || (d[1] = (a) => O(e(l)[1], "end"))
+              }, C(I.value[1] || e(l)[1] || e(Y)("das-special-range-picker-end-date").value), 3),
+              c("div", {
+                class: R({ "is-view": t.isView }),
+                style: { width: "16px" }
+              }, [
+                N(e($e), {
+                  class: R(["icon-date", { "has-data": P.value }]),
+                  size: "medium",
+                  "icon-color": Oe
+                }, null, 8, ["class"]),
+                N(e(Ie), {
+                  class: R(["icon-delete", { "has-data": P.value }]),
+                  size: "medium",
+                  "icon-color": Te,
+                  onClick: ce
+                }, null, 8, ["class"])
+              ], 2)
+            ])
+          ]),
+          default: Q(() => [
+            U((w(), S("div", Ee, [
+              c("div", _e, [
+                c("div", ze, [
+                  c("div", {
+                    class: R(["turn-btn turn-left", { disabled: m.value === 1 }])
+                  }, [
+                    N(e(we), {
+                      class: "turn-icon",
+                      size: "medium",
+                      "icon-color": te,
+                      onClick: ie
+                    })
+                  ], 2),
+                  T(" " + C(m.value) + C(e(Y)("das-special-range-picker-month").value), 1)
+                ]),
+                c("div", {
+                  class: "date-container-popover left-date-container",
+                  onMouseleave: d[2] || (d[2] = //@ts-ignore
+                  (...a) => e(V) && e(V)(...a))
+                }, [
+                  (w(!0), S(H, null, X(u.value[m.value], (a) => (w(), S("div", {
+                    class: R(["item", {
+                      "in-range": e(h)(a, "left") || e(r)(a, "left"),
+                      "new-range": e(k)(a, "left"),
+                      "range-start": e(s).begin === `${e(o)(m.value)}/${e(o)(a)}`,
+                      "range-end": e(s).end === `${e(o)(m.value)}/${e(o)(a)}`,
+                      "out-range": e($)(a, "left") || e(_)(a, "left")
+                    }]),
+                    onMouseenter: (z) => e(F)(a, "left"),
+                    onClick: (z) => e(Z)(a, "left")
+                  }, [
+                    c("div", Pe, C(a), 1)
+                  ], 42, Le))), 256))
+                ], 32)
               ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["visible"])
-          ],
-          2
-          /* CLASS */
-        ),
-        e(u) && o.errorLabel ? (I(), S(
-          H,
-          { key: 0 },
-          [
-            o.errorMode === "default" ? U((I(), S("div", He, [
-              T(
-                $(o.errorLabel),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [e(ye)]
-            ]) : e(j) ? (I(), S(
-              H,
-              { key: 1 },
-              [
-                e(j) ? (I(), he(De, {
-                  key: 0,
-                  to: "body"
+              c("div", Be, [
+                c("div", Ne, [
+                  c("div", {
+                    class: R(["turn-btn turn-right", { disabled: b.value === 12 }])
+                  }, [
+                    N(e(Ce), {
+                      class: "turn-icon",
+                      size: "medium",
+                      "icon-color": te,
+                      onClick: ue
+                    })
+                  ], 2),
+                  T(" " + C(b.value) + C(e(Y)("das-special-range-picker-month").value), 1)
+                ]),
+                c("div", {
+                  class: "date-container-popover right-date-container",
+                  onMouseleave: d[3] || (d[3] = //@ts-ignore
+                  (...a) => e(V) && e(V)(...a))
                 }, [
-                  v(
-                    "div",
-                    {
-                      style: N(e(le))
-                    },
-                    [
-                      v(
-                        "span",
-                        {
-                          style: N(e(q))
-                        },
-                        $(o.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (I(), S(
-                  "div",
-                  {
-                    key: 1,
-                    style: N(e(oe)),
-                    class: "das-special-range-picker-overlay-error-label-content"
-                  },
-                  [
-                    v(
-                      "span",
-                      {
-                        style: N(e(q))
-                      },
-                      $(o.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : ee("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : ee("v-if", !0)
-      ],
-      36
-      /* STYLE, NEED_HYDRATION */
-    ));
+                  (w(!0), S(H, null, X(u.value[b.value], (a) => (w(), S("div", {
+                    class: R(["item", {
+                      "in-range": e(h)(a, "right") || e(r)(a, "right"),
+                      "new-range": e(k)(a, "right"),
+                      "range-start": e(s).begin === `${e(o)(b.value)}/${e(o)(a)}`,
+                      "range-end": e(s).end === `${e(o)(b.value)}/${e(o)(a)}`,
+                      "out-range": e($)(a, "right") || e(_)(a, "right")
+                    }]),
+                    onMouseenter: (z) => e(F)(a, "right"),
+                    onClick: (z) => e(Z)(a, "right")
+                  }, [
+                    c("div", Ye, C(a), 1)
+                  ], 42, Ve))), 256))
+                ], 32)
+              ])
+            ])), [
+              [e(Me), de]
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 2),
+      e(i) && p.errorLabel ? (w(), S(H, { key: 0 }, [
+        p.errorMode === "default" ? U((w(), S("div", He, [
+          T(C(p.errorLabel), 1)
+        ])), [
+          [e(ye)]
+        ]) : e(j) ? (w(), S(H, { key: 1 }, [
+          e(j) ? (w(), he(De, {
+            key: 0,
+            to: "body"
+          }, [
+            c("div", {
+              style: B(e(le))
+            }, [
+              c("span", {
+                style: B(e(q))
+              }, C(p.errorLabel), 5)
+            ], 4)
+          ])) : (w(), S("div", {
+            key: 1,
+            style: B(e(oe)),
+            class: "das-special-range-picker-overlay-error-label-content"
+          }, [
+            c("span", {
+              style: B(e(q))
+            }, C(p.errorLabel), 5)
+          ], 4))
+        ], 64)) : ee("", !0)
+      ], 64)) : ee("", !0)
+    ], 36));
   }
-}), We = (o, g) => {
-  const t = o.__vccOpts || o;
-  for (const [n, p] of g)
-    t[n] = p;
+}), We = (D, g) => {
+  const t = D.__vccOpts || D;
+  for (const [n, v] of g)
+    t[n] = v;
   return t;
 }, Ze = /* @__PURE__ */ We(Ae, [["__scopeId", "data-v-97102556"]]), Fe = {
   "das-special-range-picker-begin-date": { "zh-CN": "开始日期", en: "Start Date", "zh-MO": "開始日期", _appCode: "framework" },