@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

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

@@ -1,132 +1,132 @@
 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 _, 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 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 { 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 { ElPopover as ke, 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 { 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 $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 re } from "@das-fed/upf-utils/vue";
+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 { useModelValue as ae } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme";
-const ne = () => ({ getDateTime: (r) => {
-  const p = `2020/${r}`;
+const ne = () => ({ getDateTime: (n) => {
+  const p = `2020/${n}`;
   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();
+}, 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();
   return {
     popClickData: u,
     isInRange: (l, i) => {
       if (!u.value.begin || !u.value.end) return !1;
-      const m = {
+      const h = {
         left: o.value,
         right: g.value
-      }, n = f(`${c(m[i])}/${c(l)}`), k = f(u.value.begin), w = f(u.value.end);
-      return n <= w && n >= k;
+      }, r = f(`${c(h[i])}/${c(l)}`), D = f(u.value.begin), x = f(u.value.end);
+      return r <= x && r >= D;
     },
     isInHoverRange: (l, i) => {
       if (!t.value[0] || !t.value[1]) return !1;
-      const m = {
+      const h = {
         left: o.value,
         right: g.value
-      }, n = f(`${c(m[i])}/${c(l)}`), k = f(t.value[0]), w = f(t.value[1]);
-      return n <= w && n >= k;
+      }, r = f(`${c(h[i])}/${c(l)}`), D = f(t.value[0]), x = f(t.value[1]);
+      return r <= x && r >= D;
     },
     isInNewRange: (l, i) => {
-      if (!u.value.begin || !u.value.end || !I.value) return !1;
-      const m = {
+      if (!u.value.begin || !u.value.end || !w.value) return !1;
+      const h = {
         left: o.value,
         right: g.value
-      }, 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);
+      }, 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);
     },
     outBeginDate: (l, i) => {
       if (!u.value.begin) return !1;
-      const m = {
+      const h = {
         left: o.value,
         right: g.value
-      }, n = f(`${c(m[i])}/${c(l)}`), k = f(u.value.begin);
-      return p.value === 1 && r.value === "end" && n < k;
+      }, r = f(`${c(h[i])}/${c(l)}`), D = f(u.value.begin);
+      return p.value === 1 && n.value === "end" && r < D;
     },
     outEndDate: (l, i) => {
       if (!u.value.end) return !1;
-      const m = {
+      const h = {
         left: o.value,
         right: g.value
-      }, n = f(`${c(m[i])}/${c(l)}`), k = f(u.value.end);
-      return p.value === 1 && r.value === "begin" && n > k;
+      }, r = f(`${c(h[i])}/${c(l)}`), D = f(u.value.end);
+      return p.value === 1 && n.value === "begin" && r > D;
     },
     clickData: (l, i) => {
       p.value++;
-      const m = {
+      const h = {
         left: o.value,
         right: g.value
-      }, 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();
+      }, 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();
     },
     mouseEnter: (l, i) => {
-      const m = {
+      const h = {
         left: o.value,
         right: g.value
-      }, n = `${c(m[i])}/${c(l)}`;
-      I.value = n, r.value === "begin" ? t.value[0] = n : t.value[1] = n;
+      }, r = `${c(h[i])}/${c(l)}`;
+      w.value = r, n.value === "begin" ? t.value[0] = r : t.value[1] = r;
     },
     mouseLeave: () => {
-      I.value = "", r.value === "begin" ? t.value[0] = s.value[0] : t.value[1] = s.value[1];
+      w.value = "", n.value === "begin" ? t.value[0] = s.value[0] : t.value[1] = s.value[1];
     }
   };
 }, Se = (o) => {
-  const g = D(), t = D(!1), r = D(0), p = D({
+  const g = k(), t = k(!1), n = k(0), p = k({
     x: 0,
     y: 0
-  }), 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",
+  }), s = A(() => ({
+    fontSize: "12px",
+    // 错误浮层直接消费新主题根变量，保持悬浮提示与表单错误态一致。
+    backgroundColor: "var(--upf-message-error-bg, var(--upf-bg-primary))",
+    boxShadow: "var(--upf-box-shadow-elevated, 0px 4px 12px rgba(38, 38, 38, 0.12))",
+    borderRadius: "var(--upf-border-radius, 4px)",
     padding: "2px 8px",
-    "box-sizing": "border-box",
-    "z-index": o.errorModelZIndex
-  })), M = W(() => ({
+    boxSizing: "border-box",
+    zIndex: o.errorModelZIndex
+  })), y = A(() => ({
     ...s.value,
-    width: r.value + "px",
+    width: n.value + "px",
     position: "fixed",
     visibility: "visible",
     top: p.value.y + "px",
     left: p.value.x + "px"
-  })), u = D({
+  })), u = k({
     display: "block",
-    "text-align": "left",
-    color: U("--das-ui-special-range-picker-error").value,
-    "white-space": "break-spaces"
+    textAlign: "left",
+    color: "var(--upf-message-error-text, var(--upf-color-error))",
+    whiteSpace: "break-spaces"
     // 'word-break': 'break-all',
-  }), 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;
+  }), w = () => {
+    var E, P, B;
+    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;
   };
   return {
     $dasSpecialRangeYearPicker: g,
     isHoverInInput: t,
     errorModalBaseSyle: s,
-    errorModelStyle: M,
+    errorModelStyle: y,
     errorLabelStyle: u,
     errorModalInputMouseEnter: () => {
-      I(), t.value = !0;
+      w(), t.value = !0;
     },
     errorModallInputMouseLeave: () => {
       t.value = !1;
     }
   };
-}, 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 = {
+}, 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 = {
   key: 0,
   class: "das-special-range-picker-error-label-content"
-}, Ye = /* @__PURE__ */ be({
+}, Oe = "var(--das-ui-color-normal)", Te = "var(--das-ui-special-range-picker-close-btn)", te = "var(--das-ui-color-help)", Ae = /* @__PURE__ */ me({
   __name: "Index",
   props: {
     modelValue: {},
@@ -143,105 +143,105 @@ const ne = () => ({ getDateTime: (r) => {
   },
   emits: ["update:modelValue", "update:error", "change", "show-popover"],
   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 B = D(0), P = W(() => !t.disabled && !t.isView && s.value[0] && s.value[1]), Y = (C, d) => {
+    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);
+    let E = !0;
+    const P = k(0), B = A(() => !t.disabled && !t.isView && s.value[0] && s.value[1]), O = (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) {
+        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]);
-          d === "begin" ? (h.value = a < 12 ? a : 11, b.value = h.value + 1) : (b.value = a > 1 ? a : 2, h.value = b.value - 1);
+          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
-          h.value = I.value < 12 ? I.value : 11, b.value = h.value + 1;
-        r("show-popover");
+          m.value = w.value < 12 ? w.value : 11, b.value = m.value + 1;
+        n("show-popover");
       }
-    }, Z = () => {
-      y.value = void 0;
+    }, W = () => {
+      M.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;
+      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,
-      isInRange: m,
-      isInHoverRange: n,
-      isInNewRange: k,
-      outBeginDate: w,
+      isInRange: h,
+      isInHoverRange: r,
+      isInNewRange: D,
+      outBeginDate: x,
       outEndDate: z,
-      clickData: A,
-      mouseEnter: j,
-      mouseLeave: N
-    } = Ee(h, b, M, y, B, s, Z), {
-      $dasSpecialRangeYearPicker: oe,
-      isHoverInInput: q,
-      errorModalBaseSyle: le,
-      errorModelStyle: se,
-      errorLabelStyle: G,
-      errorModalInputMouseEnter: J,
-      errorModallInputMouseLeave: K
-    } = Se(t), ie = () => {
-      h.value !== 1 && (h.value--, b.value--);
+      clickData: Z,
+      mouseEnter: F,
+      mouseLeave: V
+    } = Ce(m, b, y, M, P, s, W), {
+      $dasSpecialRangeYearPicker: re,
+      isHoverInInput: j,
+      errorModalBaseSyle: oe,
+      errorModelStyle: le,
+      errorLabelStyle: q,
+      errorModalInputMouseEnter: G,
+      errorModallInputMouseLeave: J
+    } = Se(t), se = re, ie = () => {
+      m.value !== 1 && (m.value--, b.value--);
     }, ue = () => {
-      b.value !== 12 && (b.value++, h.value++);
+      b.value !== 12 && (b.value++, m.value++);
     }, ce = () => {
       setTimeout(() => {
-        if (!R) {
-          R = !0;
+        if (!E) {
+          E = !0;
           return;
         }
-        M.value = ["", ""], i.value = { begin: s.value[0], end: s.value[1] }, y.value = void 0, p.value = !1;
+        y.value = ["", ""], i.value = { begin: s.value[0], end: s.value[1] }, M.value = void 0, p.value = !1;
       }, 50);
     }, de = () => {
-      r("update:modelValue", [null, null]), r("update:error", !1), r("change", [null, null]);
+      n("update:modelValue", [null, null]), n("update:error", !1), n("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);
+      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] };
     };
-    return me(() => {
+    return be(() => {
       ve(c.value);
-    }), (C, d) => (x(), E(
+    }), (C, d) => (I(), S(
       "div",
       {
-        ref_key: "$dasSpecialRangeYearPicker",
-        ref: oe,
-        style: V({ width: o.width, position: "relative" }),
+        ref_key: "specialRangeYearPickerRef",
+        ref: se,
+        style: N({ width: o.width, position: "relative" }),
         onMouseenter: d[4] || (d[4] = //@ts-ignore
-        (...a) => e(J) && e(J)(...a)),
+        (...a) => e(G) && e(G)(...a)),
         onMouseleave: d[5] || (d[5] = //@ts-ignore
-        (...a) => e(K) && e(K)(...a))
+        (...a) => e(J) && e(J)(...a))
       },
       [
         v(
           "div",
           {
-            class: S(["das-ui-special-range-picker-year-container", [
+            class: R(["das-ui-special-range-picker-year-container", [
               o.borderType,
               t.disabled ? "disabled" : "",
               t.isView ? "readonly" : "",
-              { active: y.value !== void 0 },
+              { active: M.value !== void 0 },
               e(u) ? "is-error" : "",
               o.size
             ]])
           },
           [
-            F(e(ye), {
+            _(e(ke), {
               visible: p.value,
               placement: "bottom-start",
               "popper-class": "das-special-range-picker-year-container",
               width: 481,
               trigger: "click"
             }, {
-              reference: X(() => [
+              reference: Q(() => [
                 v("div", Re, [
                   v(
                     "div",
                     {
-                      class: S(["left-date", {
-                        placeholder: !e(s)[0] || y.value === "begin" && M.value[0],
-                        active: y.value === "begin"
+                      class: R(["left-date", {
+                        placeholder: !e(s)[0] || M.value === "begin" && y.value[0],
+                        active: M.value === "begin"
                       }]),
-                      onClick: d[0] || (d[0] = (a) => Y(e(s)[0], "begin"))
+                      onClick: d[0] || (d[0] = (a) => O(e(s)[0], "begin"))
                     },
-                    $(M.value[0] || e(s)[0] || e(_)("das-special-range-picker-begin-date").value),
+                    $(y.value[0] || e(s)[0] || e(Y)("das-special-range-picker-begin-date").value),
                     3
                     /* TEXT, CLASS */
                   ),
@@ -255,62 +255,62 @@ const ne = () => ({ getDateTime: (r) => {
                   v(
                     "div",
                     {
-                      class: S(["right-date", {
-                        placeholder: !e(s)[1] || y.value === "end" && M.value[1],
-                        active: y.value === "end"
+                      class: R(["right-date", {
+                        placeholder: !e(s)[1] || M.value === "end" && y.value[1],
+                        active: M.value === "end"
                       }]),
-                      onClick: d[1] || (d[1] = (a) => Y(e(s)[1], "end"))
+                      onClick: d[1] || (d[1] = (a) => O(e(s)[1], "end"))
                     },
-                    $(M.value[1] || e(s)[1] || e(_)("das-special-range-picker-end-date").value),
+                    $(y.value[1] || e(s)[1] || e(Y)("das-special-range-picker-end-date").value),
                     3
                     /* TEXT, CLASS */
                   ),
                   v(
                     "div",
                     {
-                      class: S({ "is-view": t.isView }),
+                      class: R({ "is-view": t.isView }),
                       style: { width: "16px" }
                     },
                     [
-                      F(e($e), {
-                        class: S(["icon-date", { "has-data": P.value }]),
+                      _(e(Ie), {
+                        class: R(["icon-date", { "has-data": B.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 }]),
+                        "icon-color": Oe
+                      }, null, 8, ["class"]),
+                      _(e(xe), {
+                        class: R(["icon-delete", { "has-data": B.value }]),
                         size: "medium",
-                        "icon-color": e(H)("--das-ui-special-range-picker-close-btn"),
+                        "icon-color": Te,
                         onClick: de
-                      }, null, 8, ["class", "icon-color"])
+                      }, null, 8, ["class"])
                     ],
                     2
                     /* CLASS */
                   )
                 ])
               ]),
-              default: X(() => [
-                ee((x(), E("div", ze, [
-                  v("div", Le, [
-                    v("div", Be, [
+              default: Q(() => [
+                U((I(), S("div", Ee, [
+                  v("div", ze, [
+                    v("div", Le, [
                       v(
                         "div",
                         {
-                          class: S(["turn-btn turn-left", { disabled: h.value === 1 }])
+                          class: R(["turn-btn turn-left", { disabled: m.value === 1 }])
                         },
                         [
-                          F(e(Ie), {
+                          _(e($e), {
                             class: "turn-icon",
                             size: "medium",
-                            "icon-color": e(H)("--das-ui-color-help"),
+                            "icon-color": te,
                             onClick: ie
-                          }, null, 8, ["icon-color"])
+                          })
                         ],
                         2
                         /* CLASS */
                       ),
                       T(
-                        " " + $(h.value) + $(e(_)("das-special-range-picker-month").value),
+                        " " + $(m.value) + $(e(Y)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -320,26 +320,26 @@ const ne = () => ({ getDateTime: (r) => {
                       {
                         class: "date-container-popover left-date-container",
                         onMouseleave: d[2] || (d[2] = //@ts-ignore
-                        (...a) => e(N) && e(N)(...a))
+                        (...a) => e(V) && e(V)(...a))
                       },
                       [
-                        (x(!0), E(
-                          O,
+                        (I(!0), S(
+                          H,
                           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")
+                          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(j)(a, "left"),
-                            onClick: (L) => e(A)(a, "left")
+                            onMouseenter: (L) => e(F)(a, "left"),
+                            onClick: (L) => e(Z)(a, "left")
                           }, [
                             v(
                               "div",
-                              Ve,
+                              Be,
                               $(a),
                               1
                               /* TEXT */
@@ -353,26 +353,26 @@ const ne = () => ({ getDateTime: (r) => {
                       /* NEED_HYDRATION */
                     )
                   ]),
-                  v("div", Fe, [
-                    v("div", Ne, [
+                  v("div", Ne, [
+                    v("div", _e, [
                       v(
                         "div",
                         {
-                          class: S(["turn-btn turn-right", { disabled: b.value === 12 }])
+                          class: R(["turn-btn turn-right", { disabled: b.value === 12 }])
                         },
                         [
-                          F(e(Ce), {
+                          _(e(we), {
                             class: "turn-icon",
                             size: "medium",
-                            "icon-color": e(H)("--das-ui-color-help"),
+                            "icon-color": te,
                             onClick: ue
-                          }, null, 8, ["icon-color"])
+                          })
                         ],
                         2
                         /* CLASS */
                       ),
                       T(
-                        " " + $(b.value) + $(e(_)("das-special-range-picker-month").value),
+                        " " + $(b.value) + $(e(Y)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -382,31 +382,31 @@ const ne = () => ({ getDateTime: (r) => {
                       {
                         class: "date-container-popover right-date-container",
                         onMouseleave: d[3] || (d[3] = //@ts-ignore
-                        (...a) => e(N) && e(N)(...a))
+                        (...a) => e(V) && e(V)(...a))
                       },
                       [
-                        (x(!0), E(
-                          O,
+                        (I(!0), S(
+                          H,
                           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"),
+                          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(w)(a, "right") || e(z)(a, "right")
+                              "out-range": e(x)(a, "right") || e(z)(a, "right")
                             }]),
-                            onMouseenter: (L) => e(j)(a, "right"),
-                            onClick: (L) => e(A)(a, "right")
+                            onMouseenter: (L) => e(F)(a, "right"),
+                            onClick: (L) => e(Z)(a, "right")
                           }, [
                             v(
                               "div",
-                              He,
+                              Ye,
                               $(a),
                               1
                               /* TEXT */
                             )
-                          ], 42, _e))),
+                          ], 42, Ve))),
                           256
                           /* UNKEYED_FRAGMENT */
                         ))
@@ -426,36 +426,36 @@ const ne = () => ({ getDateTime: (r) => {
           2
           /* CLASS */
         ),
-        e(u) && o.errorLabel ? (x(), E(
-          O,
+        e(u) && o.errorLabel ? (I(), S(
+          H,
           { key: 0 },
           [
-            o.errorMode === "default" ? ee((x(), E("div", Oe, [
+            o.errorMode === "default" ? U((I(), S("div", He, [
               T(
                 $(o.errorLabel),
                 1
                 /* TEXT */
               )
             ])), [
-              [e(we)]
-            ]) : e(q) ? (x(), E(
-              O,
+              [e(ye)]
+            ]) : e(j) ? (I(), S(
+              H,
               { key: 1 },
               [
-                e(q) ? (x(), ke(De, {
+                e(j) ? (I(), he(De, {
                   key: 0,
                   to: "body"
                 }, [
                   v(
                     "div",
                     {
-                      style: V(e(se))
+                      style: N(e(le))
                     },
                     [
                       v(
                         "span",
                         {
-                          style: V(e(G))
+                          style: N(e(q))
                         },
                         $(o.errorLabel),
                         5
@@ -465,18 +465,18 @@ const ne = () => ({ getDateTime: (r) => {
                     4
                     /* STYLE */
                   )
-                ])) : (x(), E(
+                ])) : (I(), S(
                   "div",
                   {
                     key: 1,
-                    style: V(e(le)),
+                    style: N(e(oe)),
                     class: "das-special-range-picker-overlay-error-label-content"
                   },
                   [
                     v(
                       "span",
                       {
-                        style: V(e(G))
+                        style: N(e(q))
                       },
                       $(o.errorLabel),
                       5
@@ -489,46 +489,28 @@ const ne = () => ({ getDateTime: (r) => {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : te("v-if", !0)
+            )) : ee("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : te("v-if", !0)
+        )) : ee("v-if", !0)
       ],
       36
       /* STYLE, NEED_HYDRATION */
     ));
   }
-}), Te = (o, g) => {
+}), We = (o, g) => {
   const t = o.__vccOpts || o;
-  for (const [r, p] of g)
-    t[r] = p;
+  for (const [n, p] of g)
+    t[n] = p;
   return t;
-}, We = /* @__PURE__ */ Te(Ye, [["__scopeId", "data-v-10a253c1"]]), Ze = {
+}, Ze = /* @__PURE__ */ We(Ae, [["__scopeId", "data-v-97102556"]]), Fe = {
   "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" },
   "das-special-range-picker-month": { "zh-CN": "月", en: "Month", "zh-MO": "月", _appCode: "framework" }
-}, Ae = {
-  "--das-ui-special-range-picker-close-btn": { light: "#bfbfbf" },
-  "--das-ui-special-range-picker-close-btn-hover": { light: "#8c8c8c" },
-  "--das-ui-special-range-picker-color-primary": { light: "#5582F3" },
-  // 主题色
-  "--das-ui-special-range-picker-color-white": { light: "#ffffff" },
-  "--das-ui-special-range-picker-hover-color": { light: "#f5f5f5" },
-  "--das-ui-special-range-picker-border-color": { light: "#d9d9d9" },
-  "--das-ui-special-range-picker-header-bgcolor": { light: "#fafafa" },
-  "--das-ui-special-range-picker-box-shadow-5": { light: "rgb(0 0 0 / 5%)" },
-  "--das-ui-special-range-picker-box-shadow-8": { light: "rgb(0 0 0 / 8%)" },
-  "--das-ui-special-range-picker-box-shadow-12": { light: "rgb(0 0 0 / 12%)" },
-  "--das-ui-special-range-picker-in-range": { light: "#F2F6FF" },
-  "--das-ui-special-range-picker-new-range": { light: "#E3EBFF" },
-  "--das-ui-special-range-picker-disabled": { light: "#e5e5e5" },
-  "--das-ui-special-range-picker-error": { light: "#FB2323" },
-  "--das-ui-special-range-picker-overlay-error-bg-color": { light: "#FFDBE0" }
-}, oa = ge(We);
-fe(Ze);
-he(Ae);
+}, ra = ge(Ze);
+fe(Fe);
 export {
-  oa as DasSpecialRangePickerYear,
-  oa as default
+  ra as DasSpecialRangePickerYear,
+  ra as default
 };