@das-fed/ui 6.4.0-dev.91 → 6.4.0-dev.93

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

@@ -1,34 +1,34 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-import { withInstall as me } from "@das-fed/utils/with-install/index";
-import { defineComponent as ye, useCssVars as be, computed as n, ref as a, watch as ue, openBlock as d, createElementBlock as y, normalizeClass as Te, unref as u, normalizeStyle as k, createVNode as z, withCtx as h, withDirectives as ge, createBlock as X, mergeProps as ce, isRef as Be, createSlots as Ze, renderSlot as M, normalizeProps as Ce, guardReactiveProps as $e, createElementVNode as g, toDisplayString as $, Fragment as j, Teleport as ke, createCommentVNode as G, nextTick as le, useAttrs as qe, createTextVNode as Ve, renderList as Re, withModifiers as _e, pushScopeId as We, popScopeId as Fe } from "vue";
-import { ConfigProvider as Se, DatePicker as He, RangePicker as Oe, Dropdown as Ue, Menu as Ye, MenuItem as je, TimePicker as Ke, TimeRangePicker as Xe } from "ant-design-vue";
-import { DasAutoRegisterIcon as Ae, DasIcon as ae } from "@das-fed/ui/packages/components/icon/index";
-import { DasTooltip as Ie } from "@das-fed/ui/packages/components/tooltip/index";
-import { useModelValue as ee } from "@das-fed/utils/vue";
-import { vHoverInside as we } from "@das-fed/utils/directive/hoverInside/index";
-import { useZIndex as ze } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { getVarValue as oe, getVar as Ge, setThemeRule as Je } from "@das-fed/web/packages/theme/index";
-import { currentLang as re, t as ve, setI18nRule as Qe } from "@das-fed/web/packages/i18n/index";
-import { calcTextWidth as Me } from "@das-fed/utils/common-tools";
+import { withInstall as Me } from "@das-fed/utils/with-install/index";
+import { defineComponent as $e, useCssVars as Se, ref as r, computed as u, watch as we, openBlock as i, createElementBlock as m, normalizeClass as Ee, unref as n, normalizeStyle as b, createVNode as H, withCtx as h, withDirectives as Ie, createBlock as ae, mergeProps as Te, isRef as Ae, createSlots as Xe, renderSlot as D, normalizeProps as Pe, guardReactiveProps as Le, createElementVNode as y, toDisplayString as S, Fragment as ee, Teleport as ze, createCommentVNode as ne, nextTick as ye, useAttrs as Ge, createTextVNode as Ze, renderList as qe, withModifiers as Je, pushScopeId as Ue, popScopeId as Ye } from "vue";
+import { ConfigProvider as Ve, DatePicker as Qe, RangePicker as et, Dropdown as tt, Menu as ot, MenuItem as lt, TimePicker as rt, TimeRangePicker as at } from "ant-design-vue";
+import { DasAutoRegisterIcon as Ke, 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 nt, setThemeRule as ut } from "@das-fed/web/packages/theme/index";
+import { currentLang as be, t as Ce, setI18nRule as st } from "@das-fed/web/packages/i18n/index";
+import { calcTextWidth as Ne } 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 De from "ant-design-vue/es/locale/zh_CN";
-import Pe from "ant-design-vue/es/locale/en_GB";
+import We from "ant-design-vue/es/locale/zh_CN";
+import Fe from "ant-design-vue/es/locale/en_GB";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/en";
-import { DasDatePicker as Ee } from "@das-fed/ui/packages/components/date-picker/index";
-import Ne from "dayjs";
+import { DasDatePicker as Oe } from "@das-fed/ui/packages/components/date-picker/index";
+import je from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as eo } from "@das-fed/ui/packages/icons/dengdai/index";
+import { DasIconDengdai as it } from "@das-fed/ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css";
-const oo = { class: "ant-picker-cell-inner" }, to = {
+const dt = { class: "ant-picker-cell-inner" }, ct = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, lo = {
+}, pt = {
   name: "DasDatePicker"
-}, ro = /* @__PURE__ */ ye({
-  ...lo,
+}, vt = /* @__PURE__ */ $e({
+  ...pt,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -49,181 +49,196 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(I, { expose: K, emit: s }) {
-    be((o) => ({
-      "71cb29f5": A.value,
-      a469ca50: Z.value
+  setup(I, { expose: te, emit: s }) {
+    Se((t) => ({
+      "6bf8ad0c": O.value,
+      "5ca28bf3": j.value
     }));
-    const l = I, b = s;
-    Ae({
+    const l = I, g = s, ue = r(null);
+    Ke({
       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 J = n(() => re.value === "zh-CN" ? De : Pe), r = a(null), N = a(null), v = ee(l, "modelValue"), L = ee(l, "error"), U = n(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || ve("请选择日期")), Q = n(() => ({
+    const se = u(() => be.value === "zh-CN" ? We : Fe), a = r(null), q = r(null), f = ve(l, "modelValue"), A = ve(l, "error"), K = u(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || Ce("请选择日期")), ie = u(() => ({
       width: l.width
-    })), A = n(() => l.width ? l.width : "230px"), Z = n(() => l.height ? l.height : "auto"), V = a(3e3), W = n(() => ({
-      "z-index": V.value
-    })), R = a(!1), D = a({
+    })), O = u(() => l.width ? l.width : "230px"), j = u(() => l.height ? l.height : "auto"), R = r(3e3), N = u(() => ({
+      "z-index": R.value
+    })), E = r(!1), M = r({
       x: 0,
       y: 0
-    }), q = a(0), _ = n(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": oe("--das-ui-color-overlay-error").value,
+      "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": l.errorModelZIndex
-    })), Y = n(() => ({
-      ..._.value,
-      width: q.value + "px",
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: D.value.y + "px",
-      left: D.value.x + "px"
-    })), F = a({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: oe("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), T = a(!1), P = a(""), H = n(() => v.value ? P.value : U.value), te = () => {
-      const o = l.size === "table" ? 12 : 14;
-      return Me(U.value, o);
-    }, x = () => {
-      var t;
-      const o = (t = r.value) == null ? void 0 : t.$el.querySelector(".ant-picker-input>input");
-      return v.value ? o == null ? void 0 : o.scrollWidth : te();
+    }), T = r(!1), L = r(""), Y = u(() => f.value ? L.value : K.value), he = () => {
+      const t = l.size === "table" ? 12 : 14;
+      return Ne(K.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();
+    }, k = () => {
       var e;
-      const o = (e = r.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return o ? (P.value = o.getAttribute("value"), o.removeAttribute("title"), (o == null ? void 0 : o.offsetWidth) ?? 0) : 0;
-    }, E = a(0), B = a(0);
-    ue(() => [U.value, v.value], () => {
-      le(() => {
-        E.value = w(), B.value = x(), (E.value === B.value || B.value - E.value < 1) && (T.value = !1);
+      const t = (e = a.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return t ? (L.value = t.getAttribute("value"), t.removeAttribute("title"), (t == null ? void 0 : t.offsetWidth) ?? 0) : 0;
+    }, _ = r(0), V = r(0);
+    we(() => [K.value, f.value], () => {
+      ye(() => {
+        _.value = k(), V.value = w(), (_.value === V.value || V.value - _.value < 1) && (T.value = !1);
       });
     });
-    const C = a();
-    ue(
+    const C = r();
+    we(
       () => {
-        var o;
-        return (o = N.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
+        var t;
+        return (t = q.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
       },
-      (o) => {
-        o && (o.addEventListener("mouseenter", function() {
+      (t) => {
+        t && (t.addEventListener("mouseenter", function() {
           T.value = !0, C.value && clearTimeout(C.value);
-        }), o.addEventListener("mouseleave", function() {
+        }), t.addEventListener("mouseleave", function() {
           C.value = setTimeout(() => {
             T.value = !1;
           }, 200);
         }));
       }
     );
-    const f = (o) => {
-      o && (V.value = ze().nextZIndex()), b("openChange", o), re.value === "en" && le(() => {
-        const t = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of t)
+    const v = (t) => {
+      t && (R.value = Re().nextZIndex()), g("openChange", t), be.value === "en" && ye(() => {
+        const o = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of o)
           e && (e.innerText = "OK");
       });
-    }, O = () => {
-      var i, c, m, S;
-      const { top: o = 0, left: t = 0 } = ((c = (i = r.value) == null ? void 0 : i.$el) == null ? void 0 : c.getBoundingClientRect()) ?? {};
-      let e = (m = r.value) == null ? void 0 : m.$el.clientHeight;
-      l.borderType !== "none" && (e = e + 2), q.value = (S = r.value) == null ? void 0 : S.$el.clientWidth, D.value.x = t, D.value.y = o + e;
-    }, ne = () => {
-      E.value = w(), B.value = x(), E.value === B.value || B.value - E.value < 1 ? T.value = !1 : (T.value = !0, C.value && clearTimeout(C.value)), O(), R.value = !0;
-    }, se = () => {
+    }, G = () => {
+      var J, oe, le, re;
+      const t = () => {
+        var $ = document.createElement("div");
+        for (let [B, Q] of Object.entries({
+          ...F.value,
+          ...P.value,
+          width: W.value + "px"
+        }))
+          $.style[B] = Q;
+        $.textContent = l.errorLabel, document.body.appendChild($);
+        const Z = $.offsetHeight;
+        return document.body.removeChild($), Z;
+      }, o = () => {
+        const $ = document.documentElement.clientHeight, B = document.documentElement.scrollHeight - $;
+        return $ - B;
+      };
+      W.value = (oe = (J = a.value) == null ? void 0 : J.$el) == null ? void 0 : oe.clientWidth;
+      const { top: e = 0, left: c = 0, height: p = 0 } = ((re = (le = a.value) == null ? void 0 : le.$el) == null ? void 0 : re.getBoundingClientRect()) ?? {}, x = o(), z = t();
+      e + p + z >= x ? M.value.y = e - z : M.value.y = e + p, M.value.x = c;
+    }, de = () => {
+      _.value = k(), V.value = w(), _.value === V.value || V.value - _.value < 1 ? T.value = !1 : (T.value = !0, C.value && clearTimeout(C.value)), G(), E.value = !0;
+    }, me = () => {
       C.value = setTimeout(() => {
         T.value = !1;
-      }, 200), R.value = !1;
-    }, ie = (o, t) => {
-      o ? ne() : se();
-    }, de = (o, t) => {
-      L.value = !1, b("update:error", L.value), b("update:model-value", o), b("change", o, t);
+      }, 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);
     };
-    return K({
-      $datePicker: r,
+    return te({
+      $datePicker: a,
       blur: () => {
-        r.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        r.value.focus();
+        a.value.focus();
       }
-    }), (o, t) => (d(), y("div", {
-      class: Te(["das-ui-date-picker", [o.borderType, l.isView ? "readonly" : "", u(L) ? "is-error" : ""]]),
-      style: k(Q.value)
+    }), (t, o) => (i(), m("div", {
+      class: Ee(["das-ui-date-picker", [t.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(ie.value)
     }, [
-      z(u(Se), { locale: J.value }, {
+      H(n(Ve), { locale: se.value }, {
         default: h(() => [
-          z(u(Ie), {
+          H(n(Be), {
             ref_key: "inputTooltipRef",
-            ref: N,
+            ref: q,
             placement: "top",
             trigger: "hover",
             visible: T.value,
-            disabled: !o.isTooltip,
-            content: H.value
+            disabled: !t.isTooltip,
+            content: Y.value
           }, {
             default: h(() => [
-              ge((d(), X(u(He), ce({
+              Ie((i(), ae(n(Qe), Te({
                 ref_key: "$datePicker",
-                ref: r
-              }, o.$attrs, {
-                value: u(v),
-                "onUpdate:value": t[0] || (t[0] = (e) => Be(v) ? v.value = e : null),
+                ref: a
+              }, t.$attrs, {
+                value: n(f),
+                "onUpdate:value": o[0] || (o[0] = (e) => Ae(f) ? f.value = e : null),
                 size: l.size,
-                dropdownClassName: "das-ui-date-picker-dropdown " + o.dropdownClassName,
-                placeholder: U.value,
-                showToday: o.showToday,
-                bordered: o.borderType === "bordered",
+                dropdownClassName: "das-ui-date-picker-dropdown " + t.dropdownClassName,
+                placeholder: K.value,
+                showToday: t.showToday,
+                bordered: t.borderType === "bordered",
                 disabled: l.disabled || l.isView,
-                style: Q.value,
-                popupStyle: W.value,
-                onChange: de,
-                onOpenChange: f
-              }), Ze({
+                style: ie.value,
+                popupStyle: N.value,
+                onChange: pe,
+                onOpenChange: v
+              }), Xe({
                 dateRender: h((e) => [
-                  M(o.$slots, "dateRender", Ce($e(e)), () => [
-                    g("div", oo, $(e.current.date()), 1)
+                  D(t.$slots, "dateRender", Pe(Le(e)), () => [
+                    y("div", dt, S(e.current.date()), 1)
                   ], !0)
                 ]),
                 nextIcon: h(() => [
-                  M(o.$slots, "nextIcon", {}, () => [
-                    z(u(ae), {
+                  D(t.$slots, "nextIcon", {}, () => [
+                    H(n(ke), {
                       icon: "right",
                       size: "medium"
                     })
                   ], !0)
                 ]),
                 prevIcon: h(() => [
-                  M(o.$slots, "prevIcon", {}, () => [
-                    z(u(ae), {
+                  D(t.$slots, "prevIcon", {}, () => [
+                    H(n(ke), {
                       icon: "left",
                       size: "medium"
                     })
                   ], !0)
                 ]),
                 superNextIcon: h(() => [
-                  M(o.$slots, "superNextIcon", {}, () => [
-                    z(u(ae), {
+                  D(t.$slots, "superNextIcon", {}, () => [
+                    H(n(ke), {
                       icon: "double-arrow-right",
                       size: "medium"
                     })
                   ], !0)
                 ]),
                 superPrevIcon: h(() => [
-                  M(o.$slots, "superPrevIcon", {}, () => [
-                    z(u(ae), {
+                  D(t.$slots, "superPrevIcon", {}, () => [
+                    H(n(ke), {
                       icon: "double-arrow-left",
                       size: "medium"
                     })
                   ], !0)
                 ]),
                 suffixIcon: h(() => [
-                  M(o.$slots, "suffixIcon", {}, () => [
-                    z(u(ae), {
+                  D(t.$slots, "suffixIcon", {}, () => [
+                    H(n(ke), {
                       class: "das-suffix-icon",
                       icon: "riqixuanze",
                       size: "medium"
@@ -232,15 +247,15 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
                 ]),
                 _: 2
               }, [
-                o.$slots.renderExtraFooter ? {
+                t.$slots.renderExtraFooter ? {
                   name: "renderExtraFooter",
                   fn: h(() => [
-                    M(o.$slots, "renderExtraFooter", {}, void 0, !0)
+                    D(t.$slots, "renderExtraFooter", {}, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-                [u(we), ie]
+                [n(He), ce]
               ])
             ]),
             _: 3
@@ -248,48 +263,50 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      o.error && o.errorLabel ? (d(), y(j, { key: 0 }, [
-        o.errorMode === "default" ? (d(), y("div", to, [
-          g("span", {
-            style: k(F.value)
-          }, $(o.errorLabel), 5)
-        ])) : o.errorMode === "overlay" && R.value ? (d(), y(j, { key: 1 }, [
-          o.teleported ? (d(), X(ke, {
+      t.error && t.errorLabel ? (i(), m(ee, { key: 0 }, [
+        t.errorMode === "default" ? (i(), m("div", ct, [
+          y("span", {
+            style: b(P.value)
+          }, S(t.errorLabel), 5)
+        ])) : t.errorMode === "overlay" && E.value ? (i(), m(ee, { key: 1 }, [
+          t.teleported ? (i(), ae(ze, {
             key: 0,
             to: "body"
           }, [
-            g("div", {
-              style: k(Y.value)
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(X.value)
             }, [
-              g("span", {
-                style: k(F.value)
-              }, $(o.errorLabel), 5)
+              y("span", {
+                style: b(P.value)
+              }, S(t.errorLabel), 5)
             ], 4)
-          ])) : (d(), y("div", {
+          ])) : (i(), m("div", {
             key: 1,
-            style: k(_.value),
+            style: b(F.value),
             class: "das-picker-error-label label"
           }, [
-            g("span", {
-              style: k(F.value)
-            }, $(o.errorLabel), 5)
+            y("span", {
+              style: b(P.value)
+            }, S(t.errorLabel), 5)
           ], 4))
-        ], 64)) : G("", !0)
-      ], 64)) : G("", !0)
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
     ], 6));
   }
-}), xe = (I, K) => {
+}), De = (I, te) => {
   const s = I.__vccOpts || I;
-  for (const [l, b] of K)
-    s[l] = b;
+  for (const [l, g] of te)
+    s[l] = g;
   return s;
-}, ao = /* @__PURE__ */ xe(ro, [["__scopeId", "data-v-a0fe8f76"]]), uo = { class: "date-range-separator" }, no = {
+}, ft = /* @__PURE__ */ De(vt, [["__scopeId", "data-v-0771052b"]]), ht = { class: "date-range-separator" }, mt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, so = {
+}, yt = {
   name: "DasDateRangePicker"
-}, io = /* @__PURE__ */ ye({
-  ...so,
+}, bt = /* @__PURE__ */ $e({
+  ...yt,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -314,143 +331,160 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
     disabledUnit: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(I, { emit: K }) {
-    be((p) => ({
-      a50132d8: L.value,
-      "50c076b9": v.value
+  setup(I, { emit: te }) {
+    Se((d) => ({
+      "62c95626": A.value,
+      "35914ce7": f.value
     }));
-    const s = I, l = K, b = qe(), J = n(() => s.placeholder ?? [ve("开始日期"), ve("结束日期")]), r = ee(s, "modelValue"), N = ee(s, "error"), v = n(() => s.width ? s.width : "230px"), L = n(() => s.height ? s.height : "auto"), U = n(() => ({ ...b, ...s.prevAttrs })), Q = n(() => ({ ...b, ...s.nextAttrs })), A = a(), Z = a(!1), V = a({
+    const s = I, l = te, g = r(null), ue = Ge(), se = u(() => s.placeholder ?? [Ce("开始日期"), Ce("结束日期")]), a = ve(s, "modelValue"), q = ve(s, "error"), f = u(() => s.width ? s.width : "230px"), A = u(() => s.height ? s.height : "auto"), K = u(() => ({ ...ue, ...s.prevAttrs })), ie = u(() => ({ ...ue, ...s.nextAttrs })), O = r(), j = r(!1), R = r({
       x: 0,
       y: 0
-    }), W = a(0), R = n(() => ({
+    }), N = r(0), E = u(() => ({
       "font-size": "12px",
-      "background-color": oe("--das-ui-color-overlay-error").value,
+      "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": s.errorModelZIndex
-    })), D = n(() => ({
-      ...R.value,
-      width: W.value + "px",
+    })), M = u(() => ({
+      ...E.value,
+      width: N.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: V.value.y + "px",
-      left: V.value.x + "px"
-    })), q = a({
+      top: R.value.y + "px",
+      left: R.value.x + "px"
+    })), W = r({
       display: "block",
-      color: oe("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
-    }), _ = () => {
-      var O;
-      const { top: p = 0, left: C = 0 } = ((O = A.value) == null ? void 0 : O.getBoundingClientRect()) ?? {};
-      let f = A.value.clientHeight;
-      W.value = A.value.clientWidth, V.value.x = C, V.value.y = p + f;
-    }, Y = () => {
-      _(), Z.value = !0;
-    }, F = () => {
-      Z.value = !1;
-    }, T = (p, C) => {
-      p ? Y() : F();
-    }, P = (p, C) => {
-      l("openChange", p, C), re.value === "en" && le(() => {
-        const f = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let O of f)
-          O && (O.innerText = "OK");
+    }), F = () => {
+      var pe, ge;
+      const d = () => {
+        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 = s.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 = O.value) == null ? void 0 : pe.clientWidth;
+      const { top: v = 0, left: G = 0, height: de = 0 } = ((ge = O.value) == null ? void 0 : ge.getBoundingClientRect()) ?? {}, me = C(), ce = d();
+      v + de + ce >= me ? R.value.y = v - ce : R.value.y = v + de, R.value.x = G;
+    }, X = () => {
+      F(), j.value = !0;
+    }, P = () => {
+      j.value = !1;
+    }, T = (d, C) => {
+      d ? X() : P();
+    }, L = (d, C) => {
+      l("openChange", d, C), be.value === "en" && ye(() => {
+        const v = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let G of v)
+          G && (G.innerText = "OK");
       });
-    }, H = n(() => {
-      let p = s.valueFormat ? s.valueFormat : s.format;
+    }, Y = u(() => {
+      let d = s.valueFormat ? s.valueFormat : s.format;
       return [
-        r.value[0] ? Ne.isDayjs(r.value[0]) ? r.value[0].format(p) : r.value[0] : "",
-        r.value[1] ? Ne.isDayjs(r.value[1]) ? r.value[1].format(p) : r.value[1] : ""
+        a.value[0] ? je.isDayjs(a.value[0]) ? a.value[0].format(d) : a.value[0] : "",
+        a.value[1] ? je.isDayjs(a.value[1]) ? a.value[1].format(d) : a.value[1] : ""
       ];
-    }), te = (p) => s.disabledDate && s.disabledDate(p) === !0 ? !0 : !!(r.value[1] && p.isAfter(r.value[1], s.disabledUnit || void 0)), x = (p) => s.disabledDate && s.disabledDate(p) === !0 ? !0 : !!(r.value[0] && p.isBefore(r.value[0], s.disabledUnit || void 0)), w = n(() => ({
+    }), he = (d) => s.disabledDate && s.disabledDate(d) === !0 ? !0 : !!(a.value[1] && d.isAfter(a.value[1], s.disabledUnit || void 0)), w = (d) => s.disabledDate && s.disabledDate(d) === !0 ? !0 : !!(a.value[0] && d.isBefore(a.value[0], s.disabledUnit || void 0)), k = u(() => ({
       width: s.width
-    })), E = (p, C) => {
-      N.value = !1, l("update:model-value", r.value), l("change", r.value, H.value);
-    }, B = (p, C) => {
-      N.value = !1, l("update:model-value", r.value), l("change", r.value, H.value);
+    })), _ = (d, C) => {
+      q.value = !1, l("update:model-value", a.value), l("change", a.value, Y.value);
+    }, V = (d, C) => {
+      q.value = !1, l("update:model-value", a.value), l("change", a.value, Y.value);
     };
-    return (p, C) => ge((d(), y("div", {
+    return (d, C) => Ie((i(), m("div", {
       class: "das-ui-date-range-picker",
-      style: k(w.value),
+      style: b(k.value),
       ref_key: "$dateRange",
-      ref: A
+      ref: O
     }, [
-      z(u(Ee), ce(U.value, {
-        modelValue: u(r)[0],
-        "onUpdate:modelValue": C[0] || (C[0] = (f) => u(r)[0] = f),
+      H(n(Oe), Te(K.value, {
+        modelValue: n(a)[0],
+        "onUpdate:modelValue": C[0] || (C[0] = (v) => n(a)[0] = v),
         format: s.format,
         size: s.size,
         valueFormat: s.valueFormat,
         borderType: s.borderType,
-        error: u(N),
+        error: n(q),
         width: s.itemWidth,
-        "disabled-date": te,
-        placeholder: J.value[0],
-        onChange: E,
-        onOpenChange: C[1] || (C[1] = (f) => P(f, "before"))
+        "disabled-date": he,
+        placeholder: se.value[0],
+        onChange: _,
+        onOpenChange: C[1] || (C[1] = (v) => L(v, "before"))
       }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      M(p.$slots, "separator", {}, () => [
-        g("span", uo, $(s.separator), 1)
+      D(d.$slots, "separator", {}, () => [
+        y("span", ht, S(s.separator), 1)
       ], !0),
-      z(u(Ee), ce(Q.value, {
-        modelValue: u(r)[1],
-        "onUpdate:modelValue": C[2] || (C[2] = (f) => u(r)[1] = f),
+      H(n(Oe), Te(ie.value, {
+        modelValue: n(a)[1],
+        "onUpdate:modelValue": C[2] || (C[2] = (v) => n(a)[1] = v),
         format: s.format,
         size: s.size,
         valueFormat: s.valueFormat,
         borderType: s.borderType,
-        error: u(N),
+        error: n(q),
         width: s.itemWidth,
-        "disabled-date": x,
-        placeholder: J.value[1],
-        onChange: B,
-        onOpenChange: C[3] || (C[3] = (f) => P(f, "after"))
+        "disabled-date": w,
+        placeholder: se.value[1],
+        onChange: V,
+        onOpenChange: C[3] || (C[3] = (v) => L(v, "after"))
       }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      p.error && p.errorLabel ? (d(), y(j, { key: 0 }, [
-        p.errorMode === "default" ? (d(), y("div", no, [
-          g("span", {
-            style: k(q.value)
-          }, $(p.errorLabel), 5)
-        ])) : p.errorMode === "overlay" && Z.value ? (d(), y(j, { key: 1 }, [
-          p.teleported ? (d(), X(ke, {
+      d.error && d.errorLabel ? (i(), m(ee, { key: 0 }, [
+        d.errorMode === "default" ? (i(), m("div", mt, [
+          y("span", {
+            style: b(W.value)
+          }, S(d.errorLabel), 5)
+        ])) : d.errorMode === "overlay" && j.value ? (i(), m(ee, { key: 1 }, [
+          d.teleported ? (i(), ae(ze, {
             key: 0,
             to: "body"
           }, [
-            g("div", {
-              style: k(D.value)
+            y("div", {
+              ref_key: "$errorModel",
+              ref: g,
+              style: b(M.value)
             }, [
-              g("span", {
-                style: k(q.value)
-              }, $(p.errorLabel), 5)
+              y("span", {
+                style: b(W.value)
+              }, S(d.errorLabel), 5)
             ], 4)
-          ])) : (d(), y("div", {
+          ])) : (i(), m("div", {
             key: 1,
-            style: k(R.value),
+            style: b(E.value),
             class: "das-picker-error-label label"
           }, [
-            g("span", {
-              style: k(q.value)
-            }, $(p.errorLabel), 5)
+            y("span", {
+              style: b(W.value)
+            }, S(d.errorLabel), 5)
           ], 4))
-        ], 64)) : G("", !0)
-      ], 64)) : G("", !0)
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
     ], 4)), [
-      [u(we), T]
+      [n(He), T]
     ]);
   }
-}), po = /* @__PURE__ */ xe(io, [["__scopeId", "data-v-2f4d54c7"]]), co = (I) => (We("data-v-8b5e27ef"), I = I(), Fe(), I), vo = { class: "ant-picker-cell-inner" }, fo = /* @__PURE__ */ co(() => /* @__PURE__ */ g("div", { style: { padding: "0 8px" } }, "~", -1)), ho = { class: "das-picker-footer-extra" }, mo = {
+}), gt = /* @__PURE__ */ De(bt, [["__scopeId", "data-v-25e743b7"]]), kt = (I) => (Ue("data-v-9492b531"), I = I(), Ye(), I), wt = { class: "ant-picker-cell-inner" }, xt = /* @__PURE__ */ kt(() => /* @__PURE__ */ y("div", { style: { padding: "0 8px" } }, "~", -1)), Tt = { class: "das-picker-footer-extra" }, Ct = {
   key: 0,
   class: "das-picker-ranges"
-}, yo = { class: "das-picker-preset-span" }, bo = ["onClick"], go = {
+}, Mt = { class: "das-picker-preset-span" }, $t = ["onClick"], St = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ko = {
+}, It = {
   name: "DasRangePicker"
-}, wo = /* @__PURE__ */ ye({
-  ...ko,
+}, zt = /* @__PURE__ */ $e({
+  ...It,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -474,182 +508,197 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(I, { expose: K, emit: s }) {
-    be((e) => ({
-      f1debd20: U.value,
-      "413492bd": Q.value
+  setup(I, { expose: te, emit: s }) {
+    Se((e) => ({
+      "0a433d8b": K.value,
+      "24557a02": ie.value
     }));
-    const l = I, b = s;
-    Ae({
+    const l = I, g = s, ue = r(null);
+    Ke({
       fold: import("@das-fed/ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const J = n(() => re.value === "zh-CN" ? De : Pe), r = a(null), N = a(null), v = ee(l, "modelValue"), L = ee(l, "error"), U = n(() => l.width ? l.width : "230px"), Q = n(() => l.height ? l.height : "auto"), A = a(3e3), Z = n(() => ({
-      "z-index": A.value
-    })), V = a(!1), W = a({
+    const se = u(() => be.value === "zh-CN" ? We : Fe), a = r(null), q = r(null), f = ve(l, "modelValue"), A = ve(l, "error"), K = u(() => l.width ? l.width : "230px"), ie = u(() => l.height ? l.height : "auto"), O = r(3e3), j = u(() => ({
+      "z-index": O.value
+    })), R = r(!1), N = r({
       x: 0,
       y: 0
-    }), R = a(0), D = n(() => ({
+    }), E = r(0), M = u(() => ({
       "font-size": "12px",
-      "background-color": oe("--das-ui-color-overlay-error").value,
+      "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": l.errorModelZIndex
-    })), q = n(() => ({
-      ...D.value,
-      width: R.value + "px",
+    })), W = u(() => ({
+      ...M.value,
+      width: E.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: W.value.y + "px",
-      left: W.value.x + "px"
-    })), _ = a({
+      top: N.value.y + "px",
+      left: N.value.x + "px"
+    })), F = r({
       display: "block",
-      color: oe("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), Y = n(() => {
+    }), X = u(() => {
       var e;
-      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = l.placeholder) == null ? void 0 : e.map((i) => ve(i));
-    }), F = n(() => ({
+      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = l.placeholder) == null ? void 0 : e.map((c) => Ce(c));
+    }), P = u(() => ({
       width: l.width
-    })), T = a(!1), P = a(["", ""]), H = a("~"), te = n(() => {
+    })), T = r(!1), L = r(["", ""]), Y = r("~"), he = u(() => {
       var e;
-      return (e = v.value) != null && e.length && v.value[0] && v.value[1] ? P.value.join(" " + H.value + " ") : Y.value.join(" " + H.value + " ");
-    }), x = a([0, 0]), w = a([0, 0]), E = () => {
-      var m;
+      return (e = f.value) != null && e.length && f.value[0] && f.value[1] ? L.value.join(" " + Y.value + " ") : X.value.join(" " + Y.value + " ");
+    }), w = r([0, 0]), k = r([0, 0]), _ = () => {
+      var x;
       let e = [];
-      const i = (m = r.value) == null ? void 0 : m.$el.querySelectorAll(".ant-picker-input>input");
-      if (!i)
+      const c = (x = a.value) == null ? void 0 : x.$el.querySelectorAll(".ant-picker-input>input");
+      if (!c)
         return e = [0, 0], e;
-      let c = [];
-      for (let S of i) {
-        c.push(S.getAttribute("value") || "");
-        let pe = (S == null ? void 0 : S.offsetWidth) ?? 0;
-        e.push(pe);
+      let p = [];
+      for (let z of c) {
+        p.push(z.getAttribute("value") || "");
+        let J = (z == null ? void 0 : z.offsetWidth) ?? 0;
+        e.push(J);
       }
-      return P.value = c, e;
-    }, B = (e) => {
-      const i = l.size === "table" ? 12 : 14;
-      return Me(e, i);
-    }, p = () => {
-      var c;
+      return L.value = p, e;
+    }, V = (e) => {
+      const c = l.size === "table" ? 12 : 14;
+      return Ne(e, c);
+    }, d = () => {
+      var p;
       let e = [];
-      return ((c = r.value) == null ? void 0 : c.$el.querySelectorAll(".ant-picker-input>input")).forEach((m, S) => {
-        v.value.length && v.value[0] && v.value[0] ? e.push(m == null ? void 0 : m.scrollWidth) : e.push(B(Y.value[S]));
+      return ((p = a.value) == null ? void 0 : p.$el.querySelectorAll(".ant-picker-input>input")).forEach((x, z) => {
+        f.value.length && f.value[0] && f.value[0] ? e.push(x == null ? void 0 : x.scrollWidth) : e.push(V(X.value[z]));
       }), e;
     };
-    ue(() => [Y.value, v.value], () => {
-      le(() => {
-        x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) && (T.value = !1);
+    we(() => [X.value, f.value], () => {
+      ye(() => {
+        w.value = _(), k.value = d(), (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);
       });
     });
-    const f = a();
-    ue(
+    const v = r();
+    we(
       () => {
         var e;
-        return (e = N.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = q.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          T.value = !0, f.value && clearTimeout(f.value);
+          T.value = !0, v.value && clearTimeout(v.value);
         }), e.addEventListener("mouseleave", function() {
-          f.value = setTimeout(() => {
+          v.value = setTimeout(() => {
             T.value = !1;
           }, 200);
         }));
       }
     );
-    const O = (e) => {
-      e && (A.value = ze().nextZIndex()), b("openChange", e), re.value === "en" && le(() => {
-        const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let c of i)
-          c && (c.innerText = "OK");
+    const G = (e) => {
+      e && (O.value = Re().nextZIndex()), g("openChange", e), be.value === "en" && ye(() => {
+        const c = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let p of c)
+          p && (p.innerText = "OK");
       });
-    }, ne = () => {
-      var m, S, pe, Le;
-      const { top: e = 0, left: i = 0 } = ((S = (m = r.value) == null ? void 0 : m.$el) == null ? void 0 : S.getBoundingClientRect()) ?? {};
-      let c = (pe = r.value) == null ? void 0 : pe.$el.clientHeight;
-      l.borderType !== "none" && (c = c + 2), R.value = (Le = r.value) == null ? void 0 : Le.$el.clientWidth, W.value.x = i, W.value.y = e + c;
-    }, se = () => {
-      x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) ? T.value = !1 : (T.value = !0, f.value && clearTimeout(f.value)), ne(), V.value = !0;
-    }, ie = () => {
-      f.value = setTimeout(() => {
+    }, de = () => {
+      var le, re, $, Z;
+      const e = () => {
+        var B = document.createElement("div");
+        for (let [xe, _e] of Object.entries({
+          ...M.value,
+          ...F.value,
+          width: E.value + "px"
+        }))
+          B.style[xe] = _e;
+        B.textContent = l.errorLabel, document.body.appendChild(B);
+        const Q = B.offsetHeight;
+        return document.body.removeChild(B), Q;
+      }, c = () => {
+        const B = document.documentElement.clientHeight, xe = document.documentElement.scrollHeight - B;
+        return B - xe;
+      };
+      E.value = (re = (le = a.value) == null ? void 0 : le.$el) == null ? void 0 : re.clientWidth;
+      const { top: p = 0, left: x = 0, height: z = 0 } = ((Z = ($ = a.value) == null ? void 0 : $.$el) == null ? void 0 : Z.getBoundingClientRect()) ?? {}, J = c(), oe = e();
+      p + z + oe >= J ? N.value.y = p - oe : N.value.y = p + z, N.value.x = x;
+    }, me = () => {
+      w.value = _(), k.value = d(), (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), V.value = !1;
-    }, de = (e, i) => {
-      e ? se() : ie();
-    }, fe = (e, i) => {
-      if (L.value = !1, e === null) {
-        b("update:model-value", [null, null]), b("change", [null, null], i);
+      }, 200), R.value = !1;
+    }, pe = (e, c) => {
+      e ? me() : ce();
+    }, ge = (e, c) => {
+      if (A.value = !1, e === null) {
+        g("update:model-value", [null, null]), g("change", [null, null], c);
         return;
       }
-      b("update:error", L.value), b("update:model-value", e), b("change", e, i);
-    }, he = (e) => {
-      b("update:model-value", e.value), b("change", e.value, [e.value[0].format(l.format), e.value[1].format(l.format)]), r.value.blur();
+      g("update:error", A.value), g("update:model-value", e), g("change", e, c);
+    }, U = (e) => {
+      g("update:model-value", e.value), g("change", e.value, [e.value[0].format(l.format), e.value[1].format(l.format)]), a.value.blur();
     };
-    return K({
-      $rangePicker: r,
+    return te({
+      $rangePicker: a,
       blur: () => {
-        r.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        r.value.focus();
+        a.value.focus();
       }
-    }), (e, i) => (d(), y("div", {
-      class: Te(["das-ui-range-picker", [e.borderType, l.isView ? "readonly" : "", u(L) ? "is-error" : ""]]),
-      style: k(F.value)
+    }), (e, c) => (i(), m("div", {
+      class: Ee(["das-ui-range-picker", [e.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(P.value)
     }, [
-      z(u(Se), { locale: J.value }, {
+      H(n(Ve), { locale: se.value }, {
         default: h(() => [
-          z(u(Ie), {
+          H(n(Be), {
             ref_key: "inputTooltipRef",
-            ref: N,
+            ref: q,
             placement: "top",
             trigger: "hover",
             visible: T.value,
             disabled: !e.isTooltip,
-            content: te.value
+            content: he.value
           }, {
             default: h(() => [
-              ge((d(), X(u(Oe), ce({
+              Ie((i(), ae(n(et), Te({
                 ref_key: "$rangePicker",
-                ref: r
+                ref: a
               }, e.$attrs, {
-                value: u(v),
+                value: n(f),
                 format: e.format,
                 size: l.size,
                 dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
-                placeholder: Y.value,
+                placeholder: X.value,
                 showToday: e.showToday,
                 showTime: e.showTime,
                 bordered: e.borderType === "bordered",
                 disabled: l.disabled || l.isView,
-                style: F.value,
-                popupStyle: Z.value,
-                onChange: fe,
-                onOpenChange: O
+                style: P.value,
+                popupStyle: j.value,
+                onChange: ge,
+                onOpenChange: G
               }), {
-                dateRender: h((c) => [
-                  M(e.$slots, "dateRender", Ce($e(c)), () => [
-                    g("div", vo, $(c.current.date()), 1)
+                dateRender: h((p) => [
+                  D(e.$slots, "dateRender", Pe(Le(p)), () => [
+                    y("div", wt, S(p.current.date()), 1)
                   ], !0)
                 ]),
                 nextIcon: h(() => [
-                  Ve(" XX ")
+                  Ze(" XX ")
                 ]),
                 prevIcon: h(() => [
-                  M(e.$slots, "prevIcon", {}, void 0, !0)
+                  D(e.$slots, "prevIcon", {}, void 0, !0)
                 ]),
                 superNextIcon: h(() => [
-                  M(e.$slots, "superNextIcon", {}, void 0, !0)
+                  D(e.$slots, "superNextIcon", {}, void 0, !0)
                 ]),
                 superPrevIcon: h(() => [
-                  M(e.$slots, "superPrevIcon", {}, void 0, !0)
+                  D(e.$slots, "superPrevIcon", {}, void 0, !0)
                 ]),
                 suffixIcon: h(() => [
-                  M(e.$slots, "suffixIcon", {}, () => [
-                    z(u(ae), {
+                  D(e.$slots, "suffixIcon", {}, () => [
+                    H(n(ke), {
                       class: "das-suffix-icon",
                       icon: "riqixuanze",
                       size: "medium"
@@ -657,32 +706,32 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
                   ], !0)
                 ]),
                 separator: h(() => [
-                  M(e.$slots, "separator", {}, () => [
-                    fo
+                  D(e.$slots, "separator", {}, () => [
+                    xt
                   ], !0)
                 ]),
                 renderExtraFooter: h(() => [
-                  g("div", ho, [
-                    M(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                  y("div", Tt, [
+                    D(e.$slots, "renderExtraFooter", {}, void 0, !0)
                   ]),
-                  e.showTime || e.ranges && e.ranges.length ? (d(), y("div", mo, [
-                    (d(!0), y(j, null, Re(e.ranges, (c) => (d(), y("div", {
+                  e.showTime || e.ranges && e.ranges.length ? (i(), m("div", Ct, [
+                    (i(!0), m(ee, null, qe(e.ranges, (p) => (i(), m("div", {
                       class: "das-picker-preset",
-                      key: c.key
+                      key: p.key
                     }, [
-                      c.type === "dropdown" && c.children.length ? (d(), X(u(Ue), {
+                      p.type === "dropdown" && p.children.length ? (i(), ae(n(tt), {
                         key: 0,
                         trigger: ["click"]
                       }, {
                         overlay: h(() => [
-                          z(u(Ye), null, {
+                          H(n(ot), null, {
                             default: h(() => [
-                              (d(!0), y(j, null, Re(c.children, (m) => (d(), X(u(je), {
-                                key: m.key,
-                                onClick: (S) => he(m)
+                              (i(!0), m(ee, null, qe(p.children, (x) => (i(), ae(n(lt), {
+                                key: x.key,
+                                onClick: (z) => U(x)
                               }, {
                                 default: h(() => [
-                                  (d(), y("span", { key: m }, $(m.key), 1))
+                                  (i(), m("span", { key: x }, S(x.key), 1))
                                 ]),
                                 _: 2
                               }, 1032, ["onClick"]))), 128))
@@ -691,14 +740,14 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
                           }, 1024)
                         ]),
                         default: h(() => [
-                          g("a", {
+                          y("a", {
                             class: "ant-dropdown-link",
-                            onClick: i[0] || (i[0] = _e(() => {
+                            onClick: c[0] || (c[0] = Je(() => {
                             }, ["prevent"]))
                           }, [
-                            g("span", yo, [
-                              Ve($(c.key) + " ", 1),
-                              z(u(ae), {
+                            y("span", Mt, [
+                              Ze(S(p.key) + " ", 1),
+                              H(n(ke), {
                                 icon: "fold",
                                 size: "mini",
                                 style: { display: "inline-block" }
@@ -707,17 +756,17 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
                           ])
                         ]),
                         _: 2
-                      }, 1024)) : (d(), y("span", {
+                      }, 1024)) : (i(), m("span", {
                         key: 1,
                         class: "das-picker-preset-span",
-                        onClick: (m) => he(c)
-                      }, $(c.key), 9, bo))
+                        onClick: (x) => U(p)
+                      }, S(p.key), 9, $t))
                     ]))), 128))
-                  ])) : G("", !0)
+                  ])) : ne("", !0)
                 ]),
                 _: 3
               }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                [u(we), de]
+                [n(He), pe]
               ])
             ]),
             _: 3
@@ -725,43 +774,45 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      e.error && e.errorLabel ? (d(), y(j, { key: 0 }, [
-        e.errorMode === "default" ? (d(), y("div", go, [
-          g("span", {
-            style: k(_.value)
-          }, $(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && V.value ? (d(), y(j, { key: 1 }, [
-          e.teleported ? (d(), X(ke, {
+      e.error && e.errorLabel ? (i(), m(ee, { key: 0 }, [
+        e.errorMode === "default" ? (i(), m("div", St, [
+          y("span", {
+            style: b(F.value)
+          }, S(e.errorLabel), 5)
+        ])) : e.errorMode === "overlay" && R.value ? (i(), m(ee, { key: 1 }, [
+          e.teleported ? (i(), ae(ze, {
             key: 0,
             to: "body"
           }, [
-            g("div", {
-              style: k(q.value)
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(W.value)
             }, [
-              g("span", {
-                style: k(_.value)
-              }, $(e.errorLabel), 5)
+              y("span", {
+                style: b(F.value)
+              }, S(e.errorLabel), 5)
             ], 4)
-          ])) : (d(), y("div", {
+          ])) : (i(), m("div", {
             key: 1,
-            style: k(D.value),
+            style: b(M.value),
             class: "das-picker-error-label label"
           }, [
-            g("span", {
-              style: k(_.value)
-            }, $(e.errorLabel), 5)
+            y("span", {
+              style: b(F.value)
+            }, S(e.errorLabel), 5)
           ], 4))
-        ], 64)) : G("", !0)
-      ], 64)) : G("", !0)
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
     ], 6));
   }
-}), xo = /* @__PURE__ */ xe(wo, [["__scopeId", "data-v-8b5e27ef"]]), To = { class: "ant-picker-cell-inner" }, Co = {
+}), Ht = /* @__PURE__ */ De(zt, [["__scopeId", "data-v-9492b531"]]), Dt = { class: "ant-picker-cell-inner" }, Et = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, $o = {
+}, Pt = {
   name: "DasDatePicker"
-}, So = /* @__PURE__ */ ye({
-  ...$o,
+}, Lt = /* @__PURE__ */ $e({
+  ...Pt,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -782,141 +833,156 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(I, { expose: K, emit: s }) {
-    be((o) => ({
-      "375012f1": U.value,
-      ce395d48: Q.value
+  setup(I, { expose: te, emit: s }) {
+    Se((t) => ({
+      "5db6fe30": K.value,
+      "399ca245": ie.value
     }));
-    const l = I, b = s, J = n(() => re.value === "zh-CN" ? De : Pe), r = a(null), N = a(null), v = ee(l, "modelValue"), L = ee(l, "error"), U = n(() => l.width ? l.width : "230px"), Q = n(() => l.height ? l.height : "auto"), A = n(() => ({
+    const l = I, g = s, ue = r(null), se = u(() => be.value === "zh-CN" ? We : Fe), a = r(null), q = r(null), f = ve(l, "modelValue"), A = ve(l, "error"), K = u(() => l.width ? l.width : "230px"), ie = u(() => l.height ? l.height : "auto"), O = u(() => ({
       width: l.width
-    })), Z = n(() => l.isView ? l.noSetDefaultVal ? "" : "-" : ve(l.placeholder)), V = a(3e3), W = n(() => ({
-      "z-index": V.value
-    })), R = a(!1), D = a({
+    })), j = u(() => l.isView ? l.noSetDefaultVal ? "" : "-" : Ce(l.placeholder)), R = r(3e3), N = u(() => ({
+      "z-index": R.value
+    })), E = r(!1), M = r({
       x: 0,
       y: 0
-    }), q = a(0), _ = n(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": oe("--das-ui-color-overlay-error").value,
+      "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": l.errorModelZIndex
-    })), Y = n(() => ({
-      ..._.value,
-      width: q.value + "px",
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: D.value.y + "px",
-      left: D.value.x + "px"
-    })), F = a({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: oe("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), T = (o) => {
-      o && (V.value = ze().nextZIndex()), b("openChange", o), re.value === "en" && le(() => {
-        const t = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of t)
+    }), T = (t) => {
+      t && (R.value = Re().nextZIndex()), g("openChange", t), be.value === "en" && ye(() => {
+        const o = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of o)
           e && (e.innerText = "OK");
       });
-    }, P = a(!1), H = a(""), te = n(() => v.value ? H.value : Z.value), x = () => {
-      const o = l.size === "table" ? 12 : 14;
-      return Me(Z.value, o);
-    }, w = () => {
-      var t;
-      const o = (t = r.value) == null ? void 0 : t.$el.querySelector(".ant-picker-input>input");
-      return v.value ? o == null ? void 0 : o.scrollWidth : x();
-    }, E = () => {
+    }, L = r(!1), Y = r(""), he = u(() => f.value ? Y.value : j.value), w = () => {
+      const t = l.size === "table" ? 12 : 14;
+      return Ne(j.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();
+    }, _ = () => {
       var e;
-      const o = (e = r.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return o ? (H.value = o.getAttribute("value"), o.removeAttribute("title"), (o == null ? void 0 : o.offsetWidth) ?? 0) : 0;
-    }, B = a(0), p = a(0);
-    ue(() => [Z.value, v.value], () => {
-      le(() => {
-        B.value = E(), p.value = w(), (B.value === p.value || p.value - B.value < 1) && (P.value = !1);
+      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 = r(0), d = r(0);
+    we(() => [j.value, f.value], () => {
+      ye(() => {
+        V.value = _(), d.value = k(), (V.value === d.value || d.value - V.value < 1) && (L.value = !1);
       });
     });
-    const f = a();
-    ue(
+    const v = r();
+    we(
       () => {
-        var o;
-        return (o = N.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
+        var t;
+        return (t = q.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
       },
-      (o) => {
-        o && (o.addEventListener("mouseenter", function() {
-          P.value = !0, f.value && clearTimeout(f.value);
-        }), o.addEventListener("mouseleave", function() {
-          f.value = setTimeout(() => {
-            P.value = !1;
+      (t) => {
+        t && (t.addEventListener("mouseenter", function() {
+          L.value = !0, v.value && clearTimeout(v.value);
+        }), t.addEventListener("mouseleave", function() {
+          v.value = setTimeout(() => {
+            L.value = !1;
           }, 200);
         }));
       }
     );
-    const O = () => {
-      var i, c, m, S;
-      const { top: o = 0, left: t = 0 } = ((c = (i = r.value) == null ? void 0 : i.$el) == null ? void 0 : c.getBoundingClientRect()) ?? {};
-      let e = (m = r.value) == null ? void 0 : m.$el.clientHeight;
-      l.borderType !== "none" && (e = e + 2), q.value = (S = r.value) == null ? void 0 : S.$el.clientWidth, D.value.x = t, D.value.y = o + e;
-    }, ne = () => {
-      B.value = E(), p.value = w(), B.value === p.value || p.value - B.value < 1 ? P.value = !1 : (P.value = !0, f.value && clearTimeout(f.value)), O(), R.value = !0;
-    }, se = () => {
-      f.value = setTimeout(() => {
-        P.value = !1;
-      }, 200), R.value = !1;
-    }, ie = (o, t) => {
-      o ? ne() : se();
-    }, de = (o, t) => {
-      L.value = !1, b("update:error", L.value), b("update:model-value", o), b("change", o, t);
+    const G = () => {
+      var J, oe, le, re;
+      const t = () => {
+        var $ = document.createElement("div");
+        for (let [B, Q] of Object.entries({
+          ...F.value,
+          ...P.value,
+          width: W.value + "px"
+        }))
+          $.style[B] = Q;
+        $.textContent = l.errorLabel, document.body.appendChild($);
+        const Z = $.offsetHeight;
+        return document.body.removeChild($), Z;
+      }, o = () => {
+        const $ = document.documentElement.clientHeight, B = document.documentElement.scrollHeight - $;
+        return $ - B;
+      };
+      W.value = (oe = (J = a.value) == null ? void 0 : J.$el) == null ? void 0 : oe.clientWidth;
+      const { top: e = 0, left: c = 0, height: p = 0 } = ((re = (le = a.value) == null ? void 0 : le.$el) == null ? void 0 : re.getBoundingClientRect()) ?? {}, x = o(), z = t();
+      e + p + z >= x ? M.value.y = e - z : M.value.y = e + p, M.value.x = c;
+    }, de = () => {
+      V.value = _(), d.value = k(), V.value === d.value || d.value - V.value < 1 ? L.value = !1 : (L.value = !0, v.value && clearTimeout(v.value)), G(), E.value = !0;
+    }, me = () => {
+      v.value = setTimeout(() => {
+        L.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);
     };
-    return K({
-      $timePicker: r,
+    return te({
+      $timePicker: a,
       blur: () => {
-        r.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        r.value.focus();
+        a.value.focus();
       }
-    }), (o, t) => (d(), y("div", {
-      class: Te(["das-ui-time-picker", [o.borderType, l.isView ? "readonly" : "", u(L) ? "is-error" : ""]]),
-      style: k(A.value)
+    }), (t, o) => (i(), m("div", {
+      class: Ee(["das-ui-time-picker", [t.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(O.value)
     }, [
-      z(u(Se), { locale: J.value }, {
+      H(n(Ve), { locale: se.value }, {
         default: h(() => [
-          z(u(Ie), {
+          H(n(Be), {
             ref_key: "inputTooltipRef",
-            ref: N,
+            ref: q,
             placement: "top",
             trigger: "hover",
-            visible: P.value,
-            disabled: !o.isTooltip,
-            content: te.value
+            visible: L.value,
+            disabled: !t.isTooltip,
+            content: he.value
           }, {
             default: h(() => [
-              ge((d(), X(u(Ke), ce({
+              Ie((i(), ae(n(rt), Te({
                 ref_key: "$timePicker",
-                ref: r
-              }, o.$attrs, {
-                value: u(v),
-                "onUpdate:value": t[0] || (t[0] = (e) => Be(v) ? v.value = e : null),
+                ref: a
+              }, t.$attrs, {
+                value: n(f),
+                "onUpdate:value": o[0] || (o[0] = (e) => Ae(f) ? f.value = e : null),
                 size: l.size,
-                popupClassName: "das-ui-time-picker-dropdown " + o.dropdownClassName,
-                showNow: o.showNow,
-                bordered: o.borderType === "bordered",
-                placeholder: Z.value,
+                popupClassName: "das-ui-time-picker-dropdown " + t.dropdownClassName,
+                showNow: t.showNow,
+                bordered: t.borderType === "bordered",
+                placeholder: j.value,
                 disabled: l.disabled || l.isView,
-                style: A.value,
-                popupStyle: W.value,
-                onChange: de,
+                style: O.value,
+                popupStyle: N.value,
+                onChange: pe,
                 onOpenChange: T
               }), {
                 dateRender: h((e) => [
-                  M(o.$slots, "dateRender", Ce($e(e)), () => [
-                    g("div", To, $(e.current.date()), 1)
+                  D(t.$slots, "dateRender", Pe(Le(e)), () => [
+                    y("div", Dt, S(e.current.date()), 1)
                   ], !0)
                 ]),
                 suffixIcon: h(() => [
-                  M(o.$slots, "suffixIcon", {}, () => [
-                    z(u(eo), {
+                  D(t.$slots, "suffixIcon", {}, () => [
+                    H(n(it), {
                       class: "das-suffix-icon",
                       size: "medium"
                     })
@@ -924,7 +990,7 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
                 ]),
                 _: 3
               }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [u(we), ie]
+                [n(He), ce]
               ])
             ]),
             _: 3
@@ -932,43 +998,45 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      o.error && o.errorLabel ? (d(), y(j, { key: 0 }, [
-        o.errorMode === "default" ? (d(), y("div", Co, [
-          g("span", {
-            style: k(F.value)
-          }, $(o.errorLabel), 5)
-        ])) : o.errorMode === "overlay" && R.value ? (d(), y(j, { key: 1 }, [
-          o.teleported ? (d(), X(ke, {
+      t.error && t.errorLabel ? (i(), m(ee, { key: 0 }, [
+        t.errorMode === "default" ? (i(), m("div", Et, [
+          y("span", {
+            style: b(P.value)
+          }, S(t.errorLabel), 5)
+        ])) : t.errorMode === "overlay" && E.value ? (i(), m(ee, { key: 1 }, [
+          t.teleported ? (i(), ae(ze, {
             key: 0,
             to: "body"
           }, [
-            g("div", {
-              style: k(Y.value)
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(X.value)
             }, [
-              g("span", {
-                style: k(F.value)
-              }, $(o.errorLabel), 5)
+              y("span", {
+                style: b(P.value)
+              }, S(t.errorLabel), 5)
             ], 4)
-          ])) : (d(), y("div", {
+          ])) : (i(), m("div", {
             key: 1,
-            style: k(_.value),
+            style: b(F.value),
             class: "das-picker-error-label label"
           }, [
-            g("span", {
-              style: k(F.value)
-            }, $(o.errorLabel), 5)
+            y("span", {
+              style: b(P.value)
+            }, S(t.errorLabel), 5)
           ], 4))
-        ], 64)) : G("", !0)
-      ], 64)) : G("", !0)
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
     ], 6));
   }
-}), Io = /* @__PURE__ */ xe(So, [["__scopeId", "data-v-14e66d63"]]), zo = (I) => (We("data-v-31fe3a4a"), I = I(), Fe(), I), Mo = { class: "ant-picker-cell-inner" }, Do = /* @__PURE__ */ zo(() => /* @__PURE__ */ g("div", { style: { padding: "0 8px" } }, "~", -1)), Po = {
+}), Vt = /* @__PURE__ */ De(Lt, [["__scopeId", "data-v-f496ef51"]]), Bt = (I) => (Ue("data-v-03f77a6b"), I = I(), Ye(), I), Rt = { class: "ant-picker-cell-inner" }, Nt = /* @__PURE__ */ Bt(() => /* @__PURE__ */ y("div", { style: { padding: "0 8px" } }, "~", -1)), Wt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Bo = {
+}, Ft = {
   name: "DasDatePicker"
-}, Lo = /* @__PURE__ */ ye({
-  ...Bo,
+}, At = /* @__PURE__ */ $e({
+  ...Ft,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -984,167 +1052,182 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
     dropdownClassName: { default: "" },
     placeholder: { default: ["开始时间", "结束时间"] },
     teleported: { type: Boolean, default: !0 },
-    errorModelZIndex: {},
+    errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean },
     isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(I, { expose: K, emit: s }) {
-    be((t) => ({
-      "5be349b8": U.value,
-      "06b6f375": Q.value
+  setup(I, { expose: te, emit: s }) {
+    Se((o) => ({
+      "771e3886": K.value,
+      "52d9de67": ie.value
     }));
-    const l = I, b = s, J = n(() => re.value === "zh-CN" ? De : Pe), r = a(null), N = a(null), v = ee(l, "modelValue"), L = ee(l, "error"), U = n(() => l.width ? l.width : "230px"), Q = n(() => l.height ? l.height : "auto"), A = a(3e3), Z = n(() => ({
-      "z-index": A.value
-    })), V = n(() => ({
+    const l = I, g = s, ue = r(null), se = u(() => be.value === "zh-CN" ? We : Fe), a = r(null), q = r(null), f = ve(l, "modelValue"), A = ve(l, "error"), K = u(() => l.width ? l.width : "230px"), ie = u(() => l.height ? l.height : "auto"), O = r(3e3), j = u(() => ({
+      "z-index": O.value
+    })), R = u(() => ({
       width: l.width
-    })), W = n(() => {
-      var t;
-      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (t = l.placeholder) == null ? void 0 : t.map((e) => ve(e));
-    }), R = a(!1), D = a({
+    })), N = u(() => {
+      var o;
+      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (o = l.placeholder) == null ? void 0 : o.map((e) => Ce(e));
+    }), E = r(!1), M = r({
       x: 0,
       y: 0
-    }), q = a(0), _ = n(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": oe("--das-ui-color-overlay-error").value,
+      "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": l.errorModelZIndex
-    })), Y = n(() => ({
-      ..._.value,
-      width: q.value + "px",
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: D.value.y + "px",
-      left: D.value.x + "px"
-    })), F = a({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: oe("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), T = a(!1), P = a(["", ""]), H = a("~"), te = n(() => {
-      var t;
-      return (t = v.value) != null && t.length && v.value[0] && v.value[1] ? P.value.join(" " + H.value + " ") : W.value.join(" " + H.value + " ");
-    }), x = a([0, 0]), w = a([0, 0]), E = () => {
-      var c;
-      let t = [];
-      const e = (c = r.value) == null ? void 0 : c.$el.querySelectorAll(".ant-picker-input>input");
+    }), T = r(!1), L = r(["", ""]), Y = r("~"), he = u(() => {
+      var o;
+      return (o = f.value) != null && o.length && f.value[0] && f.value[1] ? L.value.join(" " + Y.value + " ") : N.value.join(" " + Y.value + " ");
+    }), w = r([0, 0]), k = r([0, 0]), _ = () => {
+      var p;
+      let o = [];
+      const e = (p = a.value) == null ? void 0 : p.$el.querySelectorAll(".ant-picker-input>input");
       if (!e)
-        return t = [0, 0], t;
-      let i = [];
-      for (let m of e) {
-        i.push(m.getAttribute("value") || "");
-        let S = (m == null ? void 0 : m.offsetWidth) ?? 0;
-        t.push(S);
+        return o = [0, 0], o;
+      let c = [];
+      for (let x of e) {
+        c.push(x.getAttribute("value") || "");
+        let z = (x == null ? void 0 : x.offsetWidth) ?? 0;
+        o.push(z);
       }
-      return P.value = i, t;
-    }, B = (t) => {
+      return L.value = c, o;
+    }, V = (o) => {
       const e = l.size === "table" ? 12 : 14;
-      return Me(t, e);
-    }, p = () => {
-      var i;
-      let t = [];
-      return ((i = r.value) == null ? void 0 : i.$el.querySelectorAll(".ant-picker-input>input")).forEach((c, m) => {
-        v.value.length && v.value[0] && v.value[0] ? t.push(c == null ? void 0 : c.scrollWidth) : t.push(B(W.value[m]));
-      }), t;
+      return Ne(o, e);
+    }, d = () => {
+      var c;
+      let o = [];
+      return ((c = a.value) == null ? void 0 : c.$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;
     };
-    ue(() => [W.value, v.value], () => {
-      le(() => {
-        x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) && (T.value = !1);
+    we(() => [N.value, f.value], () => {
+      ye(() => {
+        w.value = _(), k.value = d(), (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);
       });
     });
-    const f = a();
-    ue(
+    const v = r();
+    we(
       () => {
-        var t;
-        return (t = N.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var o;
+        return (o = q.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          T.value = !0, f.value && clearTimeout(f.value);
-        }), t.addEventListener("mouseleave", function() {
-          f.value = setTimeout(() => {
+      (o) => {
+        o && (o.addEventListener("mouseenter", function() {
+          T.value = !0, v.value && clearTimeout(v.value);
+        }), o.addEventListener("mouseleave", function() {
+          v.value = setTimeout(() => {
             T.value = !1;
           }, 200);
         }));
       }
     );
-    const O = (t) => {
-      t && (A.value = ze().nextZIndex()), b("openChange", t), re.value === "en" && le(() => {
+    const G = (o) => {
+      o && (O.value = Re().nextZIndex()), g("openChange", o), be.value === "en" && ye(() => {
         const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let i of e)
-          i && (i.innerText = "OK");
+        for (let c of e)
+          c && (c.innerText = "OK");
       });
-    }, ne = () => {
-      var c, m, S, pe;
-      const { top: t = 0, left: e = 0 } = ((m = (c = r.value) == null ? void 0 : c.$el) == null ? void 0 : m.getBoundingClientRect()) ?? {};
-      let i = (S = r.value) == null ? void 0 : S.$el.clientHeight;
-      l.borderType !== "none" && (i = i + 2), q.value = (pe = r.value) == null ? void 0 : pe.$el.clientWidth, D.value.x = e, D.value.y = t + i;
-    }, se = () => {
-      x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) ? T.value = !1 : (T.value = !0, f.value && clearTimeout(f.value)), ne(), R.value = !0;
-    }, ie = () => {
-      f.value = setTimeout(() => {
+    }, de = () => {
+      var oe, le, re, $;
+      const o = () => {
+        var Z = document.createElement("div");
+        for (let [Q, xe] of Object.entries({
+          ...F.value,
+          ...P.value,
+          width: W.value + "px"
+        }))
+          Z.style[Q] = xe;
+        Z.textContent = l.errorLabel, document.body.appendChild(Z);
+        const B = Z.offsetHeight;
+        return document.body.removeChild(Z), B;
+      }, e = () => {
+        const Z = document.documentElement.clientHeight, Q = document.documentElement.scrollHeight - Z;
+        return Z - Q;
+      };
+      W.value = (le = (oe = a.value) == null ? void 0 : oe.$el) == null ? void 0 : le.clientWidth;
+      const { top: c = 0, left: p = 0, height: x = 0 } = (($ = (re = a.value) == null ? void 0 : re.$el) == null ? void 0 : $.getBoundingClientRect()) ?? {}, z = e(), J = o();
+      c + x + J >= z ? M.value.y = c - J : M.value.y = c + x, M.value.x = p;
+    }, me = () => {
+      w.value = _(), k.value = d(), (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), R.value = !1;
-    }, de = (t, e) => {
-      t ? se() : ie();
-    }, fe = (t, e) => {
-      if (L.value = !1, t === null) {
-        b("update:model-value", [null, null]), b("change", [null, null], e);
+      }, 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);
         return;
       }
-      b("update:error", L.value), b("update:model-value", t), b("change", t, e);
+      g("update:error", A.value), g("update:model-value", o), g("change", o, e);
     };
-    return K({
-      $timeRangePicker: r,
+    return te({
+      $timeRangePicker: a,
       blur: () => {
-        r.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        r.value.focus();
+        a.value.focus();
       }
-    }), (t, e) => (d(), y("div", {
-      class: Te(["das-ui-time-range-picker", [t.borderType, l.isView ? "readonly" : "", u(L) ? "is-error" : ""]]),
-      style: k(V.value)
+    }), (o, e) => (i(), m("div", {
+      class: Ee(["das-ui-time-range-picker", [o.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(R.value)
     }, [
-      z(u(Se), { locale: J.value }, {
+      H(n(Ve), { locale: se.value }, {
         default: h(() => [
-          z(u(Ie), {
+          H(n(Be), {
             ref_key: "inputTooltipRef",
-            ref: N,
+            ref: q,
             placement: "top",
             trigger: "hover",
             visible: T.value,
-            disabled: !t.isTooltip,
-            content: te.value
+            disabled: !o.isTooltip,
+            content: he.value
           }, {
             default: h(() => [
-              ge((d(), X(u(Xe), ce({
+              Ie((i(), ae(n(at), Te({
                 ref_key: "$timeRangePicker",
-                ref: r
-              }, t.$attrs, {
-                value: u(v),
-                "onUpdate:value": e[0] || (e[0] = (i) => Be(v) ? v.value = i : null),
+                ref: a
+              }, o.$attrs, {
+                value: n(f),
+                "onUpdate:value": e[0] || (e[0] = (c) => Ae(f) ? f.value = c : null),
                 size: l.size,
-                popupClassName: "das-ui-time-range-picker-dropdown " + t.dropdownClassName,
-                showNow: t.showNow,
-                bordered: t.borderType === "bordered",
-                placeholder: W.value,
+                popupClassName: "das-ui-time-range-picker-dropdown " + o.dropdownClassName,
+                showNow: o.showNow,
+                bordered: o.borderType === "bordered",
+                placeholder: N.value,
                 disabled: l.disabled || l.isView,
-                style: V.value,
-                popupStyle: Z.value,
-                onChange: fe,
-                onOpenChange: O
+                style: R.value,
+                popupStyle: j.value,
+                onChange: ge,
+                onOpenChange: G
               }), {
-                dateRender: h((i) => [
-                  M(t.$slots, "dateRender", Ce($e(i)), () => [
-                    g("div", Mo, $(i.current.date()), 1)
+                dateRender: h((c) => [
+                  D(o.$slots, "dateRender", Pe(Le(c)), () => [
+                    y("div", Rt, S(c.current.date()), 1)
                   ], !0)
                 ]),
                 suffixIcon: h(() => [
-                  M(t.$slots, "suffixIcon", {}, () => [
-                    z(u(ae), {
+                  D(o.$slots, "suffixIcon", {}, () => [
+                    H(n(ke), {
                       class: "das-suffix-icon",
                       icon: "dengdai",
                       size: "medium"
@@ -1152,13 +1235,13 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
                   ], !0)
                 ]),
                 separator: h(() => [
-                  M(t.$slots, "separator", {}, () => [
-                    Do
+                  D(o.$slots, "separator", {}, () => [
+                    Nt
                   ], !0)
                 ]),
                 _: 3
               }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [u(we), de]
+                [n(He), pe]
               ])
             ]),
             _: 3
@@ -1166,42 +1249,44 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      t.error && t.errorLabel ? (d(), y(j, { key: 0 }, [
-        t.errorMode === "default" ? (d(), y("div", Po, [
-          g("span", {
-            style: k(F.value)
-          }, $(t.errorLabel), 5)
-        ])) : t.errorMode === "overlay" && R.value ? (d(), y(j, { key: 1 }, [
-          t.teleported ? (d(), X(ke, {
+      o.error && o.errorLabel ? (i(), m(ee, { key: 0 }, [
+        o.errorMode === "default" ? (i(), m("div", Wt, [
+          y("span", {
+            style: b(P.value)
+          }, S(o.errorLabel), 5)
+        ])) : o.errorMode === "overlay" && E.value ? (i(), m(ee, { key: 1 }, [
+          o.teleported ? (i(), ae(ze, {
             key: 0,
             to: "body"
           }, [
-            g("div", {
-              style: k(Y.value)
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(X.value)
             }, [
-              g("span", {
-                style: k(F.value)
-              }, $(t.errorLabel), 5)
+              y("span", {
+                style: b(P.value)
+              }, S(o.errorLabel), 5)
             ], 4)
-          ])) : (d(), y("div", {
+          ])) : (i(), m("div", {
             key: 1,
-            style: k(_.value),
+            style: b(F.value),
             class: "das-picker-error-label label"
           }, [
-            g("span", {
-              style: k(F.value)
-            }, $(t.errorLabel), 5)
+            y("span", {
+              style: b(P.value)
+            }, S(o.errorLabel), 5)
           ], 4))
-        ], 64)) : G("", !0)
-      ], 64)) : G("", !0)
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
     ], 6));
   }
-}), Vo = /* @__PURE__ */ xe(Lo, [["__scopeId", "data-v-31fe3a4a"]]), Ro = {
+}), _t = /* @__PURE__ */ De(At, [["__scopeId", "data-v-03f77a6b"]]), Zt = {
   "--das-ui-date-picker-color-defalut-text": "#212121",
   // 默认字体色
   "--das-ui-date-picker-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-date-picker-color-underline": Ge("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": nt("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -1221,7 +1306,7 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
   // 字体大小-large
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
-}, Eo = {
+}, qt = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", _appCode: "framework" },
@@ -1229,14 +1314,14 @@ const oo = { class: "ant-picker-cell-inner" }, to = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", _appCode: "framework" }
 };
-Qe(Eo);
-Je(Ro);
-const ut = me(ao), nt = me(po), st = me(xo), it = me(Io), dt = me(Vo), pt = { name: "datePicker 日期时间选择器" };
+st(qt);
+ut(Zt);
+const ho = Me(ft), mo = Me(gt), yo = Me(Ht), bo = Me(Vt), go = Me(_t), ko = { name: "datePicker 日期时间选择器" };
 export {
-  ut as DasDatePicker,
-  nt as DasDateRangePicker,
-  st as DasRangePicker,
-  it as DasTimePicker,
-  dt as DasTimeRangePicker,
-  pt as default
+  ho as DasDatePicker,
+  mo as DasDateRangePicker,
+  yo as DasRangePicker,
+  bo as DasTimePicker,
+  go as DasTimeRangePicker,
+  ko as default
 };