@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

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

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