@das-fed/ui 6.4.0-hot.32 → 6.4.0-hot.34

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

@@ -1,32 +1,34 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-import { withInstall as oe } from "@das-fed/utils/with-install/index";
-import { defineComponent as ae, useCssVars as le, computed as d, ref as f, openBlock as n, createElementBlock as u, normalizeClass as ue, unref as s, normalizeStyle as v, createVNode as I, withCtx as m, withDirectives as te, createBlock as R, mergeProps as _, isRef as be, createSlots as Me, renderSlot as g, normalizeProps as pe, guardReactiveProps as ce, createElementVNode as c, toDisplayString as h, createCommentVNode as k, Fragment as T, Teleport as ne, nextTick as se, useAttrs as Ie, createTextVNode as ke, renderList as ge, withModifiers as ze } from "vue";
-import { ConfigProvider as ve, DatePicker as $e, RangePicker as De, Dropdown as Se, Menu as Ve, MenuItem as Pe, TimePicker as Le, TimeRangePicker as Te } from "ant-design-vue";
-import { DasAutoRegisterIcon as Ce, DasIcon as J } from "@das-fed/ui/packages/components/icon/index";
-import { useModelValue as H } from "@das-fed/utils/vue";
-import { vHoverInside as de } from "@das-fed/utils/directive/hoverInside/index";
-import { useZIndex as fe } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { getVarValue as A, getVar as Be, setThemeRule as Ne } from "@das-fed/web/packages/theme/index";
-import { currentLang as G, t as ee, setI18nRule as Ee } from "@das-fed/web/packages/i18n/index";
+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 qe, renderList as Oe, withModifiers as Je, pushScopeId as Ye, popScopeId as Ke } 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 _e, 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 me from "ant-design-vue/es/locale/zh_CN";
-import ye 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 we } from "@das-fed/ui/packages/components/date-picker/index";
-import xe from "dayjs";
+import { DasDatePicker as je } from "@das-fed/ui/packages/components/date-picker/index";
+import Ue from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as Re } 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 Fe = { class: "ant-picker-cell-inner" }, Ze = {
+const dt = { class: "ant-picker-cell-inner" }, ct = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, He = {
+}, pt = {
   name: "DasDatePicker"
-}, Ae = /* @__PURE__ */ ae({
-  ...He,
+}, vt = /* @__PURE__ */ $e({
+  ...pt,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -43,265 +45,268 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
     placeholder: { default: "" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
-    noSetDefaultVal: { type: Boolean, default: !1 }
+    noSetDefaultVal: { type: Boolean, default: !1 },
+    isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(S, { expose: B, emit: t }) {
-    le((r) => ({
-      "7aae55ba": O.value,
-      "78a2d56a": W.value
+  setup(I, { expose: te, emit: s }) {
+    Se((t) => ({
+      "6bf8ad0c": O.value,
+      "5ca28bf3": j.value
     }));
-    const o = S, p = t;
-    Ce({
+    const l = I, g = s, ue = r(null);
+    _e({
       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 F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
-      "z-index": D.value
-    })), w = f(!1), y = f({
+    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
+    })), 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
-    }), z = f(0), $ = d(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").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": o.errorModelZIndex
-    })), q = d(() => ({
-      ...$.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    }), U = (r) => {
-      r && (D.value = fe().nextZIndex()), p("openChange", r), G.value === "en" && se(() => {
-        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let a of e)
-          a && (a.innerText = "OK");
+    }), 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 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);
       });
-    }, Y = () => {
-      var i, b, L, E;
-      const { top: r = 0, left: e = 0 } = ((b = (i = l.value) == null ? void 0 : i.$el) == null ? void 0 : b.getBoundingClientRect()) ?? {};
-      let a = (L = l.value) == null ? void 0 : L.$el.clientHeight;
-      o.borderType !== "none" && (a = a + 2), z.value = (E = l.value) == null ? void 0 : E.$el.clientWidth, y.value.x = e, y.value.y = r + a;
-    }, K = () => {
-      Y(), w.value = !0;
-    }, j = () => {
-      w.value = !1;
-    }, Z = (r, e) => {
-      r ? K() : j();
-    }, P = d(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder || ee("请选择日期")), N = d(() => ({
-      width: o.width
-    })), X = (r, e) => {
-      M.value = !1, p("update:error", M.value), p("update:model-value", r), p("change", r, e);
+    });
+    const C = r();
+    we(
+      () => {
+        var t;
+        return (t = q.value) == null ? void 0 : t.$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;
+          }, 200);
+        }));
+      }
+    );
+    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");
+      });
+    }, 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), 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 B({
-      $datePicker: l,
+    return te({
+      $datePicker: a,
       blur: () => {
-        l.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        a.value.focus();
       }
-    }), (r, e) => (n(), u(
-      "div",
-      {
-        class: ue(["das-ui-date-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(N.value)
-      },
-      [
-        I(s(ve), { locale: F.value }, {
-          default: m(() => [
-            te((n(), R(s($e), _({
-              ref_key: "$datePicker",
-              ref: l
-            }, r.$attrs, {
-              value: s(C),
-              "onUpdate:value": e[0] || (e[0] = (a) => be(C) ? C.value = a : null),
-              size: o.size,
-              dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
-              placeholder: P.value,
-              showToday: r.showToday,
-              bordered: r.borderType === "bordered",
-              disabled: o.disabled || o.isView,
-              style: N.value,
-              popupStyle: V.value,
-              onChange: X,
-              onOpenChange: U
-            }), Me({
-              dateRender: m((a) => [
-                g(r.$slots, "dateRender", pe(ce(a)), () => [
-                  c(
-                    "div",
-                    Fe,
-                    h(a.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              nextIcon: m(() => [
-                g(r.$slots, "nextIcon", {}, () => [
-                  I(s(J), {
-                    icon: "right",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              prevIcon: m(() => [
-                g(r.$slots, "prevIcon", {}, () => [
-                  I(s(J), {
-                    icon: "left",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              superNextIcon: m(() => [
-                g(r.$slots, "superNextIcon", {}, () => [
-                  I(s(J), {
-                    icon: "double-arrow-right",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              superPrevIcon: m(() => [
-                g(r.$slots, "superPrevIcon", {}, () => [
-                  I(s(J), {
-                    icon: "double-arrow-left",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              suffixIcon: m(() => [
-                g(r.$slots, "suffixIcon", {}, () => [
-                  I(s(J), {
-                    class: "das-suffix-icon",
-                    icon: "riqixuanze",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              r.$slots.renderExtraFooter ? {
-                name: "renderExtraFooter",
-                fn: m(() => [
-                  g(r.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (t, o) => (i(), m("div", {
+      class: Ee(["das-ui-date-picker", [t.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(ie.value)
+    }, [
+      H(n(Ve), { locale: se.value }, {
+        default: h(() => [
+          H(n(Be), {
+            ref_key: "inputTooltipRef",
+            ref: q,
+            placement: "top",
+            trigger: "hover",
+            visible: T.value,
+            disabled: !t.isTooltip,
+            content: Y.value
+          }, {
+            default: h(() => [
+              Ie((i(), ae(n(Qe), Te({
+                ref_key: "$datePicker",
+                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 " + t.dropdownClassName,
+                placeholder: K.value,
+                showToday: t.showToday,
+                bordered: t.borderType === "bordered",
+                disabled: l.disabled || l.isView,
+                style: ie.value,
+                popupStyle: N.value,
+                onChange: pe,
+                onOpenChange: v
+              }), Xe({
+                dateRender: h((e) => [
+                  D(t.$slots, "dateRender", Pe(Le(e)), () => [
+                    y("div", dt, S(e.current.date()), 1)
+                  ], !0)
                 ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        k(` <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> `),
-        r.error && r.errorLabel ? (n(), u(
-          T,
-          { key: 0 },
-          [
-            r.errorMode === "default" ? (n(), u("div", Ze, [
-              c(
-                "span",
-                {
-                  style: v(x.value)
-                },
-                h(r.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
-              T,
-              { key: 1 },
-              [
-                r.teleported ? (n(), R(ne, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  c(
-                    "div",
-                    {
-                      style: v(q.value)
-                    },
-                    [
-                      c(
-                        "span",
-                        {
-                          style: v(x.value)
-                        },
-                        h(r.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (n(), u(
-                  "div",
-                  {
-                    key: 1,
-                    style: v($.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    c(
-                      "span",
-                      {
-                        style: v(x.value)
-                      },
-                      h(r.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+                nextIcon: h(() => [
+                  D(t.$slots, "nextIcon", {}, () => [
+                    H(n(ke), {
+                      icon: "right",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                prevIcon: h(() => [
+                  D(t.$slots, "prevIcon", {}, () => [
+                    H(n(ke), {
+                      icon: "left",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                superNextIcon: h(() => [
+                  D(t.$slots, "superNextIcon", {}, () => [
+                    H(n(ke), {
+                      icon: "double-arrow-right",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                superPrevIcon: h(() => [
+                  D(t.$slots, "superPrevIcon", {}, () => [
+                    H(n(ke), {
+                      icon: "double-arrow-left",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                suffixIcon: h(() => [
+                  D(t.$slots, "suffixIcon", {}, () => [
+                    H(n(ke), {
+                      class: "das-suffix-icon",
+                      icon: "riqixuanze",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                _: 2
+              }, [
+                t.$slots.renderExtraFooter ? {
+                  name: "renderExtraFooter",
+                  fn: h(() => [
+                    D(t.$slots, "renderExtraFooter", {}, void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+                [n(He), ce]
+              ])
+            ]),
+            _: 3
+          }, 8, ["visible", "disabled", "content"])
+        ]),
+        _: 3
+      }, 8, ["locale"]),
+      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"
+          }, [
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(X.value)
+            }, [
+              y("span", {
+                style: b(P.value)
+              }, S(t.errorLabel), 5)
+            ], 4)
+          ])) : (i(), m("div", {
+            key: 1,
+            style: b(F.value),
+            class: "das-picker-error-label label"
+          }, [
+            y("span", {
+              style: b(P.value)
+            }, S(t.errorLabel), 5)
+          ], 4))
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
+    ], 6));
   }
-}), ie = (S, B) => {
-  const t = S.__vccOpts || S;
-  for (const [o, p] of B)
-    t[o] = p;
-  return t;
-}, Oe = /* @__PURE__ */ ie(Ae, [["__scopeId", "data-v-95eceda5"]]), We = { class: "date-range-separator" }, qe = {
+}), De = (I, te) => {
+  const s = I.__vccOpts || I;
+  for (const [l, g] of te)
+    s[l] = g;
+  return s;
+}, ft = /* @__PURE__ */ De(vt, [["__scopeId", "data-v-0771052b"]]), ht = { class: "date-range-separator" }, mt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ue = {
+}, yt = {
   name: "DasDateRangePicker"
-}, Ye = /* @__PURE__ */ ae({
-  ...Ue,
+}, bt = /* @__PURE__ */ $e({
+  ...yt,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -326,197 +331,160 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
     disabledUnit: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(S, { emit: B }) {
-    le((e) => ({
-      "44e74b46": O.value,
-      "62d165d0": M.value
+  setup(I, { emit: te }) {
+    Se((d) => ({
+      "62c95626": A.value,
+      "35914ce7": f.value
     }));
-    const t = S, o = B, p = Ie(), F = d(() => t.placeholder ?? [ee("开始日期"), ee("结束日期")]), l = H(t, "modelValue"), C = H(t, "error"), M = d(() => t.width ? t.width : "230px"), O = d(() => t.height ? t.height : "auto"), W = d(() => ({ ...p, ...t.prevAttrs })), D = d(() => ({ ...p, ...t.nextAttrs })), V = f(), w = f(!1), y = f({
+    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
-    }), z = f(0), $ = d(() => ({
+    }), N = r(0), E = u(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").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": t.errorModelZIndex
-    })), q = d(() => ({
-      ...$.value,
-      width: z.value + "px",
+      "z-index": s.errorModelZIndex
+    })), M = u(() => ({
+      ...E.value,
+      width: N.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: R.value.y + "px",
+      left: R.value.x + "px"
+    })), W = r({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
-    }), U = () => {
-      var b;
-      const { top: e = 0, left: a = 0 } = ((b = V.value) == null ? void 0 : b.getBoundingClientRect()) ?? {};
-      let i = V.value.clientHeight;
-      z.value = V.value.clientWidth, y.value.x = a, y.value.y = e + i;
-    }, Y = () => {
-      U(), w.value = !0;
-    }, K = () => {
-      w.value = !1;
-    }, j = (e, a) => {
-      e ? Y() : K();
-    }, Z = (e, a) => {
-      o("openChange", e, a), G.value === "en" && se(() => {
-        const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let b of i)
-          b && (b.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");
       });
-    }, P = d(() => {
-      let e = t.valueFormat ? t.valueFormat : t.format;
+    }, Y = u(() => {
+      let d = s.valueFormat ? s.valueFormat : s.format;
       return [
-        l.value[0] ? xe.isDayjs(l.value[0]) ? l.value[0].format(e) : l.value[0] : "",
-        l.value[1] ? xe.isDayjs(l.value[1]) ? l.value[1].format(e) : l.value[1] : ""
+        a.value[0] ? Ue.isDayjs(a.value[0]) ? a.value[0].format(d) : a.value[0] : "",
+        a.value[1] ? Ue.isDayjs(a.value[1]) ? a.value[1].format(d) : a.value[1] : ""
       ];
-    }), N = (e) => t.disabledDate && t.disabledDate(e) === !0 ? !0 : !!(l.value[1] && e.isAfter(l.value[1], t.disabledUnit || void 0)), X = (e) => t.disabledDate && t.disabledDate(e) === !0 ? !0 : !!(l.value[0] && e.isBefore(l.value[0], t.disabledUnit || void 0)), Q = d(() => ({
-      width: t.width
-    })), re = (e, a) => {
-      C.value = !1, o("update:model-value", l.value), o("change", l.value, P.value);
-    }, r = (e, a) => {
-      C.value = !1, o("update:model-value", l.value), o("change", l.value, P.value);
+    }), 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
+    })), _ = (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 (e, a) => te((n(), u(
-      "div",
-      {
-        class: "das-ui-date-range-picker",
-        style: v(Q.value),
-        ref_key: "$dateRange",
-        ref: V
-      },
-      [
-        I(s(we), _(W.value, {
-          modelValue: s(l)[0],
-          "onUpdate:modelValue": a[0] || (a[0] = (i) => s(l)[0] = i),
-          format: t.format,
-          size: t.size,
-          valueFormat: t.valueFormat,
-          borderType: t.borderType,
-          error: s(C),
-          width: t.itemWidth,
-          "disabled-date": N,
-          placeholder: F.value[0],
-          onChange: re,
-          onOpenChange: a[1] || (a[1] = (i) => Z(i, "before"))
-        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        g(e.$slots, "separator", {}, () => [
-          c(
-            "span",
-            We,
-            h(t.separator),
-            1
-            /* TEXT */
-          )
-        ], !0),
-        I(s(we), _(D.value, {
-          modelValue: s(l)[1],
-          "onUpdate:modelValue": a[2] || (a[2] = (i) => s(l)[1] = i),
-          format: t.format,
-          size: t.size,
-          valueFormat: t.valueFormat,
-          borderType: t.borderType,
-          error: s(C),
-          width: t.itemWidth,
-          "disabled-date": X,
-          placeholder: F.value[1],
-          onChange: r,
-          onOpenChange: a[3] || (a[3] = (i) => Z(i, "after"))
-        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        e.error && e.errorLabel ? (n(), u(
-          T,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (n(), u("div", qe, [
-              c(
-                "span",
-                {
-                  style: v(x.value)
-                },
-                h(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : e.errorMode === "overlay" && w.value ? (n(), u(
-              T,
-              { key: 1 },
-              [
-                e.teleported ? (n(), R(ne, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  c(
-                    "div",
-                    {
-                      style: v(q.value)
-                    },
-                    [
-                      c(
-                        "span",
-                        {
-                          style: v(x.value)
-                        },
-                        h(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (n(), u(
-                  "div",
-                  {
-                    key: 1,
-                    style: v($.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    c(
-                      "span",
-                      {
-                        style: v(x.value)
-                      },
-                      h(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
-      ],
-      4
-      /* STYLE */
-    )), [
-      [s(de), j]
+    return (d, C) => Ie((i(), m("div", {
+      class: "das-ui-date-range-picker",
+      style: b(k.value),
+      ref_key: "$dateRange",
+      ref: O
+    }, [
+      H(n(je), 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: n(q),
+        width: s.itemWidth,
+        "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"]),
+      D(d.$slots, "separator", {}, () => [
+        y("span", ht, S(s.separator), 1)
+      ], !0),
+      H(n(je), 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: n(q),
+        width: s.itemWidth,
+        "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"]),
+      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"
+          }, [
+            y("div", {
+              ref_key: "$errorModel",
+              ref: g,
+              style: b(M.value)
+            }, [
+              y("span", {
+                style: b(W.value)
+              }, S(d.errorLabel), 5)
+            ], 4)
+          ])) : (i(), m("div", {
+            key: 1,
+            style: b(E.value),
+            class: "das-picker-error-label label"
+          }, [
+            y("span", {
+              style: b(W.value)
+            }, S(d.errorLabel), 5)
+          ], 4))
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
+    ], 4)), [
+      [n(He), T]
     ]);
   }
-}), Ke = /* @__PURE__ */ ie(Ye, [["__scopeId", "data-v-41bcc01f"]]), je = { class: "ant-picker-cell-inner" }, Xe = { class: "das-picker-footer-extra" }, Ge = {
+}), gt = /* @__PURE__ */ De(bt, [["__scopeId", "data-v-25e743b7"]]), kt = (I) => (Ye("data-v-9492b531"), I = I(), Ke(), 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"
-}, Je = { class: "das-picker-preset-span" }, Qe = ["onClick"], _e = {
+}, Mt = { class: "das-picker-preset-span" }, $t = ["onClick"], St = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, er = {
+}, It = {
   name: "DasRangePicker"
-}, rr = /* @__PURE__ */ ae({
-  ...er,
+}, zt = /* @__PURE__ */ $e({
+  ...It,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -536,369 +504,315 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
     placeholder: { default: ["开始日期", "结束日期"] },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
-    noSetDefaultVal: { type: Boolean }
+    noSetDefaultVal: { type: Boolean },
+    isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(S, { expose: B, emit: t }) {
-    le((e) => ({
-      "7da4ea59": O.value,
-      "1d2966f4": W.value
+  setup(I, { expose: te, emit: s }) {
+    Se((e) => ({
+      "0a433d8b": K.value,
+      "24557a02": ie.value
     }));
-    const o = S, p = t;
-    Ce({
+    const l = I, g = s, ue = r(null);
+    _e({
       fold: import("@das-fed/ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
-      "z-index": D.value
-    })), w = f(!1), y = f({
+    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
-    }), z = f(0), $ = d(() => ({
+    }), E = r(0), M = u(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").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": o.errorModelZIndex
-    })), q = d(() => ({
-      ...$.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), W = u(() => ({
+      ...M.value,
+      width: E.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: N.value.y + "px",
+      left: N.value.x + "px"
+    })), F = r({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    }), U = (e) => {
-      e && (D.value = fe().nextZIndex()), p("openChange", e), G.value === "en" && se(() => {
-        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let i of a)
-          i && (i.innerText = "OK");
-      });
-    }, Y = () => {
-      var b, L, E, he;
-      const { top: e = 0, left: a = 0 } = ((L = (b = l.value) == null ? void 0 : b.$el) == null ? void 0 : L.getBoundingClientRect()) ?? {};
-      let i = (E = l.value) == null ? void 0 : E.$el.clientHeight;
-      o.borderType !== "none" && (i = i + 2), z.value = (he = l.value) == null ? void 0 : he.$el.clientWidth, y.value.x = a, y.value.y = e + i;
-    }, K = () => {
-      Y(), w.value = !0;
-    }, j = () => {
-      w.value = !1;
-    }, Z = (e, a) => {
-      e ? K() : j();
-    }, P = d(() => {
+    }), X = u(() => {
+      var e;
+      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = l.placeholder) == null ? void 0 : e.map((c) => Ce(c));
+    }), P = u(() => ({
+      width: l.width
+    })), T = r(!1), L = r(["", ""]), Y = r("~"), he = u(() => {
       var e;
-      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = o.placeholder) == null ? void 0 : e.map((a) => ee(a));
-    }), N = d(() => ({
-      width: o.width
-    })), X = (e, a) => {
-      if (M.value = !1, e === null) {
-        p("update:model-value", [null, null]), p("change", [null, null], a);
+      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 c = (x = a.value) == null ? void 0 : x.$el.querySelectorAll(".ant-picker-input>input");
+      if (!c)
+        return e = [0, 0], e;
+      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 L.value = p, e;
+    }, V = (e) => {
+      const c = l.size === "table" ? 12 : 14;
+      return Ne(e, c);
+    }, d = () => {
+      var p;
+      let e = [];
+      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;
+    };
+    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 v = r();
+    we(
+      () => {
+        var e;
+        return (e = q.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          T.value = !0, v.value && clearTimeout(v.value);
+        }), e.addEventListener("mouseleave", function() {
+          v.value = setTimeout(() => {
+            T.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    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");
+      });
+    }, de = () => {
+      var le, re, $, Z;
+      const e = () => {
+        var B = document.createElement("div");
+        for (let [xe, Ze] of Object.entries({
+          ...M.value,
+          ...F.value,
+          width: E.value + "px"
+        }))
+          B.style[xe] = Ze;
+        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), 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;
       }
-      p("update:error", M.value), p("update:model-value", e), p("change", e, a);
-    }, Q = (e) => {
-      p("update:model-value", e.value), p("change", e.value, [e.value[0].format(o.format), e.value[1].format(o.format)]), l.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 B({
-      $rangePicker: l,
+    return te({
+      $rangePicker: a,
       blur: () => {
-        l.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        a.value.focus();
       }
-    }), (e, a) => (n(), u(
-      "div",
-      {
-        class: ue(["das-ui-range-picker", [e.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(N.value)
-      },
-      [
-        I(s(ve), { locale: F.value }, {
-          default: m(() => [
-            te((n(), R(s(De), _({
-              ref_key: "$rangePicker",
-              ref: l
-            }, e.$attrs, {
-              value: s(C),
-              format: e.format,
-              size: o.size,
-              dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
-              placeholder: P.value,
-              showToday: e.showToday,
-              showTime: e.showTime,
-              bordered: e.borderType === "bordered",
-              disabled: o.disabled || o.isView,
-              style: N.value,
-              popupStyle: V.value,
-              onChange: X,
-              onOpenChange: U
-            }), {
-              dateRender: m((i) => [
-                g(e.$slots, "dateRender", pe(ce(i)), () => [
-                  c(
-                    "div",
-                    je,
-                    h(i.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              nextIcon: m(() => [
-                k(' <slot name="nextIcon"> '),
-                a[1] || (a[1] = ke(" XX ")),
-                k(" </slot> ")
-              ]),
-              prevIcon: m(() => [
-                g(e.$slots, "prevIcon", {}, () => [
-                  k(' <das-icon icon="left"></das-icon> ')
-                ], !0)
-              ]),
-              superNextIcon: m(() => [
-                g(e.$slots, "superNextIcon", {}, () => [
-                  k(' <das-icon icon="double-arrow-right"></das-icon> ')
-                ], !0)
-              ]),
-              superPrevIcon: m(() => [
-                g(e.$slots, "superPrevIcon", {}, () => [
-                  k(' <das-icon icon="double-arrow-left"></das-icon> ')
-                ], !0)
-              ]),
-              suffixIcon: m(() => [
-                g(e.$slots, "suffixIcon", {}, () => [
-                  I(s(J), {
-                    class: "das-suffix-icon",
-                    icon: "riqixuanze",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              separator: m(() => [
-                g(e.$slots, "separator", {}, () => [
-                  a[2] || (a[2] = c(
-                    "div",
-                    { style: { padding: "0 8px" } },
-                    "~",
-                    -1
-                    /* HOISTED */
-                  ))
-                ], !0)
-              ]),
-              renderExtraFooter: m(() => [
-                c("div", Xe, [
-                  g(e.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (e, c) => (i(), m("div", {
+      class: Ee(["das-ui-range-picker", [e.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(P.value)
+    }, [
+      H(n(Ve), { locale: se.value }, {
+        default: h(() => [
+          H(n(Be), {
+            ref_key: "inputTooltipRef",
+            ref: q,
+            placement: "top",
+            trigger: "hover",
+            visible: T.value,
+            disabled: !e.isTooltip,
+            content: he.value
+          }, {
+            default: h(() => [
+              Ie((i(), ae(n(et), Te({
+                ref_key: "$rangePicker",
+                ref: a
+              }, e.$attrs, {
+                value: n(f),
+                format: e.format,
+                size: l.size,
+                dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
+                placeholder: X.value,
+                showToday: e.showToday,
+                showTime: e.showTime,
+                bordered: e.borderType === "bordered",
+                disabled: l.disabled || l.isView,
+                style: P.value,
+                popupStyle: j.value,
+                onChange: ge,
+                onOpenChange: G
+              }), {
+                dateRender: h((p) => [
+                  D(e.$slots, "dateRender", Pe(Le(p)), () => [
+                    y("div", wt, S(p.current.date()), 1)
+                  ], !0)
+                ]),
+                nextIcon: h(() => [
+                  qe(" XX ")
+                ]),
+                prevIcon: h(() => [
+                  D(e.$slots, "prevIcon", {}, void 0, !0)
+                ]),
+                superNextIcon: h(() => [
+                  D(e.$slots, "superNextIcon", {}, void 0, !0)
+                ]),
+                superPrevIcon: h(() => [
+                  D(e.$slots, "superPrevIcon", {}, void 0, !0)
                 ]),
-                e.showTime || e.ranges && e.ranges.length ? (n(), u("div", Ge, [
-                  (n(!0), u(
-                    T,
-                    null,
-                    ge(e.ranges, (i) => (n(), u("div", {
+                suffixIcon: h(() => [
+                  D(e.$slots, "suffixIcon", {}, () => [
+                    H(n(ke), {
+                      class: "das-suffix-icon",
+                      icon: "riqixuanze",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                separator: h(() => [
+                  D(e.$slots, "separator", {}, () => [
+                    xt
+                  ], !0)
+                ]),
+                renderExtraFooter: h(() => [
+                  y("div", Tt, [
+                    D(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                  ]),
+                  e.showTime || e.ranges && e.ranges.length ? (i(), m("div", Ct, [
+                    (i(!0), m(ee, null, Oe(e.ranges, (p) => (i(), m("div", {
                       class: "das-picker-preset",
-                      key: i.key
+                      key: p.key
                     }, [
-                      k(` <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
-                    </span>\r
-                \r
-                  <template #dropdown>\r
-\r
-                    <el-dropdown-menu>\r
-                      <el-dropdown-item v-for="child in item.children" :key="child.key" :command="child" >\r
-                        <div class="das-picker-preset-item">\r
-                          {{ child.key }}\r
-                        </div>\r
-                      </el-dropdown-item>\r
-                    </el-dropdown-menu>\r
-                  </template>\r
-                </el-dropdown> `),
-                      i.type === "dropdown" && i.children.length ? (n(), R(
-                        s(Se),
-                        {
-                          key: 0,
-                          trigger: ["click"]
-                        },
-                        {
-                          overlay: m(() => [
-                            I(
-                              s(Ve),
-                              null,
-                              {
-                                default: m(() => [
-                                  (n(!0), u(
-                                    T,
-                                    null,
-                                    ge(i.children, (b) => (n(), R(s(Pe), {
-                                      key: b.key,
-                                      onClick: (L) => Q(b)
-                                    }, {
-                                      default: m(() => [
-                                        (n(), u(
-                                          "span",
-                                          { key: b },
-                                          h(b.key),
-                                          1
-                                          /* TEXT */
-                                        ))
-                                      ]),
-                                      _: 2
-                                      /* DYNAMIC */
-                                    }, 1032, ["onClick"]))),
-                                    128
-                                    /* KEYED_FRAGMENT */
-                                  ))
+                      p.type === "dropdown" && p.children.length ? (i(), ae(n(tt), {
+                        key: 0,
+                        trigger: ["click"]
+                      }, {
+                        overlay: h(() => [
+                          H(n(ot), null, {
+                            default: h(() => [
+                              (i(!0), m(ee, null, Oe(p.children, (x) => (i(), ae(n(lt), {
+                                key: x.key,
+                                onClick: (z) => U(x)
+                              }, {
+                                default: h(() => [
+                                  (i(), m("span", { key: x }, S(x.key), 1))
                                 ]),
                                 _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            )
-                          ]),
-                          default: m(() => [
-                            c("a", {
-                              class: "ant-dropdown-link",
-                              onClick: a[0] || (a[0] = ze(() => {
-                              }, ["prevent"]))
-                            }, [
-                              c("span", Je, [
-                                ke(
-                                  h(i.key) + " ",
-                                  1
-                                  /* TEXT */
-                                ),
-                                I(s(J), {
-                                  icon: "fold",
-                                  size: "mini",
-                                  style: { display: "inline-block" }
-                                })
-                              ])
+                              }, 1032, ["onClick"]))), 128))
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        default: h(() => [
+                          y("a", {
+                            class: "ant-dropdown-link",
+                            onClick: c[0] || (c[0] = Je(() => {
+                            }, ["prevent"]))
+                          }, [
+                            y("span", Mt, [
+                              qe(S(p.key) + " ", 1),
+                              H(n(ke), {
+                                icon: "fold",
+                                size: "mini",
+                                style: { display: "inline-block" }
+                              })
                             ])
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      )) : (n(), u("span", {
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)) : (i(), m("span", {
                         key: 1,
                         class: "das-picker-preset-span",
-                        onClick: (b) => Q(i)
-                      }, h(i.key), 9, Qe))
-                    ]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )),
-                  k(` <div class="das-picker-ok">\r
-                <das-button btnType="primary" size="middle">Ok</das-button>\r
-              </div> `)
-                ])) : k("v-if", !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        k(` <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 ? (n(), u(
-          T,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (n(), u("div", _e, [
-              c(
-                "span",
-                {
-                  style: v(x.value)
-                },
-                h(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : e.errorMode === "overlay" && w.value ? (n(), u(
-              T,
-              { key: 1 },
-              [
-                e.teleported ? (n(), R(ne, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  c(
-                    "div",
-                    {
-                      style: v(q.value)
-                    },
-                    [
-                      c(
-                        "span",
-                        {
-                          style: v(x.value)
-                        },
-                        h(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (n(), u(
-                  "div",
-                  {
-                    key: 1,
-                    style: v($.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    c(
-                      "span",
-                      {
-                        style: v(x.value)
-                      },
-                      h(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+                        onClick: (x) => U(p)
+                      }, S(p.key), 9, $t))
+                    ]))), 128))
+                  ])) : ne("", !0)
+                ]),
+                _: 3
+              }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                [n(He), pe]
+              ])
+            ]),
+            _: 3
+          }, 8, ["visible", "disabled", "content"])
+        ]),
+        _: 3
+      }, 8, ["locale"]),
+      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"
+          }, [
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(W.value)
+            }, [
+              y("span", {
+                style: b(F.value)
+              }, S(e.errorLabel), 5)
+            ], 4)
+          ])) : (i(), m("div", {
+            key: 1,
+            style: b(M.value),
+            class: "das-picker-error-label label"
+          }, [
+            y("span", {
+              style: b(F.value)
+            }, S(e.errorLabel), 5)
+          ], 4))
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
+    ], 6));
   }
-}), or = /* @__PURE__ */ ie(rr, [["__scopeId", "data-v-d46480f7"]]), ar = { class: "ant-picker-cell-inner" }, lr = {
+}), Ht = /* @__PURE__ */ De(zt, [["__scopeId", "data-v-9492b531"]]), Dt = { class: "ant-picker-cell-inner" }, Et = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, tr = {
+}, Pt = {
   name: "DasDatePicker"
-}, nr = /* @__PURE__ */ ae({
-  ...tr,
+}, Lt = /* @__PURE__ */ $e({
+  ...Pt,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -915,205 +829,214 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
     placeholder: { default: "请选择时间" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
-    noSetDefaultVal: { type: Boolean }
+    noSetDefaultVal: { type: Boolean },
+    isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(S, { expose: B, emit: t }) {
-    le((r) => ({
-      "60acd3c6": O.value,
-      "0bba33b0": W.value
+  setup(I, { expose: te, emit: s }) {
+    Se((t) => ({
+      "5db6fe30": K.value,
+      "399ca245": ie.value
     }));
-    const o = S, p = t, F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
-      "z-index": D.value
-    })), w = f(!1), y = f({
+    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
+    })), 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
-    }), z = f(0), $ = d(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").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": o.errorModelZIndex
-    })), q = d(() => ({
-      ...$.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    }), U = (r) => {
-      r && (D.value = fe().nextZIndex()), p("openChange", r), G.value === "en" && se(() => {
-        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let a of e)
-          a && (a.innerText = "OK");
+    }), 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");
+      });
+    }, 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 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);
       });
-    }, Y = () => {
-      var i, b, L, E;
-      const { top: r = 0, left: e = 0 } = ((b = (i = l.value) == null ? void 0 : i.$el) == null ? void 0 : b.getBoundingClientRect()) ?? {};
-      let a = (L = l.value) == null ? void 0 : L.$el.clientHeight;
-      o.borderType !== "none" && (a = a + 2), z.value = (E = l.value) == null ? void 0 : E.$el.clientWidth, y.value.x = e, y.value.y = r + a;
-    }, K = () => {
-      Y(), w.value = !0;
-    }, j = () => {
-      w.value = !1;
-    }, Z = (r, e) => {
-      r ? K() : j();
-    }, P = d(() => ({
-      width: o.width
-    })), N = d(() => o.isView ? o.noSetDefaultVal ? "" : "-" : ee(o.placeholder)), X = (r, e) => {
-      M.value = !1, p("update:error", M.value), p("update:model-value", r), p("change", r, e);
+    });
+    const v = r();
+    we(
+      () => {
+        var t;
+        return (t = q.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+      },
+      (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 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 B({
-      $timePicker: l,
+    return te({
+      $timePicker: a,
       blur: () => {
-        l.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        a.value.focus();
       }
-    }), (r, e) => (n(), u(
-      "div",
-      {
-        class: ue(["das-ui-time-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(P.value)
-      },
-      [
-        I(s(ve), { locale: F.value }, {
-          default: m(() => [
-            te((n(), R(s(Le), _({
-              ref_key: "$timePicker",
-              ref: l
-            }, r.$attrs, {
-              value: s(C),
-              "onUpdate:value": e[0] || (e[0] = (a) => be(C) ? C.value = a : null),
-              size: o.size,
-              popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
-              showNow: r.showNow,
-              bordered: r.borderType === "bordered",
-              placeholder: N.value,
-              disabled: o.disabled || o.isView,
-              style: P.value,
-              popupStyle: V.value,
-              onChange: X,
-              onOpenChange: U
-            }), {
-              dateRender: m((a) => [
-                g(r.$slots, "dateRender", pe(ce(a)), () => [
-                  c(
-                    "div",
-                    ar,
-                    h(a.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              suffixIcon: m(() => [
-                g(r.$slots, "suffixIcon", {}, () => [
-                  I(s(Re), {
-                    class: "das-suffix-icon",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        r.error && r.errorLabel ? (n(), u(
-          T,
-          { key: 0 },
-          [
-            r.errorMode === "default" ? (n(), u("div", lr, [
-              c(
-                "span",
-                {
-                  style: v(x.value)
-                },
-                h(r.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
-              T,
-              { key: 1 },
-              [
-                r.teleported ? (n(), R(ne, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  c(
-                    "div",
-                    {
-                      style: v(q.value)
-                    },
-                    [
-                      c(
-                        "span",
-                        {
-                          style: v(x.value)
-                        },
-                        h(r.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (n(), u(
-                  "div",
-                  {
-                    key: 1,
-                    style: v($.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    c(
-                      "span",
-                      {
-                        style: v(x.value)
-                      },
-                      h(r.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+    }), (t, o) => (i(), m("div", {
+      class: Ee(["das-ui-time-picker", [t.borderType, l.isView ? "readonly" : "", n(A) ? "is-error" : ""]]),
+      style: b(O.value)
+    }, [
+      H(n(Ve), { locale: se.value }, {
+        default: h(() => [
+          H(n(Be), {
+            ref_key: "inputTooltipRef",
+            ref: q,
+            placement: "top",
+            trigger: "hover",
+            visible: L.value,
+            disabled: !t.isTooltip,
+            content: he.value
+          }, {
+            default: h(() => [
+              Ie((i(), ae(n(rt), Te({
+                ref_key: "$timePicker",
+                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 " + t.dropdownClassName,
+                showNow: t.showNow,
+                bordered: t.borderType === "bordered",
+                placeholder: j.value,
+                disabled: l.disabled || l.isView,
+                style: O.value,
+                popupStyle: N.value,
+                onChange: pe,
+                onOpenChange: T
+              }), {
+                dateRender: h((e) => [
+                  D(t.$slots, "dateRender", Pe(Le(e)), () => [
+                    y("div", Dt, S(e.current.date()), 1)
+                  ], !0)
+                ]),
+                suffixIcon: h(() => [
+                  D(t.$slots, "suffixIcon", {}, () => [
+                    H(n(it), {
+                      class: "das-suffix-icon",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                _: 3
+              }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                [n(He), ce]
+              ])
+            ]),
+            _: 3
+          }, 8, ["visible", "disabled", "content"])
+        ]),
+        _: 3
+      }, 8, ["locale"]),
+      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"
+          }, [
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(X.value)
+            }, [
+              y("span", {
+                style: b(P.value)
+              }, S(t.errorLabel), 5)
+            ], 4)
+          ])) : (i(), m("div", {
+            key: 1,
+            style: b(F.value),
+            class: "das-picker-error-label label"
+          }, [
+            y("span", {
+              style: b(P.value)
+            }, S(t.errorLabel), 5)
+          ], 4))
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
+    ], 6));
   }
-}), sr = /* @__PURE__ */ ie(nr, [["__scopeId", "data-v-6bfc969f"]]), dr = { class: "ant-picker-cell-inner" }, ir = {
+}), Vt = /* @__PURE__ */ De(Lt, [["__scopeId", "data-v-f496ef51"]]), Bt = (I) => (Ye("data-v-50f77782"), I = I(), Ke(), 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"
-}, ur = {
+}, Ft = {
   name: "DasDatePicker"
-}, pr = /* @__PURE__ */ ae({
-  ...ur,
+}, At = /* @__PURE__ */ $e({
+  ...Ft,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -1129,230 +1052,243 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
     dropdownClassName: { default: "" },
     placeholder: { default: ["开始时间", "结束时间"] },
     teleported: { type: Boolean, default: !0 },
-    errorModelZIndex: {},
-    noSetDefaultVal: { type: Boolean }
+    errorModelZIndex: { default: 2e3 },
+    noSetDefaultVal: { type: Boolean },
+    isTooltip: { type: Boolean, default: !0 }
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(S, { expose: B, emit: t }) {
-    le((r) => ({
-      "3915632a": O.value,
-      "606fef7a": W.value
-    }));
-    const o = S, p = t, F = d(() => G.value === "zh-CN" ? me : ye), l = f(), C = H(o, "modelValue"), M = H(o, "error"), O = d(() => o.width ? o.width : "230px"), W = d(() => o.height ? o.height : "auto"), D = f(3e3), V = d(() => ({
-      "z-index": D.value
-    })), w = f(!1), y = f({
+  setup(I, { expose: te, emit: s }) {
+    Se((o) => ({
+      "158ae50a": K.value,
+      fbfa7b3a: ie.value
+    })), _e({
+      dengdai: import("@das-fed/ui/packages/icons/dengdai")
+    });
+    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
+    })), 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
-    }), z = f(0), $ = d(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").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": o.errorModelZIndex
-    })), q = d(() => ({
-      ...$.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    }), U = (r) => {
-      r && (D.value = fe().nextZIndex()), p("openChange", r), G.value === "en" && se(() => {
+    }), 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 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 L.value = c, o;
+    }, V = (o) => {
+      const e = l.size === "table" ? 12 : 14;
+      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;
+    };
+    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 v = r();
+    we(
+      () => {
+        var o;
+        return (o = q.value) == null ? void 0 : o.$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;
+          }, 200);
+        }));
+      }
+    );
+    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 a of e)
-          a && (a.innerText = "OK");
+        for (let c of e)
+          c && (c.innerText = "OK");
       });
-    }, Y = () => {
-      var i, b, L, E;
-      const { top: r = 0, left: e = 0 } = ((b = (i = l.value) == null ? void 0 : i.$el) == null ? void 0 : b.getBoundingClientRect()) ?? {};
-      let a = (L = l.value) == null ? void 0 : L.$el.clientHeight;
-      o.borderType !== "none" && (a = a + 2), z.value = (E = l.value) == null ? void 0 : E.$el.clientWidth, y.value.x = e, y.value.y = r + a;
-    }, K = () => {
-      Y(), w.value = !0;
-    }, j = () => {
-      w.value = !1;
-    }, Z = (r, e) => {
-      r ? K() : j();
-    }, P = d(() => ({
-      width: o.width
-    })), N = d(() => {
-      var r;
-      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (r = o.placeholder) == null ? void 0 : r.map((e) => ee(e));
-    }), X = (r, e) => {
-      if (M.value = !1, r === null) {
-        p("update:model-value", [null, null]), p("change", [null, null], e);
+    }, 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), 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;
       }
-      p("update:error", M.value), p("update:model-value", r), p("change", r, e);
+      g("update:error", A.value), g("update:model-value", o), g("change", o, e);
     };
-    return B({
-      $timeRangePicker: l,
+    return te({
+      $timeRangePicker: a,
       blur: () => {
-        l.value.blur();
+        a.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        a.value.focus();
       }
-    }), (r, e) => (n(), u(
-      "div",
-      {
-        class: ue(["das-ui-time-range-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(P.value)
-      },
-      [
-        I(s(ve), { locale: F.value }, {
-          default: m(() => [
-            te((n(), R(s(Te), _({
-              ref_key: "$timeRangePicker",
-              ref: l
-            }, r.$attrs, {
-              value: s(C),
-              "onUpdate:value": e[0] || (e[0] = (a) => be(C) ? C.value = a : null),
-              size: o.size,
-              popupClassName: "das-ui-time-range-picker-dropdown " + r.dropdownClassName,
-              showNow: r.showNow,
-              bordered: r.borderType === "bordered",
-              placeholder: N.value,
-              disabled: o.disabled || o.isView,
-              style: P.value,
-              popupStyle: V.value,
-              onChange: X,
-              onOpenChange: U
-            }), {
-              dateRender: m((a) => [
-                g(r.$slots, "dateRender", pe(ce(a)), () => [
-                  c(
-                    "div",
-                    dr,
-                    h(a.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              suffixIcon: m(() => [
-                g(r.$slots, "suffixIcon", {}, () => [
-                  I(s(J), {
-                    class: "das-suffix-icon",
-                    icon: "dengdai",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              separator: m(() => [
-                g(r.$slots, "separator", {}, () => [
-                  e[1] || (e[1] = c(
-                    "div",
-                    { style: { padding: "0 8px" } },
-                    "~",
-                    -1
-                    /* HOISTED */
-                  ))
-                ], !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        k(` <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> `),
-        r.error && r.errorLabel ? (n(), u(
-          T,
-          { key: 0 },
-          [
-            r.errorMode === "default" ? (n(), u("div", ir, [
-              c(
-                "span",
-                {
-                  style: v(x.value)
-                },
-                h(r.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
-              T,
-              { key: 1 },
-              [
-                r.teleported ? (n(), R(ne, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  c(
-                    "div",
-                    {
-                      style: v(q.value)
-                    },
-                    [
-                      c(
-                        "span",
-                        {
-                          style: v(x.value)
-                        },
-                        h(r.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (n(), u(
-                  "div",
-                  {
-                    key: 1,
-                    style: v($.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    c(
-                      "span",
-                      {
-                        style: v(x.value)
-                      },
-                      h(r.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+    }), (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)
+    }, [
+      H(n(Ve), { locale: se.value }, {
+        default: h(() => [
+          H(n(Be), {
+            ref_key: "inputTooltipRef",
+            ref: q,
+            placement: "top",
+            trigger: "hover",
+            visible: T.value,
+            disabled: !o.isTooltip,
+            content: he.value
+          }, {
+            default: h(() => [
+              Ie((i(), ae(n(at), Te({
+                ref_key: "$timeRangePicker",
+                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 " + o.dropdownClassName,
+                showNow: o.showNow,
+                bordered: o.borderType === "bordered",
+                placeholder: N.value,
+                disabled: l.disabled || l.isView,
+                style: R.value,
+                popupStyle: j.value,
+                onChange: ge,
+                onOpenChange: G
+              }), {
+                dateRender: h((c) => [
+                  D(o.$slots, "dateRender", Pe(Le(c)), () => [
+                    y("div", Rt, S(c.current.date()), 1)
+                  ], !0)
+                ]),
+                suffixIcon: h(() => [
+                  D(o.$slots, "suffixIcon", {}, () => [
+                    H(n(ke), {
+                      class: "das-suffix-icon",
+                      icon: "dengdai",
+                      size: "medium"
+                    })
+                  ], !0)
+                ]),
+                separator: h(() => [
+                  D(o.$slots, "separator", {}, () => [
+                    Nt
+                  ], !0)
+                ]),
+                _: 3
+              }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                [n(He), pe]
+              ])
+            ]),
+            _: 3
+          }, 8, ["visible", "disabled", "content"])
+        ]),
+        _: 3
+      }, 8, ["locale"]),
+      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"
+          }, [
+            y("div", {
+              ref_key: "$errorModel",
+              ref: ue,
+              style: b(X.value)
+            }, [
+              y("span", {
+                style: b(P.value)
+              }, S(o.errorLabel), 5)
+            ], 4)
+          ])) : (i(), m("div", {
+            key: 1,
+            style: b(F.value),
+            class: "das-picker-error-label label"
+          }, [
+            y("span", {
+              style: b(P.value)
+            }, S(o.errorLabel), 5)
+          ], 4))
+        ], 64)) : ne("", !0)
+      ], 64)) : ne("", !0)
+    ], 6));
   }
-}), cr = /* @__PURE__ */ ie(pr, [["__scopeId", "data-v-404b0084"]]), vr = {
+}), _t = /* @__PURE__ */ De(At, [["__scopeId", "data-v-50f77782"]]), Zt = {
   "--das-ui-date-picker-color-defalut-text": "#212121",
   // 默认字体色
   "--das-ui-date-picker-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-date-picker-color-underline": Be("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": nt("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -1372,7 +1308,7 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
   // 字体大小-large
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
-}, fr = {
+}, qt = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", _appCode: "framework" },
@@ -1380,14 +1316,14 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", _appCode: "framework" }
 };
-Ee(fr);
-Ne(vr);
-const Er = oe(Oe), Rr = oe(Ke), Fr = oe(or), Zr = oe(sr), Hr = oe(cr), Ar = { 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 {
-  Er as DasDatePicker,
-  Rr as DasDateRangePicker,
-  Fr as DasRangePicker,
-  Zr as DasTimePicker,
-  Hr as DasTimeRangePicker,
-  Ar as default
+  ho as DasDatePicker,
+  mo as DasDateRangePicker,
+  yo as DasRangePicker,
+  bo as DasTimePicker,
+  go as DasTimeRangePicker,
+  ko as default
 };