@das-fed/upf-ui 6.4.0-dev.231 → 6.4.0-dev.232

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

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