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

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

@@ -1,110 +1,111 @@
 import '@das-fed/ui/packages/components/special-range-picker-month/style.css';
-import { withInstall as oe } from "@das-fed/utils/with-install/index";
-import { getVarValue as B, getVar as r, setGlobalThemeRule as te, setThemeRule as ne } from "@das-fed/web/packages/theme/index";
-import { t as P, setI18nRule as se } from "@das-fed/web/packages/i18n/index";
-import { ref as k, computed as H, defineComponent as le, onMounted as ie, createElementBlock as x, openBlock as w, unref as e, normalizeStyle as $, createElementVNode as m, createCommentVNode as Z, normalizeClass as C, createVNode as V, withCtx as A, withDirectives as F, Fragment as _, renderList as de, toDisplayString as I, createTextVNode as ce, createBlock as ue, Teleport as pe } from "vue";
-import { ElPopover as ve, ClickOutside as ge } from "element-plus";
-import { vDasTooltip as be } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { withInstall as te } from "@das-fed/utils/with-install/index";
+import { t as N, setI18nRule as oe } from "@das-fed/web/packages/i18n/index";
+import { getVarValue as W, getVar as Y, setThemeRule as ne } from "@das-fed/web/packages/theme/index";
+import { ref as m, computed as V, defineComponent as le, onMounted as se, createElementBlock as w, openBlock as y, unref as e, normalizeStyle as z, createElementVNode as b, createCommentVNode as Z, normalizeClass as x, createVNode as $, withCtx as A, withDirectives as j, Fragment as P, renderList as ie, toDisplayString as I, createTextVNode as ue, createBlock as de, Teleport as ce } from "vue";
+import { ElPopover as pe, ClickOutside as ve } from "element-plus";
+import { vDasTooltip as ge } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasIconDate as fe } from "@das-fed/ui/packages/icons/date/index";
-import { DasIconEmpty as me } from "@das-fed/ui/packages/icons/empty/index";
-import { useModelValue as G } from "@das-fed/utils/vue";
-const j = () => ({ getDateTime: (n) => {
-  const s = `2020/03/${n}`;
-  return new Date(s).getTime();
-}, formatDateStr: (n) => {
-  const s = Number(n);
-  return s >= 10 ? s : "0" + s;
-} }), ke = (c, i, o, n, s) => {
-  const a = k({ begin: "", end: "" }), u = k(""), { getDateTime: l, formatDateStr: b } = j();
+import { DasIconEmpty as be } from "@das-fed/ui/packages/icons/empty/index";
+import { useModelValue as q } from "@das-fed/utils/vue";
+import "@das-fed/ui/packages/global/theme";
+const G = () => ({ getDateTime: (o) => {
+  const n = `2020/03/${o}`;
+  return new Date(n).getTime();
+}, formatDateStr: (o) => {
+  const n = Number(o);
+  return n >= 10 ? n : "0" + n;
+} }), me = (u, s, r, o, n) => {
+  const a = m({ begin: "", end: "" }), d = m(""), { getDateTime: l, formatDateStr: g } = G();
   return {
     popClickData: a,
-    isInRange: (v) => {
+    isInRange: (p) => {
       if (!a.value.begin || !a.value.end) return !1;
-      const t = l(b(v)), f = l(a.value.begin), D = l(a.value.end);
-      return t <= D && t >= f;
+      const t = l(g(p)), f = l(a.value.begin), k = l(a.value.end);
+      return t <= k && t >= f;
     },
-    isInHoverRange: (v) => {
-      if (!c.value[0] || !c.value[1]) return !1;
-      const t = l(b(v)), f = l(`${b(c.value[0])}`), D = l(`${b(c.value[1])}`);
-      return t <= D && t >= f;
+    isInHoverRange: (p) => {
+      if (!u.value[0] || !u.value[1]) return !1;
+      const t = l(g(p)), f = l(`${g(u.value[0])}`), k = l(`${g(u.value[1])}`);
+      return t <= k && t >= f;
     },
-    isInNewRange: (v) => {
-      if (!a.value.begin || !a.value.end || !u.value) return !1;
-      const t = l(b(v)), f = l(u.value);
-      let D = l(a.value.begin), S = l(a.value.end);
-      return i.value === "begin" ? (f > D && (D = f), t <= S && t >= D) : (f < S && (S = f), t <= S && t >= D);
+    isInNewRange: (p) => {
+      if (!a.value.begin || !a.value.end || !d.value) return !1;
+      const t = l(g(p)), f = l(d.value);
+      let k = l(a.value.begin), C = l(a.value.end);
+      return s.value === "begin" ? (f > k && (k = f), t <= C && t >= k) : (f < C && (C = f), t <= C && t >= k);
     },
-    outBeginDate: (v) => {
+    outBeginDate: (p) => {
       if (!a.value.begin) return !1;
-      const t = l(b(v)), f = l(a.value.begin);
-      return o.value === 1 && i.value === "end" && t < f;
+      const t = l(g(p)), f = l(a.value.begin);
+      return r.value === 1 && s.value === "end" && t < f;
     },
-    outEndDate: (v) => {
+    outEndDate: (p) => {
       if (!a.value.end) return !1;
-      const t = l(b(v)), f = l(a.value.end);
-      return o.value === 1 && i.value === "begin" && t > f;
+      const t = l(g(p)), f = l(a.value.end);
+      return r.value === 1 && s.value === "begin" && t > f;
     },
-    clickData: (v) => {
-      o.value++;
-      const t = `${b(v)}`;
-      i.value === "begin" ? a.value.begin = t : a.value.end = t, o.value === 1 ? i.value = i.value === "begin" ? "end" : "begin" : s();
+    clickData: (p) => {
+      r.value++;
+      const t = `${g(p)}`;
+      s.value === "begin" ? a.value.begin = t : a.value.end = t, r.value === 1 ? s.value = s.value === "begin" ? "end" : "begin" : n();
     },
-    mouseEnter: (v) => {
-      const t = `${b(v)}`;
-      u.value = t, i.value === "begin" ? c.value[0] = t : c.value[1] = t;
+    mouseEnter: (p) => {
+      const t = `${g(p)}`;
+      d.value = t, s.value === "begin" ? u.value[0] = t : u.value[1] = t;
     },
     mouseLeave: () => {
-      u.value = "", i.value === "begin" ? c.value[0] = n.value[0] : c.value[1] = n.value[1];
+      d.value = "", s.value === "begin" ? u.value[0] = o.value[0] : u.value[1] = o.value[1];
     }
   };
-}, he = (c) => {
-  const i = k(), o = k(!1), n = k(0), s = k({
+}, he = (u) => {
+  const s = m(), r = m(!1), o = m(0), n = m({
     x: 0,
     y: 0
-  }), a = H(() => ({
+  }), a = V(() => ({
     "font-size": "12px",
-    "background-color": B("--das-ui-special-range-picker-overlay-error-bg-color").value,
-    "box-shadow": B("--das-ui-special-range-picker-overlay-error-shadow").value,
-    "border-radius": B("--das-ui-special-range-picker-radius-overlay-error").value,
+    "background-color": W("--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": c.errorModelZIndex
-  })), u = H(() => ({
+    "z-index": u.errorModelZIndex
+  })), d = V(() => ({
     ...a.value,
-    width: n.value + "px",
+    width: o.value + "px",
     position: "fixed",
     visibility: "visible",
-    top: s.value.y + "px",
-    left: s.value.x + "px"
-  })), l = k({
+    top: n.value.y + "px",
+    left: n.value.x + "px"
+  })), l = m({
     display: "block",
     "text-align": "left",
-    color: B("--das-ui-special-range-picker-error").value,
+    color: W("--das-ui-special-range-picker-error").value,
     "white-space": "break-spaces"
     // 'word-break': 'break-all',
-  }), b = () => {
-    var N, M, y;
-    n.value = (N = i.value) == null ? void 0 : N.clientWidth;
-    const { top: E = 0, left: L = 0 } = ((M = i.value) == null ? void 0 : M.getBoundingClientRect()) ?? {}, z = (y = i.value) == null ? void 0 : y.clientHeight;
-    s.value.x = L, s.value.y = E + z;
+  }), g = () => {
+    var L, M, D;
+    o.value = (L = s.value) == null ? void 0 : L.clientWidth;
+    const { top: S = 0, left: R = 0 } = ((M = s.value) == null ? void 0 : M.getBoundingClientRect()) ?? {}, B = (D = s.value) == null ? void 0 : D.clientHeight;
+    n.value.x = R, n.value.y = S + B;
   };
   return {
-    $dasSpecialRangeMonthPicker: i,
-    isHoverInInput: o,
+    $dasSpecialRangeMonthPicker: s,
+    isHoverInInput: r,
     errorModalBaseSyle: a,
-    errorModelStyle: u,
+    errorModelStyle: d,
     errorLabelStyle: l,
     errorModalInputMouseEnter: () => {
-      b(), o.value = !0;
+      g(), r.value = !0;
     },
     errorModallInputMouseLeave: () => {
-      o.value = !1;
+      r.value = !1;
     }
   };
-}, De = { class: "date-container" }, ye = { class: "month-container" }, we = { class: "month-container left-month-container" }, Me = ["onMouseenter", "onClick"], xe = { class: "item-text" }, Ie = {
+}, ke = { class: "date-container" }, De = { class: "month-container" }, ye = { class: "month-container left-month-container" }, Me = ["onMouseenter", "onClick"], we = { class: "item-text" }, Ie = {
   key: 0,
   class: "das-special-range-picker-error-label-content"
-}, Ce = /* @__PURE__ */ le({
+}, xe = /* @__PURE__ */ le({
   __name: "Index",
   props: {
     modelValue: {},
@@ -120,129 +121,129 @@ const j = () => ({ getDateTime: (n) => {
     errorModelZIndex: { default: 2e3 }
   },
   emits: ["update:modelValue", "change", "update:error", "show-popover"],
-  setup(c, { emit: i }) {
-    const o = c, n = i, s = k(!1), a = G(o, "modelValue"), u = k(["", ""]), l = G(o, "error"), b = k([]), h = k(void 0);
-    let R = !0;
-    const E = k(0), L = H(() => !o.disabled && !o.isView && a.value[0] && a.value[1]), z = (g, p) => {
-      o.disabled || o.isView || (R = !1, s.value = !0, h.value = p, E.value = 0, u.value = [a.value[0], a.value[1]], n("show-popover"));
-    }, N = () => {
+  setup(u, { emit: s }) {
+    const r = u, o = s, n = m(!1), a = q(r, "modelValue"), d = m(["", ""]), l = q(r, "error"), g = m([]), h = m(void 0);
+    let E = !0;
+    const S = m(0), R = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), B = (v, c) => {
+      r.disabled || r.isView || (E = !1, n.value = !0, h.value = c, S.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
+    }, L = () => {
       h.value = void 0;
-      const g = y.value;
-      n("update:modelValue", [g.begin, g.end]), n("change", [g.begin, g.end]), n("update:error", !1), s.value = !1;
-    }, { formatDateStr: M } = j(), {
-      popClickData: y,
-      isInRange: v,
+      const v = D.value;
+      o("update:modelValue", [v.begin, v.end]), o("change", [v.begin, v.end]), o("update:error", !1), n.value = !1;
+    }, { formatDateStr: M } = G(), {
+      popClickData: D,
+      isInRange: p,
       isInHoverRange: t,
       isInNewRange: f,
-      outBeginDate: D,
-      outEndDate: S,
+      outBeginDate: k,
+      outEndDate: C,
       clickData: J,
       mouseEnter: K,
-      mouseLeave: T
-    } = ke(u, h, E, a, N), {
+      mouseLeave: F
+    } = me(d, h, S, a, L), {
       $dasSpecialRangeMonthPicker: Q,
-      isHoverInInput: q,
+      isHoverInInput: _,
       errorModalBaseSyle: U,
       errorModelStyle: X,
-      errorLabelStyle: O,
-      errorModalInputMouseEnter: W,
-      errorModallInputMouseLeave: Y
-    } = he(o), ee = () => {
+      errorLabelStyle: H,
+      errorModalInputMouseEnter: T,
+      errorModallInputMouseLeave: O
+    } = he(r), ee = () => {
       setTimeout(() => {
-        if (!R) {
-          R = !0;
+        if (!E) {
+          E = !0;
           return;
         }
-        u.value = ["", ""], y.value = { begin: a.value[0], end: a.value[1] }, h.value = void 0, s.value = !1;
+        d.value = ["", ""], D.value = { begin: a.value[0], end: a.value[1] }, h.value = void 0, n.value = !1;
       }, 50);
     }, ae = () => {
-      n("update:modelValue", [null, null]), n("update:error", !1), n("change", [null, null]);
+      o("update:modelValue", [null, null]), o("update:error", !1), o("change", [null, null]);
     };
-    return ie(() => {
-      b.value = Array.from({ length: 31 }, (g, p) => p + 1), y.value = { begin: a.value[0], end: a.value[1] };
-    }), (g, p) => (w(), x(
+    return se(() => {
+      g.value = Array.from({ length: 31 }, (v, c) => c + 1), D.value = { begin: a.value[0], end: a.value[1] };
+    }), (v, c) => (y(), w(
       "div",
       {
         ref_key: "$dasSpecialRangeMonthPicker",
         ref: Q,
-        style: $({ width: g.width, position: "relative" }),
-        onMouseenter: p[3] || (p[3] = //@ts-ignore
-        (...d) => e(W) && e(W)(...d)),
-        onMouseleave: p[4] || (p[4] = //@ts-ignore
-        (...d) => e(Y) && e(Y)(...d))
+        style: z({ width: v.width, position: "relative" }),
+        onMouseenter: c[3] || (c[3] = //@ts-ignore
+        (...i) => e(T) && e(T)(...i)),
+        onMouseleave: c[4] || (c[4] = //@ts-ignore
+        (...i) => e(O) && e(O)(...i))
       },
       [
-        m(
+        b(
           "div",
           {
-            class: C(["das-ui-special-range-picker-month-container", [
-              g.borderType,
-              o.disabled ? "disabled" : "",
-              o.isView ? "readonly" : "",
+            class: x(["das-ui-special-range-picker-month-container", [
+              v.borderType,
+              r.disabled ? "disabled" : "",
+              r.isView ? "readonly" : "",
               { active: h.value !== void 0 },
               e(l) ? "is-error" : "",
-              g.size
+              v.size
             ]])
           },
           [
-            V(e(ve), {
-              visible: s.value,
+            $(e(pe), {
+              visible: n.value,
               placement: "bottom-start",
               "popper-class": "das-special-range-picker-month-container",
               width: 280,
               trigger: "click"
             }, {
               reference: A(() => [
-                m("div", De, [
-                  m(
+                b("div", ke, [
+                  b(
                     "div",
                     {
-                      class: C(["left-date", {
-                        placeholder: !e(a)[0] || h.value === "begin" && u.value[0],
+                      class: x(["left-date", {
+                        placeholder: !e(a)[0] || h.value === "begin" && d.value[0],
                         active: h.value === "begin"
                       }]),
-                      onClick: p[0] || (p[0] = (d) => z(e(a)[0], "begin"))
+                      onClick: c[0] || (c[0] = (i) => B(e(a)[0], "begin"))
                     },
-                    I(u.value[0] || e(a)[0] || e(P)("das-special-range-picker-begin-date")) + I(u.value[0] || e(a)[0] ? e(P)("das-special-range-picker-date") : ""),
+                    I(d.value[0] || e(a)[0] || e(N)("das-special-range-picker-begin-date")) + I(d.value[0] || e(a)[0] ? e(N)("das-special-range-picker-date") : ""),
                     3
                     /* TEXT, CLASS */
                   ),
-                  p[5] || (p[5] = m(
+                  c[5] || (c[5] = b(
                     "div",
                     { class: "separator" },
                     "~",
                     -1
                     /* CACHED */
                   )),
-                  m(
+                  b(
                     "div",
                     {
-                      class: C(["right-date", {
-                        placeholder: !e(a)[1] || h.value === "end" && u.value[1],
+                      class: x(["right-date", {
+                        placeholder: !e(a)[1] || h.value === "end" && d.value[1],
                         active: h.value === "end"
                       }]),
-                      onClick: p[1] || (p[1] = (d) => z(e(a)[1], "end"))
+                      onClick: c[1] || (c[1] = (i) => B(e(a)[1], "end"))
                     },
-                    I(u.value[1] || e(a)[1] || e(P)("das-special-range-picker-end-date")) + I(u.value[1] || e(a)[1] ? e(P)("das-special-range-picker-date") : ""),
+                    I(d.value[1] || e(a)[1] || e(N)("das-special-range-picker-end-date")) + I(d.value[1] || e(a)[1] ? e(N)("das-special-range-picker-date") : ""),
                     3
                     /* TEXT, CLASS */
                   ),
-                  m(
+                  b(
                     "div",
                     {
-                      class: C({ "is-view": o.isView }),
+                      class: x({ "is-view": r.isView }),
                       style: { width: "16px" }
                     },
                     [
-                      V(e(fe), {
-                        class: C(["icon-date", { "has-data": L.value }]),
+                      $(e(fe), {
+                        class: x(["icon-date", { "has-data": R.value }]),
                         size: "medium",
-                        "icon-color": e(r)("--das-ui-special-range-picker-color-icon")
+                        "icon-color": e(Y)("--das-ui-color-normal")
                       }, null, 8, ["class", "icon-color"]),
-                      V(e(me), {
-                        class: C(["icon-delete", { "has-data": L.value }]),
+                      $(e(be), {
+                        class: x(["icon-delete", { "has-data": R.value }]),
                         size: "medium",
-                        "icon-color": e(r)("--das-ui-special-range-picker-close-btn"),
+                        "icon-color": e(Y)("--das-ui-special-range-picker-close-btn"),
                         onClick: ae
                       }, null, 8, ["class", "icon-color"])
                     ],
@@ -252,34 +253,34 @@ const j = () => ({ getDateTime: (n) => {
                 ])
               ]),
               default: A(() => [
-                F((w(), x("div", ye, [
-                  m("div", we, [
-                    m(
+                j((y(), w("div", De, [
+                  b("div", ye, [
+                    b(
                       "div",
                       {
                         class: "date-container-popover left-date-container",
-                        onMouseleave: p[2] || (p[2] = //@ts-ignore
-                        (...d) => e(T) && e(T)(...d))
+                        onMouseleave: c[2] || (c[2] = //@ts-ignore
+                        (...i) => e(F) && e(F)(...i))
                       },
                       [
-                        (w(!0), x(
-                          _,
+                        (y(!0), w(
+                          P,
                           null,
-                          de(b.value, (d) => (w(), x("div", {
-                            class: C(["item", {
-                              "in-range": e(v)(d) || e(t)(d),
-                              "new-range": e(f)(d),
-                              "range-start": e(M)(e(y).begin) === e(M)(d),
-                              "range-end": e(M)(e(y).end) === e(M)(d),
-                              "out-range": e(D)(d) || e(S)(d)
+                          ie(g.value, (i) => (y(), w("div", {
+                            class: x(["item", {
+                              "in-range": e(p)(i) || e(t)(i),
+                              "new-range": e(f)(i),
+                              "range-start": e(M)(e(D).begin) === e(M)(i),
+                              "range-end": e(M)(e(D).end) === e(M)(i),
+                              "out-range": e(k)(i) || e(C)(i)
                             }]),
-                            onMouseenter: (re) => e(K)(d),
-                            onClick: (re) => e(J)(d)
+                            onMouseenter: (re) => e(K)(i),
+                            onClick: (re) => e(J)(i)
                           }, [
-                            m(
+                            b(
                               "div",
-                              xe,
-                              I(d),
+                              we,
+                              I(i),
                               1
                               /* TEXT */
                             )
@@ -293,7 +294,7 @@ const j = () => ({ getDateTime: (n) => {
                     )
                   ])
                 ])), [
-                  [e(ge), ee]
+                  [e(ve), ee]
                 ])
               ]),
               _: 1
@@ -303,38 +304,38 @@ const j = () => ({ getDateTime: (n) => {
           2
           /* CLASS */
         ),
-        e(l) && g.errorLabel ? (w(), x(
-          _,
+        e(l) && v.errorLabel ? (y(), w(
+          P,
           { key: 0 },
           [
-            g.errorMode === "default" ? F((w(), x("div", Ie, [
-              ce(
-                I(g.errorLabel),
+            v.errorMode === "default" ? j((y(), w("div", Ie, [
+              ue(
+                I(v.errorLabel),
                 1
                 /* TEXT */
               )
             ])), [
-              [e(be)]
-            ]) : e(q) ? (w(), x(
-              _,
+              [e(ge)]
+            ]) : e(_) ? (y(), w(
+              P,
               { key: 1 },
               [
-                e(q) ? (w(), ue(pe, {
+                e(_) ? (y(), de(ce, {
                   key: 0,
                   to: "body"
                 }, [
-                  m(
+                  b(
                     "div",
                     {
-                      style: $(e(X))
+                      style: z(e(X))
                     },
                     [
-                      m(
+                      b(
                         "span",
                         {
-                          style: $(e(O))
+                          style: z(e(H))
                         },
-                        I(g.errorLabel),
+                        I(v.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -342,20 +343,20 @@ const j = () => ({ getDateTime: (n) => {
                     4
                     /* STYLE */
                   )
-                ])) : (w(), x(
+                ])) : (y(), w(
                   "div",
                   {
                     key: 1,
-                    style: $(e(U)),
+                    style: z(e(U)),
                     class: "das-special-range-picker-overlay-error-label-content"
                   },
                   [
-                    m(
+                    b(
                       "span",
                       {
-                        style: $(e(O))
+                        style: z(e(H))
                       },
-                      I(g.errorLabel),
+                      I(v.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -376,45 +377,36 @@ const j = () => ({ getDateTime: (n) => {
       /* STYLE, NEED_HYDRATION */
     ));
   }
-}), Se = (c, i) => {
-  const o = c.__vccOpts || c;
-  for (const [n, s] of i)
-    o[n] = s;
-  return o;
-}, Re = /* @__PURE__ */ Se(Ce, [["__scopeId", "data-v-e139a2e6"]]), Ee = {
-  "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" },
-  "das-special-range-picker-date": { "zh-CN": "日", en: "Day", ar: "يوم", _appCode: "framework" }
-}, Le = {
-  "--das-ui-special-range-picker-close-btn": r("--das-color-text-caption"),
-  "--das-ui-special-range-picker-close-btn-hover": r("--das-color-text-subtle"),
-  "--das-ui-special-range-picker-color-primary": r("--das-color-brand-primary"),
-  "--das-ui-special-range-picker-color-white": r("--das-color-bg-container"),
-  "--das-ui-special-range-picker-color-text": r("--das-color-text-title"),
-  "--das-ui-special-range-picker-color-placeholder": r("--das-color-text-subtle"),
-  "--das-ui-special-range-picker-color-separator": r("--das-color-text-body"),
-  "--das-ui-special-range-picker-color-icon": r("--das-color-text-subtle"),
-  "--das-ui-special-range-picker-hover-color": r("--das-color-bg-disabled"),
-  "--das-ui-special-range-picker-border-color": r("--das-color-border-strong"),
-  "--das-ui-special-range-picker-header-bgcolor": r("--das-color-bg-disabled"),
+}), Ce = (u, s) => {
+  const r = u.__vccOpts || u;
+  for (const [o, n] of s)
+    r[o] = n;
+  return r;
+}, Ee = /* @__PURE__ */ Ce(xe, [["__scopeId", "data-v-3b9ec595"]]), Se = {
+  "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" },
+  "das-special-range-picker-date": { "zh-CN": "日", en: "Day", _appCode: "framework" }
+}, Re = {
+  "--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-overlay-error-shadow": { light: "0px 4px 10px 0px rgba(0, 0, 0, 0.2)" },
-  "--das-ui-special-range-picker-in-range": r("--das-color-brand-primary-light"),
-  "--das-ui-special-range-picker-new-range": r("--das-color-brand-primary-light"),
-  "--das-ui-special-range-picker-disabled": r("--das-color-border-base"),
-  "--das-ui-special-range-picker-error": r("--das-color-danger"),
-  "--das-ui-special-range-picker-overlay-error-bg-color": r("--das-color-danger-light"),
-  "--das-ui-special-range-picker-radius-bordered": { light: r("--das-radius-none"), qatar: r("--das-radius-md") },
-  "--das-ui-special-range-picker-radius-dropdown": r("--das-radius-md"),
-  "--das-ui-special-range-picker-radius-overlay-error": { light: r("--das-radius-2xs"), qatar: r("--das-radius-xs") },
-  "--das-ui-special-range-picker-radius-range": { light: r("--das-radius-none"), qatar: r("--das-radius-sm") }
-}, Oe = oe(Re);
-te();
-se(Ee);
-ne(Le);
+  "--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" }
+}, Oe = te(Ee);
+oe(Se);
+ne(Re);
 export {
   Oe as DasSpecialRangePickerMonth,
   Oe as default

package/packages/components/special-range-picker-month/src/hooks/use-error.d.ts

@@ -1,17 +1,18 @@
+import { Ref } from 'vue';
 export declare const useError: (props: any) => {
-    $dasSpecialRangeMonthPicker: import("vue").Ref<any, any>;
-    isHoverInInput: import("vue").Ref<boolean, boolean>;
+    $dasSpecialRangeMonthPicker: Ref<any, any>;
+    isHoverInInput: Ref<boolean, boolean>;
     errorModalBaseSyle: import("vue").ComputedRef<{
         'font-size': string;
         'background-color': any;
-        'box-shadow': any;
-        'border-radius': any;
+        'box-shadow': string;
+        'border-radius': string;
         padding: string;
         'box-sizing': string;
         'z-index': any;
     }>;
     errorModelStyle: import("vue").ComputedRef<any>;
-    errorLabelStyle: import("vue").Ref<Record<any, any>, Record<any, any>>;
+    errorLabelStyle: Ref<Record<any, any>, Record<any, any>>;
     errorModalInputMouseEnter: () => void;
     errorModallInputMouseLeave: () => void;
 };