@das-fed/ui 6.4.0-dev.108 → 6.4.0-dev.109

package/packages/components/date-picker/index.js

@@ -1,34 +1,35 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-import { withInstall as Me } from "@das-fed/utils/with-install/index";
-import { defineComponent as $e, useCssVars as ze, computed as s, ref as l, watch as we, createElementBlock as m, openBlock as d, normalizeStyle as y, normalizeClass as Ee, unref as n, createVNode as H, createCommentVNode as S, withCtx as h, withDirectives as Ie, createBlock as ne, mergeProps as Te, isRef as Ae, createSlots as Ye, renderSlot as D, normalizeProps as Le, guardReactiveProps as Pe, createElementVNode as b, toDisplayString as z, Fragment as te, Teleport as Se, nextTick as be, useAttrs as Ke, renderList as qe, withModifiers as Xe, createTextVNode as je } from "vue";
-import { ConfigProvider as Ve, DatePicker as Ge, RangePicker as Je, Dropdown as Qe, Menu as et, MenuItem as tt, TimePicker as ot, TimeRangePicker as rt } from "ant-design-vue";
-import { DasAutoRegisterIcon as Ze, DasIcon as ke } from "@das-fed/ui/packages/components/icon/index";
-import { DasTooltip as Be } from "@das-fed/ui/packages/components/tooltip/index";
-import { useModelValue as ve } from "@das-fed/utils/vue";
-import { vHoverInside as He } from "@das-fed/utils/directive/hoverInside/index";
-import { useZIndex as Re } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { getVarValue as fe, getVar as lt, setThemeRule as at } from "@das-fed/web/packages/theme/index";
-import { currentLang as ye, t as Ce, setI18nRule as nt } from "@das-fed/web/packages/i18n/index";
-import { calcTextWidth as Ne } from "@das-fed/utils/common-tools";
+import { withInstall as ie } from "@das-fed/utils/with-install/index";
+import { defineComponent as de, useCssVars as pe, computed as p, ref as n, watch as Q, createElementBlock as T, openBlock as v, normalizeStyle as U, normalizeClass as ye, unref as a, createVNode as I, createCommentVNode as w, withCtx as c, withDirectives as ce, createBlock as q, mergeProps as ae, isRef as Se, createSlots as Pe, renderSlot as C, normalizeProps as be, guardReactiveProps as ke, createElementVNode as E, toDisplayString as R, Fragment as oe, nextTick as X, useAttrs as Be, renderList as Me, withModifiers as Ne, createTextVNode as Le } from "vue";
+import { ConfigProvider as ge, DatePicker as Re, RangePicker as xe, Dropdown as We, Menu as Fe, MenuItem as Ze, TimePicker as Ae, TimeRangePicker as qe } from "ant-design-vue";
+import { DasAutoRegisterIcon as ze, DasIcon as J } from "@das-fed/ui/packages/components/icon/index";
+import { DasTooltip as we } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as ve } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { useModelValue as Y } from "@das-fed/utils/vue";
+import { vHoverInside as fe } from "@das-fed/utils/directive/hoverInside/index";
+import { useZIndex as Te } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { getVarValue as me, getVar as Oe, setThemeRule as He } from "@das-fed/web/packages/theme/index";
+import { currentLang as G, t as ne, setI18nRule as _e } from "@das-fed/web/packages/i18n/index";
+import { calcTextWidth as Ie } from "@das-fed/utils/common-tools";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import We from "ant-design-vue/es/locale/zh_CN";
-import Fe from "ant-design-vue/es/locale/en_GB";
+import Ce from "ant-design-vue/es/locale/zh_CN";
+import $e from "ant-design-vue/es/locale/en_GB";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/en";
-import { DasDatePicker as _e } from "@das-fed/ui/packages/components/date-picker/index";
-import Ue from "dayjs";
+import { DasDatePicker as De } from "@das-fed/ui/packages/components/date-picker/index";
+import Ve from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as st } from "@das-fed/ui/packages/icons/dengdai/index";
+import { DasIconDengdai as Ue } from "@das-fed/ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css";
-const ut = { class: "ant-picker-cell-inner" }, it = {
+const Ye = { class: "ant-picker-cell-inner" }, je = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, dt = {
+}, Ke = {
   name: "DasDatePicker"
-}, ct = /* @__PURE__ */ $e({
-  ...dt,
+}, Xe = /* @__PURE__ */ de({
+  ...Ke,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -49,205 +50,167 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(K, { expose: oe, emit: i }) {
-    ze((t) => ({
-      "3ae62658": j.value,
-      "5541b3d9": _.value
+  setup(x, { expose: A, emit: s }) {
+    pe((r) => ({
+      a0cc796a: N.value,
+      "29cfac42": P.value
     }));
-    const r = K, g = i, se = l(null);
-    Ze({
+    const t = x, f = s;
+    ze({
       right: import("@das-fed/ui/packages/icons/right"),
       left: import("@das-fed/ui/packages/icons/left"),
       "double-arrow-left": import("@das-fed/ui/packages/icons/double-arrow-left"),
       "double-arrow-right": import("@das-fed/ui/packages/icons/double-arrow-right"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const ue = s(() => ye.value === "zh-CN" ? We : Fe), a = l(null), q = l(null), f = ve(r, "modelValue"), A = ve(r, "error"), X = s(() => r.isView ? r.noSetDefaultVal ? "" : "-" : r.placeholder || Ce("请选择日期")), ie = s(() => ({
-      width: r.width
-    })), j = s(() => r.width ? r.width : "230px"), _ = s(() => r.height ? r.height : "auto"), R = l(3e3), N = s(() => ({
-      "z-index": R.value
-    })), E = l(!1), M = l({
-      x: 0,
-      y: 0
-    }), W = l(0), F = s(() => ({
-      "font-size": "12px",
-      "background-color": fe("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": r.errorModelZIndex
-    })), G = s(() => ({
-      ...F.value,
-      width: W.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: M.value.y + "px",
-      left: M.value.x + "px"
-    })), L = l({
+    const O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || ne("请选择日期")), H = p(() => ({
+      width: t.width
+    })), N = p(() => t.width ? t.width : "230px"), P = p(() => t.height ? t.height : "auto"), B = n(3e3), F = p(() => ({
+      "z-index": B.value
+    })), M = n(!1), _ = n({
       display: "block",
-      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      color: me("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), T = l(!1), P = l(""), Y = s(() => f.value ? P.value : X.value), he = () => {
-      const t = r.size === "table" ? 12 : 14;
-      return Ne(X.value, t);
-    }, w = () => {
-      var o;
-      const t = (o = a.value) == null ? void 0 : o.$el.querySelector(".ant-picker-input>input");
-      return f.value ? t == null ? void 0 : t.scrollWidth : he();
+    }), b = n(!1), $ = n(""), Z = p(() => d.value ? $.value : W.value), j = () => {
+      const r = t.size === "table" ? 12 : 14;
+      return Ie(W.value, r);
     }, k = () => {
+      var l;
+      const r = (l = o.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return d.value ? r == null ? void 0 : r.scrollWidth : j();
+    }, m = () => {
       var e;
-      const t = (e = a.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return t ? (P.value = t.getAttribute("value"), t.removeAttribute("title"), (t == null ? void 0 : t.offsetWidth) ?? 0) : 0;
-    }, Z = l(0), V = l(0);
-    we(() => [X.value, f.value], () => {
-      be(() => {
-        Z.value = k(), V.value = w(), (Z.value === V.value || V.value - Z.value < 1) && (T.value = !1);
+      const r = (e = o.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? ($.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, D = n(0), u = n(0);
+    Q(() => [W.value, d.value], () => {
+      X(() => {
+        D.value = m(), u.value = k(), (D.value === u.value || u.value - D.value < 1) && (b.value = !1);
       });
     });
-    const C = l();
-    we(
+    const S = n();
+    Q(
       () => {
-        var t;
-        return (t = q.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var r;
+        return (r = V.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          T.value = !0, C.value && clearTimeout(C.value);
-        }), t.addEventListener("mouseleave", function() {
-          C.value = setTimeout(() => {
-            T.value = !1;
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          b.value = !0, S.value && clearTimeout(S.value);
+        }), r.addEventListener("mouseleave", function() {
+          S.value = setTimeout(() => {
+            b.value = !1;
           }, 200);
         }));
       }
     );
-    const v = (t) => {
-      t && (R.value = Re().nextZIndex()), g("openChange", t), ye.value === "en" && be(() => {
-        const o = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of o)
+    const g = (r) => {
+      r && (B.value = Te().nextZIndex()), f("openChange", r), G.value === "en" && X(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of l)
           e && (e.innerText = "OK");
       });
-    }, J = () => {
-      var Q, re, le, ae;
-      const t = () => {
-        var $ = document.createElement("div");
-        for (let [B, ee] of Object.entries({
-          ...F.value,
-          ...L.value,
-          width: W.value + "px"
-        }))
-          $.style[B] = ee;
-        $.textContent = r.errorLabel, document.body.appendChild($);
-        const O = $.offsetHeight;
-        return document.body.removeChild($), O;
-      }, o = () => {
-        const $ = document.documentElement.clientHeight, B = document.documentElement.scrollHeight - $;
-        return $ - B;
-      };
-      W.value = (re = (Q = a.value) == null ? void 0 : Q.$el) == null ? void 0 : re.clientWidth;
-      const { top: e = 0, left: u = 0, height: p = 0 } = ((ae = (le = a.value) == null ? void 0 : le.$el) == null ? void 0 : ae.getBoundingClientRect()) ?? {}, x = o(), I = t();
-      e + p + I >= x ? M.value.y = e - I : M.value.y = e + p, M.value.x = u;
-    }, de = () => {
-      Z.value = k(), V.value = w(), Z.value === V.value || V.value - Z.value < 1 ? T.value = !1 : (T.value = !0, C.value && clearTimeout(C.value)), J(), E.value = !0;
-    }, me = () => {
-      C.value = setTimeout(() => {
-        T.value = !1;
-      }, 200), E.value = !1;
-    }, ce = (t, o) => {
-      t ? de() : me();
-    }, pe = (t, o) => {
-      A.value = !1, g("update:error", A.value), g("update:model-value", t), g("change", t, o);
+    }, ee = () => {
+      D.value = m(), u.value = k(), D.value === u.value || u.value - D.value < 1 ? b.value = !1 : (b.value = !0, S.value && clearTimeout(S.value)), M.value = !0;
+    }, re = () => {
+      S.value = setTimeout(() => {
+        b.value = !1;
+      }, 200), M.value = !1;
+    }, le = (r, l) => {
+      r ? ee() : re();
+    }, te = (r, l) => {
+      L.value = !1, f("update:error", L.value), f("update:model-value", r), f("change", r, l);
     };
-    return oe({
-      $datePicker: a,
+    return A({
+      $datePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (t, o) => (d(), m(
+    }), (r, l) => (v(), T(
       "div",
       {
-        class: Ee(["das-ui-date-picker", [t.borderType, r.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
-        style: y(ie.value)
+        class: ye(["das-ui-date-picker", [r.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(H.value)
       },
       [
-        H(n(Ve), { locale: ue.value }, {
-          default: h(() => [
-            H(n(Be), {
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
               ref_key: "inputTooltipRef",
-              ref: q,
+              ref: V,
               placement: "top",
               trigger: "hover",
-              visible: T.value,
-              disabled: !t.isTooltip,
-              content: Y.value
+              visible: b.value,
+              disabled: !r.isTooltip,
+              content: Z.value
             }, {
-              default: h(() => [
-                Ie((d(), ne(n(Ge), Te({
+              default: c(() => [
+                ce((v(), q(a(Re), ae({
                   ref_key: "$datePicker",
-                  ref: a
-                }, t.$attrs, {
-                  value: n(f),
-                  "onUpdate:value": o[0] || (o[0] = (e) => Ae(f) ? f.value = e : null),
-                  size: r.size,
-                  dropdownClassName: "das-ui-date-picker-dropdown " + t.dropdownClassName,
-                  placeholder: X.value,
-                  showToday: t.showToday,
-                  bordered: t.borderType === "bordered",
-                  disabled: r.disabled || r.isView,
-                  style: ie.value,
-                  popupStyle: N.value,
-                  onChange: pe,
-                  onOpenChange: v
-                }), Ye({
-                  dateRender: h((e) => [
-                    D(t.$slots, "dateRender", Le(Pe(e)), () => [
-                      b(
+                  ref: o
+                }, r.$attrs, {
+                  value: a(d),
+                  "onUpdate:value": l[0] || (l[0] = (e) => Se(d) ? d.value = e : null),
+                  size: t.size,
+                  dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
+                  placeholder: W.value,
+                  showToday: r.showToday,
+                  bordered: r.borderType === "bordered",
+                  disabled: t.disabled || t.isView,
+                  style: H.value,
+                  popupStyle: F.value,
+                  onChange: te,
+                  onOpenChange: g
+                }), Pe({
+                  dateRender: c((e) => [
+                    C(r.$slots, "dateRender", be(ke(e)), () => [
+                      E(
                         "div",
-                        ut,
-                        z(e.current.date()),
+                        Ye,
+                        R(e.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  nextIcon: h(() => [
-                    D(t.$slots, "nextIcon", {}, () => [
-                      H(n(ke), {
+                  nextIcon: c(() => [
+                    C(r.$slots, "nextIcon", {}, () => [
+                      I(a(J), {
                         icon: "right",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  prevIcon: h(() => [
-                    D(t.$slots, "prevIcon", {}, () => [
-                      H(n(ke), {
+                  prevIcon: c(() => [
+                    C(r.$slots, "prevIcon", {}, () => [
+                      I(a(J), {
                         icon: "left",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  superNextIcon: h(() => [
-                    D(t.$slots, "superNextIcon", {}, () => [
-                      H(n(ke), {
+                  superNextIcon: c(() => [
+                    C(r.$slots, "superNextIcon", {}, () => [
+                      I(a(J), {
                         icon: "double-arrow-right",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  superPrevIcon: h(() => [
-                    D(t.$slots, "superPrevIcon", {}, () => [
-                      H(n(ke), {
+                  superPrevIcon: c(() => [
+                    C(r.$slots, "superPrevIcon", {}, () => [
+                      I(a(J), {
                         icon: "double-arrow-left",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  suffixIcon: h(() => [
-                    D(t.$slots, "suffixIcon", {}, () => [
-                      H(n(ke), {
+                  suffixIcon: c(() => [
+                    C(r.$slots, "suffixIcon", {}, () => [
+                      I(a(J), {
                         class: "das-suffix-icon",
                         icon: "riqixuanze",
                         size: "medium"
@@ -257,15 +220,15 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                   _: 2
                   /* DYNAMIC */
                 }, [
-                  t.$slots.renderExtraFooter ? {
+                  r.$slots.renderExtraFooter ? {
                     name: "renderExtraFooter",
-                    fn: h(() => [
-                      D(t.$slots, "renderExtraFooter", {}, void 0, !0)
+                    fn: c(() => [
+                      C(r.$slots, "renderExtraFooter", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0
                 ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-                  [n(He), ce]
+                  [a(fe), le]
                 ])
               ]),
               _: 3
@@ -275,95 +238,51 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        t.error && t.errorLabel ? (d(), m(
-          te,
+        r.error && r.errorLabel ? (v(), T(
+          oe,
           { key: 0 },
           [
-            t.errorMode === "default" ? (d(), m("div", it, [
-              b(
+            r.errorMode === "default" ? (v(), T("div", je, [
+              E(
                 "span",
                 {
-                  style: y(L.value)
+                  style: U(_.value)
                 },
-                z(t.errorLabel),
+                R(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : t.errorMode === "overlay" && E.value ? (d(), m(
-              te,
-              { key: 1 },
-              [
-                t.teleported ? (d(), ne(Se, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  b(
-                    "div",
-                    {
-                      ref_key: "$errorModel",
-                      ref: se,
-                      style: y(G.value)
-                    },
-                    [
-                      b(
-                        "span",
-                        {
-                          style: y(L.value)
-                        },
-                        z(t.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (d(), m(
-                  "div",
-                  {
-                    key: 1,
-                    style: y(F.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    b(
-                      "span",
-                      {
-                        style: y(L.value)
-                      },
-                      z(t.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : S("v-if", !0)
+            ])) : w("v-if", !0),
+            r.errorMode === "overlay" && M.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var e;
+                return (e = o.value) == null ? void 0 : e.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : S("v-if", !0)
+        )) : w("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), De = (K, oe) => {
-  const i = K.__vccOpts || K;
-  for (const [r, g] of oe)
-    i[r] = g;
-  return i;
-}, pt = /* @__PURE__ */ De(ct, [["__scopeId", "data-v-865c4b68"]]), vt = { class: "date-range-separator" }, ft = {
+}), he = (x, A) => {
+  const s = x.__vccOpts || x;
+  for (const [t, f] of A)
+    s[t] = f;
+  return s;
+}, Ge = /* @__PURE__ */ he(Xe, [["__scopeId", "data-v-32d994b8"]]), Je = { class: "date-range-separator" }, Qe = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ht = {
+}, er = {
   name: "DasDateRangePicker"
-}, mt = /* @__PURE__ */ $e({
-  ...ht,
+}, rr = /* @__PURE__ */ de({
+  ...er,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -388,214 +307,128 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
     disabledUnit: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(K, { emit: oe }) {
-    ze((c) => ({
-      "62c95626": A.value,
-      "35914ce7": f.value
+  setup(x, { emit: A }) {
+    pe((u) => ({
+      "09130af1": L.value,
+      "222852bc": d.value
     }));
-    const i = K, r = oe, g = l(null), se = Ke(), ue = s(() => i.placeholder ?? [Ce("开始日期"), Ce("结束日期")]), a = ve(i, "modelValue"), q = ve(i, "error"), f = s(() => i.width ? i.width : "230px"), A = s(() => i.height ? i.height : "auto"), X = s(() => ({ ...se, ...i.prevAttrs })), ie = s(() => ({ ...se, ...i.nextAttrs })), j = l(), _ = l(!1), R = l({
-      x: 0,
-      y: 0
-    }), N = l(0), E = s(() => ({
-      "font-size": "12px",
-      "background-color": fe("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": i.errorModelZIndex
-    })), M = s(() => ({
-      ...E.value,
-      width: N.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: R.value.y + "px",
-      left: R.value.x + "px"
-    })), W = l({
+    const s = x, t = A, f = Be(), O = p(() => s.placeholder ?? [ne("开始日期"), ne("结束日期")]), o = Y(s, "modelValue"), V = Y(s, "error"), d = p(() => s.width ? s.width : "230px"), L = p(() => s.height ? s.height : "auto"), W = p(() => ({ ...f, ...s.prevAttrs })), H = p(() => ({ ...f, ...s.nextAttrs })), N = n(), P = n(!1), B = n({
       display: "block",
-      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      color: me("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
     }), F = () => {
-      var pe, ge;
-      const c = () => {
-        var U = document.createElement("div");
-        for (let [o, e] of Object.entries({
-          ...E.value,
-          ...W.value,
-          width: N.value + "px"
-        }))
-          U.style[o] = e;
-        U.textContent = i.errorLabel, document.body.appendChild(U);
-        const t = U.offsetHeight;
-        return document.body.removeChild(U), t;
-      }, C = () => {
-        const U = document.documentElement.clientHeight, o = document.documentElement.scrollHeight - U;
-        return U - o;
-      };
-      N.value = (pe = j.value) == null ? void 0 : pe.clientWidth;
-      const { top: v = 0, left: J = 0, height: de = 0 } = ((ge = j.value) == null ? void 0 : ge.getBoundingClientRect()) ?? {}, me = C(), ce = c();
-      v + de + ce >= me ? R.value.y = v - ce : R.value.y = v + de, R.value.x = J;
-    }, G = () => {
-      F(), _.value = !0;
-    }, L = () => {
-      _.value = !1;
-    }, T = (c, C) => {
-      c ? G() : L();
-    }, P = (c, C) => {
-      r("openChange", c, C), ye.value === "en" && be(() => {
-        const v = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let J of v)
-          J && (J.innerText = "OK");
+      P.value = !0;
+    }, M = () => {
+      P.value = !1;
+    }, _ = (u, h) => {
+      u ? F() : M();
+    }, b = (u, h) => {
+      t("openChange", u, h), G.value === "en" && X(() => {
+        const S = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let g of S)
+          g && (g.innerText = "OK");
       });
-    }, Y = s(() => {
-      let c = i.valueFormat ? i.valueFormat : i.format;
+    }, $ = p(() => {
+      let u = s.valueFormat ? s.valueFormat : s.format;
       return [
-        a.value[0] ? Ue.isDayjs(a.value[0]) ? a.value[0].format(c) : a.value[0] : "",
-        a.value[1] ? Ue.isDayjs(a.value[1]) ? a.value[1].format(c) : a.value[1] : ""
+        o.value[0] ? Ve.isDayjs(o.value[0]) ? o.value[0].format(u) : o.value[0] : "",
+        o.value[1] ? Ve.isDayjs(o.value[1]) ? o.value[1].format(u) : o.value[1] : ""
       ];
-    }), he = (c) => i.disabledDate && i.disabledDate(c) === !0 ? !0 : !!(a.value[1] && c.isAfter(a.value[1], i.disabledUnit || void 0)), w = (c) => i.disabledDate && i.disabledDate(c) === !0 ? !0 : !!(a.value[0] && c.isBefore(a.value[0], i.disabledUnit || void 0)), k = s(() => ({
-      width: i.width
-    })), Z = (c, C) => {
-      q.value = !1, r("update:model-value", a.value), r("change", a.value, Y.value);
-    }, V = (c, C) => {
-      q.value = !1, r("update:model-value", a.value), r("change", a.value, Y.value);
+    }), Z = (u) => s.disabledDate && s.disabledDate(u) === !0 ? !0 : !!(o.value[1] && u.isAfter(o.value[1], s.disabledUnit || void 0)), j = (u) => s.disabledDate && s.disabledDate(u) === !0 ? !0 : !!(o.value[0] && u.isBefore(o.value[0], s.disabledUnit || void 0)), k = p(() => ({
+      width: s.width
+    })), m = (u, h) => {
+      V.value = !1, t("update:model-value", o.value), t("change", o.value, $.value);
+    }, D = (u, h) => {
+      V.value = !1, t("update:model-value", o.value), t("change", o.value, $.value);
     };
-    return (c, C) => Ie((d(), m(
+    return (u, h) => ce((v(), T(
       "div",
       {
         class: "das-ui-date-range-picker",
-        style: y(k.value),
+        style: U(k.value),
         ref_key: "$dateRange",
-        ref: j
+        ref: N
       },
       [
-        H(n(_e), Te(X.value, {
-          modelValue: n(a)[0],
-          "onUpdate:modelValue": C[0] || (C[0] = (v) => n(a)[0] = v),
-          format: i.format,
-          size: i.size,
-          valueFormat: i.valueFormat,
-          borderType: i.borderType,
-          error: n(q),
-          width: i.itemWidth,
-          "disabled-date": he,
-          placeholder: ue.value[0],
-          onChange: Z,
-          onOpenChange: C[1] || (C[1] = (v) => P(v, "before"))
+        I(a(De), ae(W.value, {
+          modelValue: a(o)[0],
+          "onUpdate:modelValue": h[0] || (h[0] = (S) => a(o)[0] = S),
+          format: s.format,
+          size: s.size,
+          valueFormat: s.valueFormat,
+          borderType: s.borderType,
+          error: a(V),
+          width: s.itemWidth,
+          "disabled-date": Z,
+          placeholder: O.value[0],
+          onChange: m,
+          onOpenChange: h[1] || (h[1] = (S) => b(S, "before"))
         }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        D(c.$slots, "separator", {}, () => [
-          b(
+        C(u.$slots, "separator", {}, () => [
+          E(
             "span",
-            vt,
-            z(i.separator),
+            Je,
+            R(s.separator),
             1
             /* TEXT */
           )
         ], !0),
-        H(n(_e), Te(ie.value, {
-          modelValue: n(a)[1],
-          "onUpdate:modelValue": C[2] || (C[2] = (v) => n(a)[1] = v),
-          format: i.format,
-          size: i.size,
-          valueFormat: i.valueFormat,
-          borderType: i.borderType,
-          error: n(q),
-          width: i.itemWidth,
-          "disabled-date": w,
-          placeholder: ue.value[1],
-          onChange: V,
-          onOpenChange: C[3] || (C[3] = (v) => P(v, "after"))
+        I(a(De), ae(H.value, {
+          modelValue: a(o)[1],
+          "onUpdate:modelValue": h[2] || (h[2] = (S) => a(o)[1] = S),
+          format: s.format,
+          size: s.size,
+          valueFormat: s.valueFormat,
+          borderType: s.borderType,
+          error: a(V),
+          width: s.itemWidth,
+          "disabled-date": j,
+          placeholder: O.value[1],
+          onChange: D,
+          onOpenChange: h[3] || (h[3] = (S) => b(S, "after"))
         }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        c.error && c.errorLabel ? (d(), m(
-          te,
+        u.error && u.errorLabel ? (v(), T(
+          oe,
           { key: 0 },
           [
-            c.errorMode === "default" ? (d(), m("div", ft, [
-              b(
+            u.errorMode === "default" ? (v(), T("div", Qe, [
+              E(
                 "span",
                 {
-                  style: y(W.value)
+                  style: U(B.value)
                 },
-                z(c.errorLabel),
+                R(u.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : c.errorMode === "overlay" && _.value ? (d(), m(
-              te,
-              { key: 1 },
-              [
-                c.teleported ? (d(), ne(Se, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  b(
-                    "div",
-                    {
-                      ref_key: "$errorModel",
-                      ref: g,
-                      style: y(M.value)
-                    },
-                    [
-                      b(
-                        "span",
-                        {
-                          style: y(W.value)
-                        },
-                        z(c.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (d(), m(
-                  "div",
-                  {
-                    key: 1,
-                    style: y(E.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    b(
-                      "span",
-                      {
-                        style: y(W.value)
-                      },
-                      z(c.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : S("v-if", !0)
+            ])) : w("v-if", !0),
+            u.errorMode === "overlay" && P.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: u.errorLabel,
+              getEl: () => N.value,
+              errorModelZIndex: u.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : S("v-if", !0)
+        )) : w("v-if", !0)
       ],
       4
       /* STYLE */
     )), [
-      [n(He), T]
+      [a(fe), _]
     ]);
   }
-}), bt = /* @__PURE__ */ De(mt, [["__scopeId", "data-v-25e743b7"]]), yt = { class: "ant-picker-cell-inner" }, gt = { class: "das-picker-footer-extra" }, kt = {
+}), lr = /* @__PURE__ */ he(rr, [["__scopeId", "data-v-ba0b3b1e"]]), tr = { class: "ant-picker-cell-inner" }, or = { class: "das-picker-footer-extra" }, ar = {
   key: 0,
   class: "das-picker-ranges"
-}, wt = { class: "das-picker-preset-span" }, xt = ["onClick"], Tt = {
+}, nr = { class: "das-picker-preset-span" }, ur = ["onClick"], sr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ct = {
+}, ir = {
   name: "DasRangePicker"
-}, Mt = /* @__PURE__ */ $e({
-  ...Ct,
+}, dr = /* @__PURE__ */ de({
+  ...ir,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -619,223 +452,185 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(K, { expose: oe, emit: i }) {
-    ze((e) => ({
-      "0a433d8b": X.value,
-      "24557a02": ie.value
+  setup(x, { expose: A, emit: s }) {
+    pe((e) => ({
+      "5a859b9a": W.value,
+      "4742445a": H.value
     }));
-    const r = K, g = i, se = l(null);
-    Ze({
+    const t = x, f = s;
+    ze({
       fold: import("@das-fed/ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const ue = s(() => ye.value === "zh-CN" ? We : Fe), a = l(null), q = l(null), f = ve(r, "modelValue"), A = ve(r, "error"), X = s(() => r.width ? r.width : "230px"), ie = s(() => r.height ? r.height : "auto"), j = l(3e3), _ = s(() => ({
-      "z-index": j.value
-    })), R = l(!1), N = l({
-      x: 0,
-      y: 0
-    }), E = l(0), M = s(() => ({
-      "font-size": "12px",
-      "background-color": fe("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": r.errorModelZIndex
-    })), W = s(() => ({
-      ...M.value,
-      width: E.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: N.value.y + "px",
-      left: N.value.x + "px"
-    })), F = l({
+    const O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.width ? t.width : "230px"), H = p(() => t.height ? t.height : "auto"), N = n(3e3), P = p(() => ({
+      "z-index": N.value
+    })), B = n(!1), F = n({
       display: "block",
-      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      color: me("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), G = s(() => {
+    }), M = p(() => {
       var e;
-      return r.isView ? r.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = r.placeholder) == null ? void 0 : e.map((u) => Ce(u));
-    }), L = s(() => ({
-      width: r.width
-    })), T = l(!1), P = l(["", ""]), Y = l("~"), he = s(() => {
+      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = t.placeholder) == null ? void 0 : e.map((i) => ne(i));
+    }), _ = p(() => ({
+      width: t.width
+    })), b = n(!1), $ = n(["", ""]), Z = n("~"), j = p(() => {
       var e;
-      return (e = f.value) != null && e.length && f.value[0] && f.value[1] ? P.value.join(" " + Y.value + " ") : G.value.join(" " + Y.value + " ");
-    }), w = l([0, 0]), k = l([0, 0]), Z = () => {
-      var x;
+      return (e = d.value) != null && e.length && d.value[0] && d.value[1] ? $.value.join(" " + Z.value + " ") : M.value.join(" " + Z.value + " ");
+    }), k = n([0, 0]), m = n([0, 0]), D = () => {
+      var z;
       let e = [];
-      const u = (x = a.value) == null ? void 0 : x.$el.querySelectorAll(".ant-picker-input>input");
-      if (!u)
+      const i = (z = o.value) == null ? void 0 : z.$el.querySelectorAll(".ant-picker-input>input");
+      if (!i)
         return e = [0, 0], e;
-      let p = [];
-      for (let I of u) {
-        p.push(I.getAttribute("value") || "");
-        let Q = (I == null ? void 0 : I.offsetWidth) ?? 0;
-        e.push(Q);
+      let y = [];
+      for (let K of i) {
+        y.push(K.getAttribute("value") || "");
+        let Ee = (K == null ? void 0 : K.offsetWidth) ?? 0;
+        e.push(Ee);
       }
-      return P.value = p, e;
-    }, V = (e) => {
-      const u = r.size === "table" ? 12 : 14;
-      return Ne(e, u);
-    }, c = () => {
-      var p;
+      return $.value = y, e;
+    }, u = (e) => {
+      const i = t.size === "table" ? 12 : 14;
+      return Ie(e, i);
+    }, h = () => {
+      var y;
       let e = [];
-      return ((p = a.value) == null ? void 0 : p.$el.querySelectorAll(".ant-picker-input>input")).forEach((x, I) => {
-        f.value.length && f.value[0] && f.value[0] ? e.push(x == null ? void 0 : x.scrollWidth) : e.push(V(G.value[I]));
+      return ((y = o.value) == null ? void 0 : y.$el.querySelectorAll(".ant-picker-input>input")).forEach((z, K) => {
+        d.value.length && d.value[0] && d.value[0] ? e.push(z == null ? void 0 : z.scrollWidth) : e.push(u(M.value[K]));
       }), e;
     };
-    we(() => [G.value, f.value], () => {
-      be(() => {
-        w.value = Z(), k.value = c(), (w.value[0] === k.value[0] || k.value[0] - w.value[0] < 1) && (w.value[1] === k.value[1] || k.value[1] - w.value[1] < 1) && (T.value = !1);
+    Q(() => [M.value, d.value], () => {
+      X(() => {
+        k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) && (b.value = !1);
       });
     });
-    const v = l();
-    we(
+    const g = n();
+    Q(
       () => {
         var e;
-        return (e = q.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = V.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          T.value = !0, v.value && clearTimeout(v.value);
+          b.value = !0, g.value && clearTimeout(g.value);
         }), e.addEventListener("mouseleave", function() {
-          v.value = setTimeout(() => {
-            T.value = !1;
+          g.value = setTimeout(() => {
+            b.value = !1;
           }, 200);
         }));
       }
     );
-    const J = (e) => {
-      e && (j.value = Re().nextZIndex()), g("openChange", e), ye.value === "en" && be(() => {
-        const u = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let p of u)
-          p && (p.innerText = "OK");
+    const ee = (e) => {
+      e && (N.value = Te().nextZIndex()), f("openChange", e), G.value === "en" && X(() => {
+        const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let y of i)
+          y && (y.innerText = "OK");
       });
-    }, de = () => {
-      var le, ae, $, O;
-      const e = () => {
-        var B = document.createElement("div");
-        for (let [xe, Oe] of Object.entries({
-          ...M.value,
-          ...F.value,
-          width: E.value + "px"
-        }))
-          B.style[xe] = Oe;
-        B.textContent = r.errorLabel, document.body.appendChild(B);
-        const ee = B.offsetHeight;
-        return document.body.removeChild(B), ee;
-      }, u = () => {
-        const B = document.documentElement.clientHeight, xe = document.documentElement.scrollHeight - B;
-        return B - xe;
-      };
-      E.value = (ae = (le = a.value) == null ? void 0 : le.$el) == null ? void 0 : ae.clientWidth;
-      const { top: p = 0, left: x = 0, height: I = 0 } = ((O = ($ = a.value) == null ? void 0 : $.$el) == null ? void 0 : O.getBoundingClientRect()) ?? {}, Q = u(), re = e();
-      p + I + re >= Q ? N.value.y = p - re : N.value.y = p + I, N.value.x = x;
-    }, me = () => {
-      w.value = Z(), k.value = c(), (w.value[0] === k.value[0] || k.value[0] - w.value[0] < 1) && (w.value[1] === k.value[1] || k.value[1] - w.value[1] < 1) ? T.value = !1 : (T.value = !0, v.value && clearTimeout(v.value)), de(), R.value = !0;
-    }, ce = () => {
-      v.value = setTimeout(() => {
-        T.value = !1;
-      }, 200), R.value = !1;
-    }, pe = (e, u) => {
-      e ? me() : ce();
-    }, ge = (e, u) => {
-      if (A.value = !1, e === null) {
-        g("update:model-value", [null, null]), g("change", [null, null], u);
+    }, re = () => {
+      k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) ? b.value = !1 : (b.value = !0, g.value && clearTimeout(g.value)), B.value = !0;
+    }, le = () => {
+      g.value = setTimeout(() => {
+        b.value = !1;
+      }, 200), B.value = !1;
+    }, te = (e, i) => {
+      e ? re() : le();
+    }, ue = (e, i) => {
+      if (L.value = !1, e === null) {
+        f("update:model-value", [null, null]), f("change", [null, null], i);
         return;
       }
-      g("update:error", A.value), g("update:model-value", e), g("change", e, u);
-    }, U = (e) => {
-      g("update:model-value", e.value), g("change", e.value, [e.value[0].format(r.format), e.value[1].format(r.format)]), a.value.blur();
+      f("update:error", L.value), f("update:model-value", e), f("change", e, i);
+    }, se = (e) => {
+      f("update:model-value", e.value), f("change", e.value, [e.value[0].format(t.format), e.value[1].format(t.format)]), o.value.blur();
     };
-    return oe({
-      $rangePicker: a,
+    return A({
+      $rangePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (e, u) => (d(), m(
+    }), (e, i) => (v(), T(
       "div",
       {
-        class: Ee(["das-ui-range-picker", [e.borderType, r.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
-        style: y(L.value)
+        class: ye(["das-ui-range-picker", [e.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(_.value)
       },
       [
-        H(n(Ve), { locale: ue.value }, {
-          default: h(() => [
-            H(n(Be), {
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
               ref_key: "inputTooltipRef",
-              ref: q,
+              ref: V,
               placement: "top",
               trigger: "hover",
-              visible: T.value,
+              visible: b.value,
               disabled: !e.isTooltip,
-              content: he.value
+              content: j.value
             }, {
-              default: h(() => [
-                Ie((d(), ne(n(Je), Te({
+              default: c(() => [
+                ce((v(), q(a(xe), ae({
                   ref_key: "$rangePicker",
-                  ref: a
+                  ref: o
                 }, e.$attrs, {
-                  value: n(f),
+                  value: a(d),
                   format: e.format,
-                  size: r.size,
+                  size: t.size,
                   dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
-                  placeholder: G.value,
+                  placeholder: M.value,
                   showToday: e.showToday,
                   showTime: e.showTime,
                   bordered: e.borderType === "bordered",
-                  disabled: r.disabled || r.isView,
-                  style: L.value,
-                  popupStyle: _.value,
-                  onChange: ge,
-                  onOpenChange: J
+                  disabled: t.disabled || t.isView,
+                  style: _.value,
+                  popupStyle: P.value,
+                  onChange: ue,
+                  onOpenChange: ee
                 }), {
-                  dateRender: h((p) => [
-                    D(e.$slots, "dateRender", Le(Pe(p)), () => [
-                      b(
+                  dateRender: c((y) => [
+                    C(e.$slots, "dateRender", be(ke(y)), () => [
+                      E(
                         "div",
-                        yt,
-                        z(p.current.date()),
+                        tr,
+                        R(y.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  nextIcon: h(() => [
-                    S(' <slot name="nextIcon"> '),
-                    u[1] || (u[1] = je(" XX ")),
-                    S(" </slot> ")
+                  nextIcon: c(() => [
+                    w(' <slot name="nextIcon"> '),
+                    i[1] || (i[1] = Le(" XX ")),
+                    w(" </slot> ")
                   ]),
-                  prevIcon: h(() => [
-                    D(e.$slots, "prevIcon", {}, () => [
-                      S(' <das-icon icon="left"></das-icon> ')
+                  prevIcon: c(() => [
+                    C(e.$slots, "prevIcon", {}, () => [
+                      w(' <das-icon icon="left"></das-icon> ')
                     ], !0)
                   ]),
-                  superNextIcon: h(() => [
-                    D(e.$slots, "superNextIcon", {}, () => [
-                      S(' <das-icon icon="double-arrow-right"></das-icon> ')
+                  superNextIcon: c(() => [
+                    C(e.$slots, "superNextIcon", {}, () => [
+                      w(' <das-icon icon="double-arrow-right"></das-icon> ')
                     ], !0)
                   ]),
-                  superPrevIcon: h(() => [
-                    D(e.$slots, "superPrevIcon", {}, () => [
-                      S(' <das-icon icon="double-arrow-left"></das-icon> ')
+                  superPrevIcon: c(() => [
+                    C(e.$slots, "superPrevIcon", {}, () => [
+                      w(' <das-icon icon="double-arrow-left"></das-icon> ')
                     ], !0)
                   ]),
-                  suffixIcon: h(() => [
-                    D(e.$slots, "suffixIcon", {}, () => [
-                      H(n(ke), {
+                  suffixIcon: c(() => [
+                    C(e.$slots, "suffixIcon", {}, () => [
+                      I(a(J), {
                         class: "das-suffix-icon",
                         icon: "riqixuanze",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  separator: h(() => [
-                    D(e.$slots, "separator", {}, () => [
-                      u[2] || (u[2] = b(
+                  separator: c(() => [
+                    C(e.$slots, "separator", {}, () => [
+                      i[2] || (i[2] = E(
                         "div",
                         { style: { padding: "0 8px" } },
                         "~",
@@ -844,19 +639,19 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                       ))
                     ], !0)
                   ]),
-                  renderExtraFooter: h(() => [
-                    b("div", gt, [
-                      D(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                  renderExtraFooter: c(() => [
+                    E("div", or, [
+                      C(e.$slots, "renderExtraFooter", {}, void 0, !0)
                     ]),
-                    e.showTime || e.ranges && e.ranges.length ? (d(), m("div", kt, [
-                      (d(!0), m(
-                        te,
+                    e.showTime || e.ranges && e.ranges.length ? (v(), T("div", ar, [
+                      (v(!0), T(
+                        oe,
                         null,
-                        qe(e.ranges, (p) => (d(), m("div", {
+                        Me(e.ranges, (y) => (v(), T("div", {
                           class: "das-picker-preset",
-                          key: p.key
+                          key: y.key
                         }, [
-                          S(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
+                          w(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
                  \r
                     <span class="das-picker-preset-span" >\r
                         {{ item.key }}<das-icon icon="fold" size='mini'></das-icon>\r
@@ -873,31 +668,31 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                     </el-dropdown-menu>\r
                   </template>\r
                 </el-dropdown> `),
-                          p.type === "dropdown" && p.children.length ? (d(), ne(
-                            n(Qe),
+                          y.type === "dropdown" && y.children.length ? (v(), q(
+                            a(We),
                             {
                               key: 0,
                               trigger: ["click"]
                             },
                             {
-                              overlay: h(() => [
-                                H(
-                                  n(et),
+                              overlay: c(() => [
+                                I(
+                                  a(Fe),
                                   null,
                                   {
-                                    default: h(() => [
-                                      (d(!0), m(
-                                        te,
+                                    default: c(() => [
+                                      (v(!0), T(
+                                        oe,
                                         null,
-                                        qe(p.children, (x) => (d(), ne(n(tt), {
-                                          key: x.key,
-                                          onClick: (I) => U(x)
+                                        Me(y.children, (z) => (v(), q(a(Ze), {
+                                          key: z.key,
+                                          onClick: (K) => se(z)
                                         }, {
-                                          default: h(() => [
-                                            (d(), m(
+                                          default: c(() => [
+                                            (v(), T(
                                               "span",
-                                              { key: x },
-                                              z(x.key),
+                                              { key: z },
+                                              R(z.key),
                                               1
                                               /* TEXT */
                                             ))
@@ -916,19 +711,19 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                                   /* DYNAMIC_SLOTS */
                                 )
                               ]),
-                              default: h(() => [
-                                b("a", {
+                              default: c(() => [
+                                E("a", {
                                   class: "ant-dropdown-link",
-                                  onClick: u[0] || (u[0] = Xe(() => {
+                                  onClick: i[0] || (i[0] = Ne(() => {
                                   }, ["prevent"]))
                                 }, [
-                                  b("span", wt, [
-                                    je(
-                                      z(p.key) + " ",
+                                  E("span", nr, [
+                                    Le(
+                                      R(y.key) + " ",
                                       1
                                       /* TEXT */
                                     ),
-                                    H(n(ke), {
+                                    I(a(J), {
                                       icon: "fold",
                                       size: "mini",
                                       style: { display: "inline-block" }
@@ -941,24 +736,24 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                             },
                             1024
                             /* DYNAMIC_SLOTS */
-                          )) : (d(), m("span", {
+                          )) : (v(), T("span", {
                             key: 1,
                             class: "das-picker-preset-span",
-                            onClick: (x) => U(p)
-                          }, z(p.key), 9, xt))
+                            onClick: (z) => se(y)
+                          }, R(y.key), 9, ur))
                         ]))),
                         128
                         /* KEYED_FRAGMENT */
                       )),
-                      S(` <div class="das-picker-ok">\r
+                      w(` <div class="das-picker-ok">\r
                 <das-button btnType="primary" size="middle">Ok</das-button>\r
               </div> `)
-                    ])) : S("v-if", !0)
+                    ])) : w("v-if", !0)
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                  [n(He), pe]
+                  [a(fe), te]
                 ])
               ]),
               _: 3
@@ -968,96 +763,52 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        S(` <div\r
+        w(` <div\r
       :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
       v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
     >\r
       <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
     </div> `),
-        e.error && e.errorLabel ? (d(), m(
-          te,
+        e.error && e.errorLabel ? (v(), T(
+          oe,
           { key: 0 },
           [
-            e.errorMode === "default" ? (d(), m("div", Tt, [
-              b(
+            e.errorMode === "default" ? (v(), T("div", sr, [
+              E(
                 "span",
                 {
-                  style: y(F.value)
+                  style: U(F.value)
                 },
-                z(e.errorLabel),
+                R(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && R.value ? (d(), m(
-              te,
-              { key: 1 },
-              [
-                e.teleported ? (d(), ne(Se, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  b(
-                    "div",
-                    {
-                      ref_key: "$errorModel",
-                      ref: se,
-                      style: y(W.value)
-                    },
-                    [
-                      b(
-                        "span",
-                        {
-                          style: y(F.value)
-                        },
-                        z(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (d(), m(
-                  "div",
-                  {
-                    key: 1,
-                    style: y(M.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    b(
-                      "span",
-                      {
-                        style: y(F.value)
-                      },
-                      z(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : S("v-if", !0)
+            ])) : w("v-if", !0),
+            e.errorMode === "overlay" && B.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: e.errorLabel,
+              getEl: () => {
+                var y;
+                return (y = o.value) == null ? void 0 : y.$el;
+              },
+              errorModelZIndex: e.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : S("v-if", !0)
+        )) : w("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), $t = /* @__PURE__ */ De(Mt, [["__scopeId", "data-v-9492b531"]]), zt = { class: "ant-picker-cell-inner" }, It = {
+}), pr = /* @__PURE__ */ he(dr, [["__scopeId", "data-v-438b962b"]]), cr = { class: "ant-picker-cell-inner" }, vr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, St = {
+}, fr = {
   name: "DasDatePicker"
-}, Ht = /* @__PURE__ */ $e({
-  ...St,
+}, mr = /* @__PURE__ */ de({
+  ...fr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -1078,165 +829,127 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(K, { expose: oe, emit: i }) {
-    ze((t) => ({
-      "5db6fe30": X.value,
-      "399ca245": ie.value
+  setup(x, { expose: A, emit: s }) {
+    pe((r) => ({
+      d189e57e: W.value,
+      "3657a10c": H.value
     }));
-    const r = K, g = i, se = l(null), ue = s(() => ye.value === "zh-CN" ? We : Fe), a = l(null), q = l(null), f = ve(r, "modelValue"), A = ve(r, "error"), X = s(() => r.width ? r.width : "230px"), ie = s(() => r.height ? r.height : "auto"), j = s(() => ({
-      width: r.width
-    })), _ = s(() => r.isView ? r.noSetDefaultVal ? "" : "-" : Ce(r.placeholder)), R = l(3e3), N = s(() => ({
-      "z-index": R.value
-    })), E = l(!1), M = l({
-      x: 0,
-      y: 0
-    }), W = l(0), F = s(() => ({
-      "font-size": "12px",
-      "background-color": fe("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": r.errorModelZIndex
-    })), G = s(() => ({
-      ...F.value,
-      width: W.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: M.value.y + "px",
-      left: M.value.x + "px"
-    })), L = l({
+    const t = x, f = s, O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.width ? t.width : "230px"), H = p(() => t.height ? t.height : "auto"), N = p(() => ({
+      width: t.width
+    })), P = p(() => t.isView ? t.noSetDefaultVal ? "" : "-" : ne(t.placeholder)), B = n(3e3), F = p(() => ({
+      "z-index": B.value
+    })), M = n(!1), _ = n({
       display: "block",
-      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      color: me("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), T = (t) => {
-      t && (R.value = Re().nextZIndex()), g("openChange", t), ye.value === "en" && be(() => {
-        const o = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of o)
+    }), b = (r) => {
+      r && (B.value = Te().nextZIndex()), f("openChange", r), G.value === "en" && X(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of l)
           e && (e.innerText = "OK");
       });
-    }, P = l(!1), Y = l(""), he = s(() => f.value ? Y.value : _.value), w = () => {
-      const t = r.size === "table" ? 12 : 14;
-      return Ne(_.value, t);
-    }, k = () => {
-      var o;
-      const t = (o = a.value) == null ? void 0 : o.$el.querySelector(".ant-picker-input>input");
-      return f.value ? t == null ? void 0 : t.scrollWidth : w();
-    }, Z = () => {
+    }, $ = n(!1), Z = n(""), j = p(() => d.value ? Z.value : P.value), k = () => {
+      const r = t.size === "table" ? 12 : 14;
+      return Ie(P.value, r);
+    }, m = () => {
+      var l;
+      const r = (l = o.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return d.value ? r == null ? void 0 : r.scrollWidth : k();
+    }, D = () => {
       var e;
-      const t = (e = a.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return t ? (Y.value = t.getAttribute("value"), t.removeAttribute("title"), (t == null ? void 0 : t.offsetWidth) ?? 0) : 0;
-    }, V = l(0), c = l(0);
-    we(() => [_.value, f.value], () => {
-      be(() => {
-        V.value = Z(), c.value = k(), (V.value === c.value || c.value - V.value < 1) && (P.value = !1);
+      const r = (e = o.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? (Z.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, u = n(0), h = n(0);
+    Q(() => [P.value, d.value], () => {
+      X(() => {
+        u.value = D(), h.value = m(), (u.value === h.value || h.value - u.value < 1) && ($.value = !1);
       });
     });
-    const v = l();
-    we(
+    const g = n();
+    Q(
       () => {
-        var t;
-        return (t = q.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var r;
+        return (r = V.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          P.value = !0, v.value && clearTimeout(v.value);
-        }), t.addEventListener("mouseleave", function() {
-          v.value = setTimeout(() => {
-            P.value = !1;
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          $.value = !0, g.value && clearTimeout(g.value);
+        }), r.addEventListener("mouseleave", function() {
+          g.value = setTimeout(() => {
+            $.value = !1;
           }, 200);
         }));
       }
     );
-    const J = () => {
-      var Q, re, le, ae;
-      const t = () => {
-        var $ = document.createElement("div");
-        for (let [B, ee] of Object.entries({
-          ...F.value,
-          ...L.value,
-          width: W.value + "px"
-        }))
-          $.style[B] = ee;
-        $.textContent = r.errorLabel, document.body.appendChild($);
-        const O = $.offsetHeight;
-        return document.body.removeChild($), O;
-      }, o = () => {
-        const $ = document.documentElement.clientHeight, B = document.documentElement.scrollHeight - $;
-        return $ - B;
-      };
-      W.value = (re = (Q = a.value) == null ? void 0 : Q.$el) == null ? void 0 : re.clientWidth;
-      const { top: e = 0, left: u = 0, height: p = 0 } = ((ae = (le = a.value) == null ? void 0 : le.$el) == null ? void 0 : ae.getBoundingClientRect()) ?? {}, x = o(), I = t();
-      e + p + I >= x ? M.value.y = e - I : M.value.y = e + p, M.value.x = u;
-    }, de = () => {
-      V.value = Z(), c.value = k(), V.value === c.value || c.value - V.value < 1 ? P.value = !1 : (P.value = !0, v.value && clearTimeout(v.value)), J(), E.value = !0;
-    }, me = () => {
-      v.value = setTimeout(() => {
-        P.value = !1;
-      }, 200), E.value = !1;
-    }, ce = (t, o) => {
-      t ? de() : me();
-    }, pe = (t, o) => {
-      A.value = !1, g("update:error", A.value), g("update:model-value", t), g("change", t, o);
+    const ee = () => {
+      u.value = D(), h.value = m(), u.value === h.value || h.value - u.value < 1 ? $.value = !1 : ($.value = !0, g.value && clearTimeout(g.value)), M.value = !0;
+    }, re = () => {
+      g.value = setTimeout(() => {
+        $.value = !1;
+      }, 200), M.value = !1;
+    }, le = (r, l) => {
+      r ? ee() : re();
+    }, te = (r, l) => {
+      L.value = !1, f("update:error", L.value), f("update:model-value", r), f("change", r, l);
     };
-    return oe({
-      $timePicker: a,
+    return A({
+      $timePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (t, o) => (d(), m(
+    }), (r, l) => (v(), T(
       "div",
       {
-        class: Ee(["das-ui-time-picker", [t.borderType, r.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
-        style: y(j.value)
+        class: ye(["das-ui-time-picker", [r.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(N.value)
       },
       [
-        H(n(Ve), { locale: ue.value }, {
-          default: h(() => [
-            H(n(Be), {
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
               ref_key: "inputTooltipRef",
-              ref: q,
+              ref: V,
               placement: "top",
               trigger: "hover",
-              visible: P.value,
-              disabled: !t.isTooltip,
-              content: he.value
+              visible: $.value,
+              disabled: !r.isTooltip,
+              content: j.value
             }, {
-              default: h(() => [
-                Ie((d(), ne(n(ot), Te({
+              default: c(() => [
+                ce((v(), q(a(Ae), ae({
                   ref_key: "$timePicker",
-                  ref: a
-                }, t.$attrs, {
-                  value: n(f),
-                  "onUpdate:value": o[0] || (o[0] = (e) => Ae(f) ? f.value = e : null),
-                  size: r.size,
-                  popupClassName: "das-ui-time-picker-dropdown " + t.dropdownClassName,
-                  showNow: t.showNow,
-                  bordered: t.borderType === "bordered",
-                  placeholder: _.value,
-                  disabled: r.disabled || r.isView,
-                  style: j.value,
-                  popupStyle: N.value,
-                  onChange: pe,
-                  onOpenChange: T
+                  ref: o
+                }, r.$attrs, {
+                  value: a(d),
+                  "onUpdate:value": l[0] || (l[0] = (e) => Se(d) ? d.value = e : null),
+                  size: t.size,
+                  popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
+                  showNow: r.showNow,
+                  bordered: r.borderType === "bordered",
+                  placeholder: P.value,
+                  disabled: t.disabled || t.isView,
+                  style: N.value,
+                  popupStyle: F.value,
+                  onChange: te,
+                  onOpenChange: b
                 }), {
-                  dateRender: h((e) => [
-                    D(t.$slots, "dateRender", Le(Pe(e)), () => [
-                      b(
+                  dateRender: c((e) => [
+                    C(r.$slots, "dateRender", be(ke(e)), () => [
+                      E(
                         "div",
-                        zt,
-                        z(e.current.date()),
+                        cr,
+                        R(e.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  suffixIcon: h(() => [
-                    D(t.$slots, "suffixIcon", {}, () => [
-                      H(n(st), {
+                  suffixIcon: c(() => [
+                    C(r.$slots, "suffixIcon", {}, () => [
+                      I(a(Ue), {
                         class: "das-suffix-icon",
                         size: "medium"
                       })
@@ -1245,7 +958,7 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                  [n(He), ce]
+                  [a(fe), le]
                 ])
               ]),
               _: 3
@@ -1255,90 +968,57 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        t.error && t.errorLabel ? (d(), m(
-          te,
+        r.error && r.errorLabel ? (v(), T(
+          oe,
           { key: 0 },
           [
-            t.errorMode === "default" ? (d(), m("div", It, [
-              b(
+            r.errorMode === "default" ? (v(), T("div", vr, [
+              E(
                 "span",
                 {
-                  style: y(L.value)
+                  style: U(_.value)
                 },
-                z(t.errorLabel),
+                R(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : t.errorMode === "overlay" && E.value ? (d(), m(
-              te,
-              { key: 1 },
-              [
-                t.teleported ? (d(), ne(Se, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  b(
-                    "div",
-                    {
-                      ref_key: "$errorModel",
-                      ref: se,
-                      style: y(G.value)
-                    },
-                    [
-                      b(
-                        "span",
-                        {
-                          style: y(L.value)
-                        },
-                        z(t.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (d(), m(
-                  "div",
-                  {
-                    key: 1,
-                    style: y(F.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    b(
-                      "span",
-                      {
-                        style: y(L.value)
-                      },
-                      z(t.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : S("v-if", !0)
+            ])) : w("v-if", !0),
+            r.errorMode === "overlay" && M.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var e;
+                return (e = o.value) == null ? void 0 : e.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0),
+            w(` <template v-else-if="errorMode === 'overlay' && isHoverInInput">\r
+        <teleport to="body" v-if="teleported">\r
+          <div ref="$errorModel" :style="errorModelStyle">\r
+            <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
+          </div>\r
+        </teleport>\r
+\r
+        <div :style="errorModalBaseSyle" class="das-picker-error-label label" v-else>\r
+          <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
+        </div>\r
+      </template> `)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : S("v-if", !0)
+        )) : w("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), Dt = /* @__PURE__ */ De(Ht, [["__scopeId", "data-v-f496ef51"]]), Et = { class: "ant-picker-cell-inner" }, Lt = {
+}), hr = /* @__PURE__ */ he(mr, [["__scopeId", "data-v-8e245fe4"]]), yr = { class: "ant-picker-cell-inner" }, br = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Pt = {
+}, kr = {
   name: "DasDatePicker"
-}, Vt = /* @__PURE__ */ $e({
-  ...Pt,
+}, gr = /* @__PURE__ */ de({
+  ...kr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -1359,197 +1039,159 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(K, { expose: oe, emit: i }) {
-    ze((o) => ({
-      "158ae50a": X.value,
-      fbfa7b3a: ie.value
-    })), Ze({
+  setup(x, { expose: A, emit: s }) {
+    pe((l) => ({
+      "22ea7478": W.value,
+      "6e020e2e": H.value
+    })), ze({
       dengdai: import("@das-fed/ui/packages/icons/dengdai")
     });
-    const r = K, g = i, se = l(null), ue = s(() => ye.value === "zh-CN" ? We : Fe), a = l(null), q = l(null), f = ve(r, "modelValue"), A = ve(r, "error"), X = s(() => r.width ? r.width : "230px"), ie = s(() => r.height ? r.height : "auto"), j = l(3e3), _ = s(() => ({
-      "z-index": j.value
-    })), R = s(() => ({
-      width: r.width
-    })), N = s(() => {
-      var o;
-      return r.isView ? r.noSetDefaultVal ? ["", ""] : ["-", "-"] : (o = r.placeholder) == null ? void 0 : o.map((e) => Ce(e));
-    }), E = l(!1), M = l({
-      x: 0,
-      y: 0
-    }), W = l(0), F = s(() => ({
-      "font-size": "12px",
-      "background-color": fe("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": r.errorModelZIndex
-    })), G = s(() => ({
-      ...F.value,
-      width: W.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: M.value.y + "px",
-      left: M.value.x + "px"
-    })), L = l({
+    const t = x, f = s, O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.width ? t.width : "230px"), H = p(() => t.height ? t.height : "auto"), N = n(3e3), P = p(() => ({
+      "z-index": N.value
+    })), B = p(() => ({
+      width: t.width
+    })), F = p(() => {
+      var l;
+      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (l = t.placeholder) == null ? void 0 : l.map((e) => ne(e));
+    }), M = n(!1), _ = n({
       display: "block",
-      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      color: me("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), T = l(!1), P = l(["", ""]), Y = l("~"), he = s(() => {
-      var o;
-      return (o = f.value) != null && o.length && f.value[0] && f.value[1] ? P.value.join(" " + Y.value + " ") : N.value.join(" " + Y.value + " ");
-    }), w = l([0, 0]), k = l([0, 0]), Z = () => {
-      var p;
-      let o = [];
-      const e = (p = a.value) == null ? void 0 : p.$el.querySelectorAll(".ant-picker-input>input");
+    }), b = n(!1), $ = n(["", ""]), Z = n("~"), j = p(() => {
+      var l;
+      return (l = d.value) != null && l.length && d.value[0] && d.value[1] ? $.value.join(" " + Z.value + " ") : F.value.join(" " + Z.value + " ");
+    }), k = n([0, 0]), m = n([0, 0]), D = () => {
+      var y;
+      let l = [];
+      const e = (y = o.value) == null ? void 0 : y.$el.querySelectorAll(".ant-picker-input>input");
       if (!e)
-        return o = [0, 0], o;
-      let u = [];
-      for (let x of e) {
-        u.push(x.getAttribute("value") || "");
-        let I = (x == null ? void 0 : x.offsetWidth) ?? 0;
-        o.push(I);
+        return l = [0, 0], l;
+      let i = [];
+      for (let z of e) {
+        i.push(z.getAttribute("value") || "");
+        let K = (z == null ? void 0 : z.offsetWidth) ?? 0;
+        l.push(K);
       }
-      return P.value = u, o;
-    }, V = (o) => {
-      const e = r.size === "table" ? 12 : 14;
-      return Ne(o, e);
-    }, c = () => {
-      var u;
-      let o = [];
-      return ((u = a.value) == null ? void 0 : u.$el.querySelectorAll(".ant-picker-input>input")).forEach((p, x) => {
-        f.value.length && f.value[0] && f.value[0] ? o.push(p == null ? void 0 : p.scrollWidth) : o.push(V(N.value[x]));
-      }), o;
+      return $.value = i, l;
+    }, u = (l) => {
+      const e = t.size === "table" ? 12 : 14;
+      return Ie(l, e);
+    }, h = () => {
+      var i;
+      let l = [];
+      return ((i = o.value) == null ? void 0 : i.$el.querySelectorAll(".ant-picker-input>input")).forEach((y, z) => {
+        d.value.length && d.value[0] && d.value[0] ? l.push(y == null ? void 0 : y.scrollWidth) : l.push(u(F.value[z]));
+      }), l;
     };
-    we(() => [N.value, f.value], () => {
-      be(() => {
-        w.value = Z(), k.value = c(), (w.value[0] === k.value[0] || k.value[0] - w.value[0] < 1) && (w.value[1] === k.value[1] || k.value[1] - w.value[1] < 1) && (T.value = !1);
+    Q(() => [F.value, d.value], () => {
+      X(() => {
+        k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) && (b.value = !1);
       });
     });
-    const v = l();
-    we(
+    const g = n();
+    Q(
       () => {
-        var o;
-        return (o = q.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
+        var l;
+        return (l = V.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
       },
-      (o) => {
-        o && (o.addEventListener("mouseenter", function() {
-          T.value = !0, v.value && clearTimeout(v.value);
-        }), o.addEventListener("mouseleave", function() {
-          v.value = setTimeout(() => {
-            T.value = !1;
+      (l) => {
+        l && (l.addEventListener("mouseenter", function() {
+          b.value = !0, g.value && clearTimeout(g.value);
+        }), l.addEventListener("mouseleave", function() {
+          g.value = setTimeout(() => {
+            b.value = !1;
           }, 200);
         }));
       }
     );
-    const J = (o) => {
-      o && (j.value = Re().nextZIndex()), g("openChange", o), ye.value === "en" && be(() => {
+    const ee = (l) => {
+      l && (N.value = Te().nextZIndex()), f("openChange", l), G.value === "en" && X(() => {
         const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let u of e)
-          u && (u.innerText = "OK");
+        for (let i of e)
+          i && (i.innerText = "OK");
       });
-    }, de = () => {
-      var re, le, ae, $;
-      const o = () => {
-        var O = document.createElement("div");
-        for (let [ee, xe] of Object.entries({
-          ...F.value,
-          ...L.value,
-          width: W.value + "px"
-        }))
-          O.style[ee] = xe;
-        O.textContent = r.errorLabel, document.body.appendChild(O);
-        const B = O.offsetHeight;
-        return document.body.removeChild(O), B;
-      }, e = () => {
-        const O = document.documentElement.clientHeight, ee = document.documentElement.scrollHeight - O;
-        return O - ee;
-      };
-      W.value = (le = (re = a.value) == null ? void 0 : re.$el) == null ? void 0 : le.clientWidth;
-      const { top: u = 0, left: p = 0, height: x = 0 } = (($ = (ae = a.value) == null ? void 0 : ae.$el) == null ? void 0 : $.getBoundingClientRect()) ?? {}, I = e(), Q = o();
-      u + x + Q >= I ? M.value.y = u - Q : M.value.y = u + x, M.value.x = p;
-    }, me = () => {
-      w.value = Z(), k.value = c(), (w.value[0] === k.value[0] || k.value[0] - w.value[0] < 1) && (w.value[1] === k.value[1] || k.value[1] - w.value[1] < 1) ? T.value = !1 : (T.value = !0, v.value && clearTimeout(v.value)), de(), E.value = !0;
-    }, ce = () => {
-      v.value = setTimeout(() => {
-        T.value = !1;
-      }, 200), E.value = !1;
-    }, pe = (o, e) => {
-      o ? me() : ce();
-    }, ge = (o, e) => {
-      if (A.value = !1, o === null) {
-        g("update:model-value", [null, null]), g("change", [null, null], e);
+    }, re = () => {
+      k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) ? b.value = !1 : (b.value = !0, g.value && clearTimeout(g.value)), M.value = !0;
+    }, le = () => {
+      g.value = setTimeout(() => {
+        b.value = !1;
+      }, 200), M.value = !1;
+    }, te = (l, e) => {
+      l ? re() : le();
+    }, ue = (l, e) => {
+      if (L.value = !1, l === null) {
+        f("update:model-value", [null, null]), f("change", [null, null], e);
         return;
       }
-      g("update:error", A.value), g("update:model-value", o), g("change", o, e);
+      f("update:error", L.value), f("update:model-value", l), f("change", l, e);
     };
-    return oe({
-      $timeRangePicker: a,
+    return A({
+      $timeRangePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (o, e) => (d(), m(
+    }), (l, e) => (v(), T(
       "div",
       {
-        class: Ee(["das-ui-time-range-picker", [o.borderType, r.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
-        style: y(R.value)
+        class: ye(["das-ui-time-range-picker", [l.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(B.value)
       },
       [
-        H(n(Ve), { locale: ue.value }, {
-          default: h(() => [
-            H(n(Be), {
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
               ref_key: "inputTooltipRef",
-              ref: q,
+              ref: V,
               placement: "top",
               trigger: "hover",
-              visible: T.value,
-              disabled: !o.isTooltip,
-              content: he.value
+              visible: b.value,
+              disabled: !l.isTooltip,
+              content: j.value
             }, {
-              default: h(() => [
-                Ie((d(), ne(n(rt), Te({
+              default: c(() => [
+                ce((v(), q(a(qe), ae({
                   ref_key: "$timeRangePicker",
-                  ref: a
-                }, o.$attrs, {
-                  value: n(f),
-                  "onUpdate:value": e[0] || (e[0] = (u) => Ae(f) ? f.value = u : null),
-                  size: r.size,
-                  popupClassName: "das-ui-time-range-picker-dropdown " + o.dropdownClassName,
-                  showNow: o.showNow,
-                  bordered: o.borderType === "bordered",
-                  placeholder: N.value,
-                  disabled: r.disabled || r.isView,
-                  style: R.value,
-                  popupStyle: _.value,
-                  onChange: ge,
-                  onOpenChange: J
+                  ref: o
+                }, l.$attrs, {
+                  value: a(d),
+                  "onUpdate:value": e[0] || (e[0] = (i) => Se(d) ? d.value = i : null),
+                  size: t.size,
+                  popupClassName: "das-ui-time-range-picker-dropdown " + l.dropdownClassName,
+                  showNow: l.showNow,
+                  bordered: l.borderType === "bordered",
+                  placeholder: F.value,
+                  disabled: t.disabled || t.isView,
+                  style: B.value,
+                  popupStyle: P.value,
+                  onChange: ue,
+                  onOpenChange: ee
                 }), {
-                  dateRender: h((u) => [
-                    D(o.$slots, "dateRender", Le(Pe(u)), () => [
-                      b(
+                  dateRender: c((i) => [
+                    C(l.$slots, "dateRender", be(ke(i)), () => [
+                      E(
                         "div",
-                        Et,
-                        z(u.current.date()),
+                        yr,
+                        R(i.current.date()),
                         1
                         /* TEXT */
                       )
                     ], !0)
                   ]),
-                  suffixIcon: h(() => [
-                    D(o.$slots, "suffixIcon", {}, () => [
-                      H(n(ke), {
+                  suffixIcon: c(() => [
+                    C(l.$slots, "suffixIcon", {}, () => [
+                      I(a(J), {
                         class: "das-suffix-icon",
                         icon: "dengdai",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  separator: h(() => [
-                    D(o.$slots, "separator", {}, () => [
-                      e[1] || (e[1] = b(
+                  separator: c(() => [
+                    C(l.$slots, "separator", {}, () => [
+                      e[1] || (e[1] = E(
                         "div",
                         { style: { padding: "0 8px" } },
                         "~",
@@ -1561,7 +1203,7 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
                   _: 3
                   /* FORWARDED */
                 }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                  [n(He), pe]
+                  [a(fe), te]
                 ])
               ]),
               _: 3
@@ -1571,95 +1213,45 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        S(` <div\r
-      :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
-      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
-    >\r
-      <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
-    </div> `),
-        o.error && o.errorLabel ? (d(), m(
-          te,
+        l.error && l.errorLabel ? (v(), T(
+          oe,
           { key: 0 },
           [
-            o.errorMode === "default" ? (d(), m("div", Lt, [
-              b(
+            l.errorMode === "default" ? (v(), T("div", br, [
+              E(
                 "span",
                 {
-                  style: y(L.value)
+                  style: U(_.value)
                 },
-                z(o.errorLabel),
+                R(l.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : o.errorMode === "overlay" && E.value ? (d(), m(
-              te,
-              { key: 1 },
-              [
-                o.teleported ? (d(), ne(Se, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  b(
-                    "div",
-                    {
-                      ref_key: "$errorModel",
-                      ref: se,
-                      style: y(G.value)
-                    },
-                    [
-                      b(
-                        "span",
-                        {
-                          style: y(L.value)
-                        },
-                        z(o.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (d(), m(
-                  "div",
-                  {
-                    key: 1,
-                    style: y(F.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    b(
-                      "span",
-                      {
-                        style: y(L.value)
-                      },
-                      z(o.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : S("v-if", !0)
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && M.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => {
+                var i;
+                return (i = o.value) == null ? void 0 : i.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : S("v-if", !0)
+        )) : w("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), Bt = /* @__PURE__ */ De(Vt, [["__scopeId", "data-v-50f77782"]]), Rt = {
+}), wr = /* @__PURE__ */ he(gr, [["__scopeId", "data-v-9f079d4a"]]), Tr = {
   "--das-ui-date-picker-color-defalut-text": "#212121",
   // 默认字体色
   "--das-ui-date-picker-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-date-picker-color-underline": lt("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": Oe("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -1679,7 +1271,7 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
   // 字体大小-large
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
-}, Nt = {
+}, Ir = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", _appCode: "framework" },
@@ -1687,14 +1279,14 @@ const ut = { class: "ant-picker-cell-inner" }, it = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", _appCode: "framework" }
 };
-nt(Nt);
-at(Rt);
-const uo = Me(pt), io = Me(bt), co = Me($t), po = Me(Dt), vo = Me(Bt), fo = { name: "datePicker 日期时间选择器" };
+_e(Ir);
+He(Tr);
+const jr = ie(Ge), Kr = ie(lr), Xr = ie(pr), Gr = ie(hr), Jr = ie(wr), Qr = { name: "datePicker 日期时间选择器" };
 export {
-  uo as DasDatePicker,
-  io as DasDateRangePicker,
-  co as DasRangePicker,
-  po as DasTimePicker,
-  vo as DasTimeRangePicker,
-  fo as default
+  jr as DasDatePicker,
+  Kr as DasDateRangePicker,
+  Xr as DasRangePicker,
+  Gr as DasTimePicker,
+  Jr as DasTimeRangePicker,
+  Qr as default
 };