@das-fed/ui 6.4.0-test.10 → 6.4.0-test.11

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 ye, useCssVars as be, computed as s, ref as a, watch as ne, openBlock as d, createElementBlock as y, normalizeClass as Te, unref as u, normalizeStyle as g, createVNode as M, withCtx as h, withDirectives as ke, createBlock as G, mergeProps as ce, isRef as Pe, createSlots as Fe, renderSlot as S, normalizeProps as Ce, guardReactiveProps as $e, createElementVNode as k, toDisplayString as $, Fragment as _, Teleport as ge, createCommentVNode as I, nextTick as le, useAttrs as Ae, createTextVNode as Ve, renderList as Re, withModifiers as Ze } from "vue";
+import { ConfigProvider as ze, DatePicker as qe, RangePicker as He, Dropdown as Oe, Menu as Ue, MenuItem as Ye, TimePicker as je, TimeRangePicker as Ke } from "ant-design-vue";
+import { DasAutoRegisterIcon as We, DasIcon as ae } from "@das-fed/ui/packages/components/icon/index";
+import { DasTooltip as Ie } from "@das-fed/ui/packages/components/tooltip/index";
+import { useModelValue as ee } from "@das-fed/utils/vue";
+import { vHoverInside as we } from "@das-fed/utils/directive/hoverInside/index";
+import { useZIndex as Me } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { getVarValue as re, getVar as _e, setThemeRule as Xe } from "@das-fed/web/packages/theme/index";
+import { currentLang as te, t as ve, setI18nRule as Ge } from "@das-fed/web/packages/i18n/index";
+import { calcTextWidth as Se } 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 De from "ant-design-vue/es/locale/zh_CN";
+import Le 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 Ee } from "@das-fed/ui/packages/components/date-picker/index";
+import Ne 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 Je } 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 Qe = { class: "ant-picker-cell-inner" }, er = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, He = {
+}, rr = {
   name: "DasDatePicker"
-}, Ae = /* @__PURE__ */ ae({
-  ...He,
+}, or = /* @__PURE__ */ ye({
+  ...rr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -43,212 +45,255 @@ 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(Y, { expose: X, emit: i }) {
+    be((r) => ({
+      "71cb29f5": A.value,
+      a469ca50: Z.value
     }));
-    const o = S, p = t;
-    Ce({
+    const o = Y, b = i;
+    We({
       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 J = s(() => te.value === "zh-CN" ? De : Le), t = a(null), N = a(null), v = ee(o, "modelValue"), B = ee(o, "error"), j = s(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder || ve("请选择日期")), Q = s(() => ({
+      width: o.width
+    })), A = s(() => o.width ? o.width : "230px"), Z = s(() => o.height ? o.height : "auto"), V = a(3e3), W = s(() => ({
+      "z-index": V.value
+    })), R = a(!1), D = a({
       x: 0,
       y: 0
-    }), z = f(0), $ = d(() => ({
+    }), q = a(0), H = s(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": re("--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",
+    })), K = s(() => ({
+      ...H.value,
+      width: q.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: D.value.y + "px",
+      left: D.value.x + "px"
+    })), F = a({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: re("--das-ui-input-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 = a(!1), L = a(""), O = s(() => v.value ? L.value : j.value), oe = () => {
+      const r = o.size === "table" ? 12 : 14;
+      return Se(j.value, r);
+    }, x = () => {
+      var l;
+      const r = (l = t.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return v.value ? r == null ? void 0 : r.scrollWidth : oe();
+    }, w = () => {
+      var e;
+      const r = (e = t.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? (L.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, E = a(0), P = a(0);
+    ne(() => [j.value, v.value], () => {
+      le(() => {
+        E.value = w(), P.value = x(), (E.value === P.value || P.value - E.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 = a();
+    ne(
+      () => {
+        var r;
+        return (r = N.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+      },
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          T.value = !0, C.value && clearTimeout(C.value);
+        }), r.addEventListener("mouseleave", function() {
+          C.value = setTimeout(() => {
+            T.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const f = (r) => {
+      r && (V.value = Me().nextZIndex()), b("openChange", r), te.value === "en" && le(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of l)
+          e && (e.innerText = "OK");
+      });
+    }, U = () => {
+      var n, c, m, z;
+      const { top: r = 0, left: l = 0 } = ((c = (n = t.value) == null ? void 0 : n.$el) == null ? void 0 : c.getBoundingClientRect()) ?? {};
+      let e = (m = t.value) == null ? void 0 : m.$el.clientHeight;
+      o.borderType !== "none" && (e = e + 2), q.value = (z = t.value) == null ? void 0 : z.$el.clientWidth, D.value.x = l, D.value.y = r + e;
+    }, ue = () => {
+      E.value = w(), P.value = x(), E.value === P.value || P.value - E.value < 1 ? T.value = !1 : (T.value = !0, C.value && clearTimeout(C.value)), U(), R.value = !0;
+    }, se = () => {
+      C.value = setTimeout(() => {
+        T.value = !1;
+      }, 200), R.value = !1;
+    }, ie = (r, l) => {
+      r ? ue() : se();
+    }, de = (r, l) => {
+      B.value = !1, b("update:error", B.value), b("update:model-value", r), b("change", r, l);
     };
-    return B({
-      $datePicker: l,
+    return X({
+      $datePicker: t,
       blur: () => {
-        l.value.blur();
+        t.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        t.value.focus();
       }
-    }), (r, e) => (n(), u(
+    }), (r, l) => (d(), y(
       "div",
       {
-        class: ue(["das-ui-date-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(N.value)
+        class: Te(["das-ui-date-picker", [r.borderType, o.isView ? "readonly" : "", u(B) ? "is-error" : ""]]),
+        style: g(Q.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)
+        M(u(ze), { locale: J.value }, {
+          default: h(() => [
+            M(u(Ie), {
+              ref_key: "inputTooltipRef",
+              ref: N,
+              placement: "top",
+              trigger: "hover",
+              visible: T.value,
+              disabled: !r.isTooltip,
+              content: O.value
+            }, {
+              default: h(() => [
+                ke((d(), G(u(qe), ce({
+                  ref_key: "$datePicker",
+                  ref: t
+                }, r.$attrs, {
+                  value: u(v),
+                  "onUpdate:value": l[0] || (l[0] = (e) => Pe(v) ? v.value = e : null),
+                  size: o.size,
+                  dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
+                  placeholder: j.value,
+                  showToday: r.showToday,
+                  bordered: r.borderType === "bordered",
+                  disabled: o.disabled || o.isView,
+                  style: Q.value,
+                  popupStyle: W.value,
+                  onChange: de,
+                  onOpenChange: f
+                }), Fe({
+                  dateRender: h((e) => [
+                    S(r.$slots, "dateRender", Ce($e(e)), () => [
+                      k(
+                        "div",
+                        Qe,
+                        $(e.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  nextIcon: h(() => [
+                    S(r.$slots, "nextIcon", {}, () => [
+                      M(u(ae), {
+                        icon: "right",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  prevIcon: h(() => [
+                    S(r.$slots, "prevIcon", {}, () => [
+                      M(u(ae), {
+                        icon: "left",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  superNextIcon: h(() => [
+                    S(r.$slots, "superNextIcon", {}, () => [
+                      M(u(ae), {
+                        icon: "double-arrow-right",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  superPrevIcon: h(() => [
+                    S(r.$slots, "superPrevIcon", {}, () => [
+                      M(u(ae), {
+                        icon: "double-arrow-left",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  suffixIcon: h(() => [
+                    S(r.$slots, "suffixIcon", {}, () => [
+                      M(u(ae), {
+                        class: "das-suffix-icon",
+                        icon: "riqixuanze",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  r.$slots.renderExtraFooter ? {
+                    name: "renderExtraFooter",
+                    fn: h(() => [
+                      S(r.$slots, "renderExtraFooter", {}, void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+                  [u(we), ie]
+                ])
               ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              r.$slots.renderExtraFooter ? {
-                name: "renderExtraFooter",
-                fn: m(() => [
-                  g(r.$slots, "renderExtraFooter", {}, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
           ]),
           _: 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,
+        r.error && r.errorLabel ? (d(), y(
+          _,
           { key: 0 },
           [
-            r.errorMode === "default" ? (n(), u("div", Ze, [
-              c(
+            r.errorMode === "default" ? (d(), y("div", er, [
+              k(
                 "span",
                 {
-                  style: v(x.value)
+                  style: g(F.value)
                 },
-                h(r.errorLabel),
+                $(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
-              T,
+            ])) : r.errorMode === "overlay" && R.value ? (d(), y(
+              _,
               { key: 1 },
               [
-                r.teleported ? (n(), R(ne, {
+                r.teleported ? (d(), G(ge, {
                   key: 0,
                   to: "body"
                 }, [
-                  c(
+                  k(
                     "div",
                     {
-                      style: v(q.value)
+                      style: g(K.value)
                     },
                     [
-                      c(
+                      k(
                         "span",
                         {
-                          style: v(x.value)
+                          style: g(F.value)
                         },
-                        h(r.errorLabel),
+                        $(r.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -256,20 +301,20 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
                     4
                     /* STYLE */
                   )
-                ])) : (n(), u(
+                ])) : (d(), y(
                   "div",
                   {
                     key: 1,
-                    style: v($.value),
+                    style: g(H.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    c(
+                    k(
                       "span",
                       {
-                        style: v(x.value)
+                        style: g(F.value)
                       },
-                      h(r.errorLabel),
+                      $(r.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -280,28 +325,28 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
+            )) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : I("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), 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 = {
+}), xe = (Y, X) => {
+  const i = Y.__vccOpts || Y;
+  for (const [o, b] of X)
+    i[o] = b;
+  return i;
+}, lr = /* @__PURE__ */ xe(or, [["__scopeId", "data-v-a0fe8f76"]]), tr = { class: "date-range-separator" }, ar = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ue = {
+}, nr = {
   name: "DasDateRangePicker"
-}, Ye = /* @__PURE__ */ ae({
-  ...Ue,
+}, ur = /* @__PURE__ */ ye({
+  ...nr,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -326,144 +371,144 @@ 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(Y, { emit: X }) {
+    be((p) => ({
+      a50132d8: B.value,
+      "50c076b9": v.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 i = Y, o = X, b = Ae(), J = s(() => i.placeholder ?? [ve("开始日期"), ve("结束日期")]), t = ee(i, "modelValue"), N = ee(i, "error"), v = s(() => i.width ? i.width : "230px"), B = s(() => i.height ? i.height : "auto"), j = s(() => ({ ...b, ...i.prevAttrs })), Q = s(() => ({ ...b, ...i.nextAttrs })), A = a(), Z = a(!1), V = a({
       x: 0,
       y: 0
-    }), z = f(0), $ = d(() => ({
+    }), W = a(0), R = s(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": re("--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": i.errorModelZIndex
+    })), D = s(() => ({
+      ...R.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: V.value.y + "px",
+      left: V.value.x + "px"
+    })), q = a({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: re("--das-ui-input-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;
+    }), H = () => {
+      var U;
+      const { top: p = 0, left: C = 0 } = ((U = A.value) == null ? void 0 : U.getBoundingClientRect()) ?? {};
+      let f = A.value.clientHeight;
+      W.value = A.value.clientWidth, V.value.x = C, V.value.y = p + f;
     }, 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");
+      H(), Z.value = !0;
+    }, F = () => {
+      Z.value = !1;
+    }, T = (p, C) => {
+      p ? K() : F();
+    }, L = (p, C) => {
+      o("openChange", p, C), te.value === "en" && le(() => {
+        const f = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let U of f)
+          U && (U.innerText = "OK");
       });
-    }, P = d(() => {
-      let e = t.valueFormat ? t.valueFormat : t.format;
+    }, O = s(() => {
+      let p = i.valueFormat ? i.valueFormat : i.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] : ""
+        t.value[0] ? Ne.isDayjs(t.value[0]) ? t.value[0].format(p) : t.value[0] : "",
+        t.value[1] ? Ne.isDayjs(t.value[1]) ? t.value[1].format(p) : t.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);
+    }), oe = (p) => i.disabledDate && i.disabledDate(p) === !0 ? !0 : !!(t.value[1] && p.isAfter(t.value[1], i.disabledUnit || void 0)), x = (p) => i.disabledDate && i.disabledDate(p) === !0 ? !0 : !!(t.value[0] && p.isBefore(t.value[0], i.disabledUnit || void 0)), w = s(() => ({
+      width: i.width
+    })), E = (p, C) => {
+      N.value = !1, o("update:model-value", t.value), o("change", t.value, O.value);
+    }, P = (p, C) => {
+      N.value = !1, o("update:model-value", t.value), o("change", t.value, O.value);
     };
-    return (e, a) => te((n(), u(
+    return (p, C) => ke((d(), y(
       "div",
       {
         class: "das-ui-date-range-picker",
-        style: v(Q.value),
+        style: g(w.value),
         ref_key: "$dateRange",
-        ref: V
+        ref: A
       },
       [
-        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"))
+        M(u(Ee), ce(j.value, {
+          modelValue: u(t)[0],
+          "onUpdate:modelValue": C[0] || (C[0] = (f) => u(t)[0] = f),
+          format: i.format,
+          size: i.size,
+          valueFormat: i.valueFormat,
+          borderType: i.borderType,
+          error: u(N),
+          width: i.itemWidth,
+          "disabled-date": oe,
+          placeholder: J.value[0],
+          onChange: E,
+          onOpenChange: C[1] || (C[1] = (f) => L(f, "before"))
         }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        g(e.$slots, "separator", {}, () => [
-          c(
+        S(p.$slots, "separator", {}, () => [
+          k(
             "span",
-            We,
-            h(t.separator),
+            tr,
+            $(i.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"))
+        M(u(Ee), ce(Q.value, {
+          modelValue: u(t)[1],
+          "onUpdate:modelValue": C[2] || (C[2] = (f) => u(t)[1] = f),
+          format: i.format,
+          size: i.size,
+          valueFormat: i.valueFormat,
+          borderType: i.borderType,
+          error: u(N),
+          width: i.itemWidth,
+          "disabled-date": x,
+          placeholder: J.value[1],
+          onChange: P,
+          onOpenChange: C[3] || (C[3] = (f) => L(f, "after"))
         }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        e.error && e.errorLabel ? (n(), u(
-          T,
+        p.error && p.errorLabel ? (d(), y(
+          _,
           { key: 0 },
           [
-            e.errorMode === "default" ? (n(), u("div", qe, [
-              c(
+            p.errorMode === "default" ? (d(), y("div", ar, [
+              k(
                 "span",
                 {
-                  style: v(x.value)
+                  style: g(q.value)
                 },
-                h(e.errorLabel),
+                $(p.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && w.value ? (n(), u(
-              T,
+            ])) : p.errorMode === "overlay" && Z.value ? (d(), y(
+              _,
               { key: 1 },
               [
-                e.teleported ? (n(), R(ne, {
+                p.teleported ? (d(), G(ge, {
                   key: 0,
                   to: "body"
                 }, [
-                  c(
+                  k(
                     "div",
                     {
-                      style: v(q.value)
+                      style: g(D.value)
                     },
                     [
-                      c(
+                      k(
                         "span",
                         {
-                          style: v(x.value)
+                          style: g(q.value)
                         },
-                        h(e.errorLabel),
+                        $(p.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -471,20 +516,20 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
                     4
                     /* STYLE */
                   )
-                ])) : (n(), u(
+                ])) : (d(), y(
                   "div",
                   {
                     key: 1,
-                    style: v($.value),
+                    style: g(R.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    c(
+                    k(
                       "span",
                       {
-                        style: v(x.value)
+                        style: g(q.value)
                       },
-                      h(e.errorLabel),
+                      $(p.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -495,28 +540,28 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
+            )) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : I("v-if", !0)
       ],
       4
       /* STYLE */
     )), [
-      [s(de), j]
+      [u(we), T]
     ]);
   }
-}), Ke = /* @__PURE__ */ ie(Ye, [["__scopeId", "data-v-41bcc01f"]]), je = { class: "ant-picker-cell-inner" }, Xe = { class: "das-picker-footer-extra" }, Ge = {
+}), sr = /* @__PURE__ */ xe(ur, [["__scopeId", "data-v-2f4d54c7"]]), ir = { class: "ant-picker-cell-inner" }, dr = { class: "das-picker-footer-extra" }, pr = {
   key: 0,
   class: "das-picker-ranges"
-}, Je = { class: "das-picker-preset-span" }, Qe = ["onClick"], _e = {
+}, cr = { class: "das-picker-preset-span" }, vr = ["onClick"], fr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, er = {
+}, hr = {
   name: "DasRangePicker"
-}, rr = /* @__PURE__ */ ae({
-  ...er,
+}, mr = /* @__PURE__ */ ye({
+  ...hr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -536,174 +581,230 @@ 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(Y, { expose: X, emit: i }) {
+    be((e) => ({
+      "12ed1961": j.value,
+      "30e718ec": Q.value
     }));
-    const o = S, p = t;
-    Ce({
+    const o = Y, b = i;
+    We({
       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 J = s(() => te.value === "zh-CN" ? De : Le), t = a(null), N = a(null), v = ee(o, "modelValue"), B = ee(o, "error"), j = s(() => o.width ? o.width : "230px"), Q = s(() => o.height ? o.height : "auto"), A = a(3e3), Z = s(() => ({
+      "z-index": A.value
+    })), V = a(!1), W = a({
       x: 0,
       y: 0
-    }), z = f(0), $ = d(() => ({
+    }), R = a(0), D = s(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": re("--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",
+    })), q = s(() => ({
+      ...D.value,
+      width: R.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: W.value.y + "px",
+      left: W.value.x + "px"
+    })), H = a({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: re("--das-ui-input-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(() => {
+    }), K = s(() => {
       var e;
-      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = o.placeholder) == null ? void 0 : e.map((a) => ee(a));
-    }), N = d(() => ({
+      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = o.placeholder) == null ? void 0 : e.map((n) => ve(n));
+    }), F = s(() => ({
       width: o.width
-    })), X = (e, a) => {
-      if (M.value = !1, e === null) {
-        p("update:model-value", [null, null]), p("change", [null, null], a);
+    })), T = a(!1), L = a(["", ""]), O = a("~"), oe = s(() => v.value.length && v.value[0] && v.value[0] ? L.value.join(" " + O.value + " ") : K.value.join(" " + O.value + " ")), x = a([0, 0]), w = a([0, 0]), E = () => {
+      var m;
+      let e = [];
+      const n = (m = t.value) == null ? void 0 : m.$el.querySelectorAll(".ant-picker-input>input");
+      if (!n)
+        return e = [0, 0], e;
+      let c = [];
+      for (let z of n) {
+        c.push(z.getAttribute("value") || "");
+        let pe = (z == null ? void 0 : z.offsetWidth) ?? 0;
+        e.push(pe);
+      }
+      return L.value = c, e;
+    }, P = (e) => {
+      const n = o.size === "table" ? 12 : 14;
+      return Se(e, n);
+    }, p = () => {
+      var c;
+      let e = [];
+      return ((c = t.value) == null ? void 0 : c.$el.querySelectorAll(".ant-picker-input>input")).forEach((m, z) => {
+        v.value.length && v.value[0] && v.value[0] ? e.push(m == null ? void 0 : m.scrollWidth) : e.push(P(K.value[z]));
+      }), e;
+    };
+    ne(() => [K.value, v.value], () => {
+      le(() => {
+        x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) && (T.value = !1);
+      });
+    });
+    const f = a();
+    ne(
+      () => {
+        var e;
+        return (e = N.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          T.value = !0, f.value && clearTimeout(f.value);
+        }), e.addEventListener("mouseleave", function() {
+          f.value = setTimeout(() => {
+            T.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const U = (e) => {
+      e && (A.value = Me().nextZIndex()), b("openChange", e), te.value === "en" && le(() => {
+        const n = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let c of n)
+          c && (c.innerText = "OK");
+      });
+    }, ue = () => {
+      var m, z, pe, Be;
+      const { top: e = 0, left: n = 0 } = ((z = (m = t.value) == null ? void 0 : m.$el) == null ? void 0 : z.getBoundingClientRect()) ?? {};
+      let c = (pe = t.value) == null ? void 0 : pe.$el.clientHeight;
+      o.borderType !== "none" && (c = c + 2), R.value = (Be = t.value) == null ? void 0 : Be.$el.clientWidth, W.value.x = n, W.value.y = e + c;
+    }, se = () => {
+      x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) ? T.value = !1 : (T.value = !0, f.value && clearTimeout(f.value)), ue(), V.value = !0;
+    }, ie = () => {
+      f.value = setTimeout(() => {
+        T.value = !1;
+      }, 200), V.value = !1;
+    }, de = (e, n) => {
+      e ? se() : ie();
+    }, fe = (e, n) => {
+      if (B.value = !1, e === null) {
+        b("update:model-value", [null, null]), b("change", [null, null], n);
         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();
+      b("update:error", B.value), b("update:model-value", e), b("change", e, n);
+    }, he = (e) => {
+      b("update:model-value", e.value), b("change", e.value, [e.value[0].format(o.format), e.value[1].format(o.format)]), t.value.blur();
     };
-    return B({
-      $rangePicker: l,
+    return X({
+      $rangePicker: t,
       blur: () => {
-        l.value.blur();
+        t.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        t.value.focus();
       }
-    }), (e, a) => (n(), u(
+    }), (e, n) => (d(), y(
       "div",
       {
-        class: ue(["das-ui-range-picker", [e.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(N.value)
+        class: Te(["das-ui-range-picker", [e.borderType, o.isView ? "readonly" : "", u(B) ? "is-error" : ""]]),
+        style: g(F.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.showTime || e.ranges && e.ranges.length ? (n(), u("div", Ge, [
-                  (n(!0), u(
-                    T,
-                    null,
-                    ge(e.ranges, (i) => (n(), u("div", {
-                      class: "das-picker-preset",
-                      key: i.key
-                    }, [
-                      k(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
+        M(u(ze), { locale: J.value }, {
+          default: h(() => [
+            M(u(Ie), {
+              ref_key: "inputTooltipRef",
+              ref: N,
+              placement: "top",
+              trigger: "hover",
+              visible: T.value,
+              disabled: !e.isTooltip,
+              content: oe.value
+            }, {
+              default: h(() => [
+                ke((d(), G(u(He), ce({
+                  ref_key: "$rangePicker",
+                  ref: t
+                }, e.$attrs, {
+                  value: u(v),
+                  format: e.format,
+                  size: o.size,
+                  dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
+                  placeholder: K.value,
+                  showToday: e.showToday,
+                  showTime: e.showTime,
+                  bordered: e.borderType === "bordered",
+                  disabled: o.disabled || o.isView,
+                  style: F.value,
+                  popupStyle: Z.value,
+                  onChange: fe,
+                  onOpenChange: U
+                }), {
+                  dateRender: h((c) => [
+                    S(e.$slots, "dateRender", Ce($e(c)), () => [
+                      k(
+                        "div",
+                        ir,
+                        $(c.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  nextIcon: h(() => [
+                    I(' <slot name="nextIcon"> '),
+                    n[1] || (n[1] = Ve(" XX ")),
+                    I(" </slot> ")
+                  ]),
+                  prevIcon: h(() => [
+                    S(e.$slots, "prevIcon", {}, () => [
+                      I(' <das-icon icon="left"></das-icon> ')
+                    ], !0)
+                  ]),
+                  superNextIcon: h(() => [
+                    S(e.$slots, "superNextIcon", {}, () => [
+                      I(' <das-icon icon="double-arrow-right"></das-icon> ')
+                    ], !0)
+                  ]),
+                  superPrevIcon: h(() => [
+                    S(e.$slots, "superPrevIcon", {}, () => [
+                      I(' <das-icon icon="double-arrow-left"></das-icon> ')
+                    ], !0)
+                  ]),
+                  suffixIcon: h(() => [
+                    S(e.$slots, "suffixIcon", {}, () => [
+                      M(u(ae), {
+                        class: "das-suffix-icon",
+                        icon: "riqixuanze",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  separator: h(() => [
+                    S(e.$slots, "separator", {}, () => [
+                      n[2] || (n[2] = k(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* HOISTED */
+                      ))
+                    ], !0)
+                  ]),
+                  renderExtraFooter: h(() => [
+                    k("div", dr, [
+                      S(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                    ]),
+                    e.showTime || e.ranges && e.ranges.length ? (d(), y("div", pr, [
+                      (d(!0), y(
+                        _,
+                        null,
+                        Re(e.ranges, (c) => (d(), y("div", {
+                          class: "das-picker-preset",
+                          key: c.key
+                        }, [
+                          I(` <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
@@ -720,137 +821,141 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
                     </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 */
-                                  ))
-                                ]),
-                                _: 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" }
-                                })
-                              ])
-                            ])
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      )) : (n(), u("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
+                          c.type === "dropdown" && c.children.length ? (d(), G(
+                            u(Oe),
+                            {
+                              key: 0,
+                              trigger: ["click"]
+                            },
+                            {
+                              overlay: h(() => [
+                                M(
+                                  u(Ue),
+                                  null,
+                                  {
+                                    default: h(() => [
+                                      (d(!0), y(
+                                        _,
+                                        null,
+                                        Re(c.children, (m) => (d(), G(u(Ye), {
+                                          key: m.key,
+                                          onClick: (z) => he(m)
+                                        }, {
+                                          default: h(() => [
+                                            (d(), y(
+                                              "span",
+                                              { key: m },
+                                              $(m.key),
+                                              1
+                                              /* TEXT */
+                                            ))
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["onClick"]))),
+                                        128
+                                        /* KEYED_FRAGMENT */
+                                      ))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1024
+                                  /* DYNAMIC_SLOTS */
+                                )
+                              ]),
+                              default: h(() => [
+                                k("a", {
+                                  class: "ant-dropdown-link",
+                                  onClick: n[0] || (n[0] = Ze(() => {
+                                  }, ["prevent"]))
+                                }, [
+                                  k("span", cr, [
+                                    Ve(
+                                      $(c.key) + " ",
+                                      1
+                                      /* TEXT */
+                                    ),
+                                    M(u(ae), {
+                                      icon: "fold",
+                                      size: "mini",
+                                      style: { display: "inline-block" }
+                                    })
+                                  ])
+                                ])
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )) : (d(), y("span", {
+                            key: 1,
+                            class: "das-picker-preset-span",
+                            onClick: (m) => he(c)
+                          }, $(c.key), 9, vr))
+                        ]))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      I(` <div class="das-picker-ok">\r
                 <das-button btnType="primary" size="middle">Ok</das-button>\r
               </div> `)
-                ])) : k("v-if", !0)
+                    ])) : I("v-if", !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                  [u(we), de]
+                ])
               ]),
               _: 3
               /* FORWARDED */
-            }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
+            }, 8, ["visible", "disabled", "content"])
           ]),
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        k(` <div\r
+        I(` <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,
+        e.error && e.errorLabel ? (d(), y(
+          _,
           { key: 0 },
           [
-            e.errorMode === "default" ? (n(), u("div", _e, [
-              c(
+            e.errorMode === "default" ? (d(), y("div", fr, [
+              k(
                 "span",
                 {
-                  style: v(x.value)
+                  style: g(H.value)
                 },
-                h(e.errorLabel),
+                $(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : e.errorMode === "overlay" && w.value ? (n(), u(
-              T,
+            ])) : e.errorMode === "overlay" && V.value ? (d(), y(
+              _,
               { key: 1 },
               [
-                e.teleported ? (n(), R(ne, {
+                e.teleported ? (d(), G(ge, {
                   key: 0,
                   to: "body"
                 }, [
-                  c(
+                  k(
                     "div",
                     {
-                      style: v(q.value)
+                      style: g(q.value)
                     },
                     [
-                      c(
+                      k(
                         "span",
                         {
-                          style: v(x.value)
+                          style: g(H.value)
                         },
-                        h(e.errorLabel),
+                        $(e.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -858,20 +963,20 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
                     4
                     /* STYLE */
                   )
-                ])) : (n(), u(
+                ])) : (d(), y(
                   "div",
                   {
                     key: 1,
-                    style: v($.value),
+                    style: g(D.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    c(
+                    k(
                       "span",
                       {
-                        style: v(x.value)
+                        style: g(H.value)
                       },
-                      h(e.errorLabel),
+                      $(e.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -882,23 +987,23 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
+            )) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : I("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), or = /* @__PURE__ */ ie(rr, [["__scopeId", "data-v-d46480f7"]]), ar = { class: "ant-picker-cell-inner" }, lr = {
+}), yr = /* @__PURE__ */ xe(mr, [["__scopeId", "data-v-774155b4"]]), br = { class: "ant-picker-cell-inner" }, kr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, tr = {
+}, gr = {
   name: "DasDatePicker"
-}, nr = /* @__PURE__ */ ae({
-  ...tr,
+}, wr = /* @__PURE__ */ ye({
+  ...gr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -915,157 +1020,206 @@ 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(Y, { expose: X, emit: i }) {
+    be((r) => ({
+      "375012f1": j.value,
+      ce395d48: Q.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 o = Y, b = i, J = s(() => te.value === "zh-CN" ? De : Le), t = a(null), N = a(null), v = ee(o, "modelValue"), B = ee(o, "error"), j = s(() => o.width ? o.width : "230px"), Q = s(() => o.height ? o.height : "auto"), A = s(() => ({
+      width: o.width
+    })), Z = s(() => o.isView ? o.noSetDefaultVal ? "" : "-" : ve(o.placeholder)), V = a(3e3), W = s(() => ({
+      "z-index": V.value
+    })), R = a(!1), D = a({
       x: 0,
       y: 0
-    }), z = f(0), $ = d(() => ({
+    }), q = a(0), H = s(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": re("--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",
+    })), K = s(() => ({
+      ...H.value,
+      width: q.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: D.value.y + "px",
+      left: D.value.x + "px"
+    })), F = a({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: re("--das-ui-input-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) => {
+      r && (V.value = Me().nextZIndex()), b("openChange", r), te.value === "en" && le(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of l)
+          e && (e.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(() => 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);
+    }, L = a(!1), O = a(""), oe = s(() => v.value ? O.value : Z.value), x = () => {
+      const r = o.size === "table" ? 12 : 14;
+      return Se(Z.value, r);
+    }, w = () => {
+      var l;
+      const r = (l = t.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return v.value ? r == null ? void 0 : r.scrollWidth : x();
+    }, E = () => {
+      var e;
+      const r = (e = t.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? (O.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, P = a(0), p = a(0);
+    ne(() => [Z.value, v.value], () => {
+      le(() => {
+        P.value = E(), p.value = w(), (P.value === p.value || p.value - P.value < 1) && (L.value = !1);
+      });
+    });
+    const f = a();
+    ne(
+      () => {
+        var r;
+        return (r = N.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+      },
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          L.value = !0, f.value && clearTimeout(f.value);
+        }), r.addEventListener("mouseleave", function() {
+          f.value = setTimeout(() => {
+            L.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const U = () => {
+      var n, c, m, z;
+      const { top: r = 0, left: l = 0 } = ((c = (n = t.value) == null ? void 0 : n.$el) == null ? void 0 : c.getBoundingClientRect()) ?? {};
+      let e = (m = t.value) == null ? void 0 : m.$el.clientHeight;
+      o.borderType !== "none" && (e = e + 2), q.value = (z = t.value) == null ? void 0 : z.$el.clientWidth, D.value.x = l, D.value.y = r + e;
+    }, ue = () => {
+      P.value = E(), p.value = w(), P.value === p.value || p.value - P.value < 1 ? L.value = !1 : (L.value = !0, f.value && clearTimeout(f.value)), U(), R.value = !0;
+    }, se = () => {
+      f.value = setTimeout(() => {
+        L.value = !1;
+      }, 200), R.value = !1;
+    }, ie = (r, l) => {
+      r ? ue() : se();
+    }, de = (r, l) => {
+      B.value = !1, b("update:error", B.value), b("update:model-value", r), b("change", r, l);
     };
-    return B({
-      $timePicker: l,
+    return X({
+      $timePicker: t,
       blur: () => {
-        l.value.blur();
+        t.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        t.value.focus();
       }
-    }), (r, e) => (n(), u(
+    }), (r, l) => (d(), y(
       "div",
       {
-        class: ue(["das-ui-time-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(P.value)
+        class: Te(["das-ui-time-picker", [r.borderType, o.isView ? "readonly" : "", u(B) ? "is-error" : ""]]),
+        style: g(A.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)
+        M(u(ze), { locale: J.value }, {
+          default: h(() => [
+            M(u(Ie), {
+              ref_key: "inputTooltipRef",
+              ref: N,
+              placement: "top",
+              trigger: "hover",
+              visible: L.value,
+              disabled: !r.isTooltip,
+              content: oe.value
+            }, {
+              default: h(() => [
+                ke((d(), G(u(je), ce({
+                  ref_key: "$timePicker",
+                  ref: t
+                }, r.$attrs, {
+                  value: u(v),
+                  "onUpdate:value": l[0] || (l[0] = (e) => Pe(v) ? v.value = e : null),
+                  size: o.size,
+                  popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
+                  showNow: r.showNow,
+                  bordered: r.borderType === "bordered",
+                  placeholder: Z.value,
+                  disabled: o.disabled || o.isView,
+                  style: A.value,
+                  popupStyle: W.value,
+                  onChange: de,
+                  onOpenChange: T
+                }), {
+                  dateRender: h((e) => [
+                    S(r.$slots, "dateRender", Ce($e(e)), () => [
+                      k(
+                        "div",
+                        br,
+                        $(e.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: h(() => [
+                    S(r.$slots, "suffixIcon", {}, () => [
+                      M(u(Je), {
+                        class: "das-suffix-icon",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [u(we), ie]
+                ])
               ]),
               _: 3
               /* FORWARDED */
-            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
+            }, 8, ["visible", "disabled", "content"])
           ]),
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        r.error && r.errorLabel ? (n(), u(
-          T,
+        r.error && r.errorLabel ? (d(), y(
+          _,
           { key: 0 },
           [
-            r.errorMode === "default" ? (n(), u("div", lr, [
-              c(
+            r.errorMode === "default" ? (d(), y("div", kr, [
+              k(
                 "span",
                 {
-                  style: v(x.value)
+                  style: g(F.value)
                 },
-                h(r.errorLabel),
+                $(r.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
-              T,
+            ])) : r.errorMode === "overlay" && R.value ? (d(), y(
+              _,
               { key: 1 },
               [
-                r.teleported ? (n(), R(ne, {
+                r.teleported ? (d(), G(ge, {
                   key: 0,
                   to: "body"
                 }, [
-                  c(
+                  k(
                     "div",
                     {
-                      style: v(q.value)
+                      style: g(K.value)
                     },
                     [
-                      c(
+                      k(
                         "span",
                         {
-                          style: v(x.value)
+                          style: g(F.value)
                         },
-                        h(r.errorLabel),
+                        $(r.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -1073,20 +1227,20 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
                     4
                     /* STYLE */
                   )
-                ])) : (n(), u(
+                ])) : (d(), y(
                   "div",
                   {
                     key: 1,
-                    style: v($.value),
+                    style: g(H.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    c(
+                    k(
                       "span",
                       {
-                        style: v(x.value)
+                        style: g(F.value)
                       },
-                      h(r.errorLabel),
+                      $(r.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -1097,23 +1251,23 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
+            )) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : I("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), sr = /* @__PURE__ */ ie(nr, [["__scopeId", "data-v-6bfc969f"]]), dr = { class: "ant-picker-cell-inner" }, ir = {
+}), xr = /* @__PURE__ */ xe(wr, [["__scopeId", "data-v-14e66d63"]]), Tr = { class: "ant-picker-cell-inner" }, Cr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ur = {
+}, $r = {
   name: "DasDatePicker"
-}, pr = /* @__PURE__ */ ae({
-  ...ur,
+}, zr = /* @__PURE__ */ ye({
+  ...$r,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -1130,182 +1284,242 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
     placeholder: { default: ["开始时间", "结束时间"] },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: {},
-    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) => ({
-      "3915632a": O.value,
-      "606fef7a": W.value
+  setup(Y, { expose: X, emit: i }) {
+    be((l) => ({
+      a76f381e: j.value,
+      "7a15bf48": Q.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 o = Y, b = i, J = s(() => te.value === "zh-CN" ? De : Le), t = a(null), N = a(null), v = ee(o, "modelValue"), B = ee(o, "error"), j = s(() => o.width ? o.width : "230px"), Q = s(() => o.height ? o.height : "auto"), A = a(3e3), Z = s(() => ({
+      "z-index": A.value
+    })), V = s(() => ({
+      width: o.width
+    })), W = s(() => {
+      var l;
+      return o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : (l = o.placeholder) == null ? void 0 : l.map((e) => ve(e));
+    }), R = a(!1), D = a({
       x: 0,
       y: 0
-    }), z = f(0), $ = d(() => ({
+    }), q = a(0), H = s(() => ({
       "font-size": "12px",
-      "background-color": A("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": re("--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",
+    })), K = s(() => ({
+      ...H.value,
+      width: q.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: y.value.y + "px",
-      left: y.value.x + "px"
-    })), x = f({
+      top: D.value.y + "px",
+      left: D.value.x + "px"
+    })), F = a({
       display: "block",
-      color: A("--das-ui-input-error-color").value,
+      color: re("--das-ui-input-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 = a(!1), L = a(["", ""]), O = a("~"), oe = s(() => v.value.length && v.value[0] && v.value[0] ? L.value.join(" " + O.value + " ") : W.value.join(" " + O.value + " ")), x = a([0, 0]), w = a([0, 0]), E = () => {
+      var c;
+      let l = [];
+      const e = (c = t.value) == null ? void 0 : c.$el.querySelectorAll(".ant-picker-input>input");
+      if (!e)
+        return l = [0, 0], l;
+      let n = [];
+      for (let m of e) {
+        n.push(m.getAttribute("value") || "");
+        let z = (m == null ? void 0 : m.offsetWidth) ?? 0;
+        l.push(z);
+      }
+      return L.value = n, l;
+    }, P = (l) => {
+      const e = o.size === "table" ? 12 : 14;
+      return Se(l, e);
+    }, p = () => {
+      var n;
+      let l = [];
+      return ((n = t.value) == null ? void 0 : n.$el.querySelectorAll(".ant-picker-input>input")).forEach((c, m) => {
+        v.value.length && v.value[0] && v.value[0] ? l.push(c == null ? void 0 : c.scrollWidth) : l.push(P(W.value[m]));
+      }), l;
+    };
+    ne(() => [W.value, v.value], () => {
+      le(() => {
+        x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) && (T.value = !1);
+      });
+    });
+    const f = a();
+    ne(
+      () => {
+        var l;
+        return (l = N.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
+      },
+      (l) => {
+        l && (l.addEventListener("mouseenter", function() {
+          T.value = !0, f.value && clearTimeout(f.value);
+        }), l.addEventListener("mouseleave", function() {
+          f.value = setTimeout(() => {
+            T.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const U = (l) => {
+      l && (A.value = Me().nextZIndex()), b("openChange", l), te.value === "en" && le(() => {
         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 n of e)
+          n && (n.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);
+    }, ue = () => {
+      var c, m, z, pe;
+      const { top: l = 0, left: e = 0 } = ((m = (c = t.value) == null ? void 0 : c.$el) == null ? void 0 : m.getBoundingClientRect()) ?? {};
+      let n = (z = t.value) == null ? void 0 : z.$el.clientHeight;
+      o.borderType !== "none" && (n = n + 2), q.value = (pe = t.value) == null ? void 0 : pe.$el.clientWidth, D.value.x = e, D.value.y = l + n;
+    }, se = () => {
+      x.value = E(), w.value = p(), (x.value[0] === w.value[0] || w.value[0] - x.value[0] < 1) && (x.value[1] === w.value[1] || w.value[1] - x.value[1] < 1) ? T.value = !1 : (T.value = !0, f.value && clearTimeout(f.value)), ue(), R.value = !0;
+    }, ie = () => {
+      f.value = setTimeout(() => {
+        T.value = !1;
+      }, 200), R.value = !1;
+    }, de = (l, e) => {
+      l ? se() : ie();
+    }, fe = (l, e) => {
+      if (B.value = !1, l === null) {
+        b("update:model-value", [null, null]), b("change", [null, null], e);
         return;
       }
-      p("update:error", M.value), p("update:model-value", r), p("change", r, e);
+      b("update:error", B.value), b("update:model-value", l), b("change", l, e);
     };
-    return B({
-      $timeRangePicker: l,
+    return X({
+      $timeRangePicker: t,
       blur: () => {
-        l.value.blur();
+        t.value.blur();
       },
       focus: () => {
-        l.value.focus();
+        t.value.focus();
       }
-    }), (r, e) => (n(), u(
+    }), (l, e) => (d(), y(
       "div",
       {
-        class: ue(["das-ui-time-range-picker", [r.borderType, o.isView ? "readonly" : "", s(M) ? "is-error" : ""]]),
-        style: v(P.value)
+        class: Te(["das-ui-time-range-picker", [l.borderType, o.isView ? "readonly" : "", u(B) ? "is-error" : ""]]),
+        style: g(V.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)
+        M(u(ze), { locale: J.value }, {
+          default: h(() => [
+            M(u(Ie), {
+              ref_key: "inputTooltipRef",
+              ref: N,
+              placement: "top",
+              trigger: "hover",
+              visible: T.value,
+              disabled: !l.isTooltip,
+              content: oe.value
+            }, {
+              default: h(() => [
+                ke((d(), G(u(Ke), ce({
+                  ref_key: "$timeRangePicker",
+                  ref: t
+                }, l.$attrs, {
+                  value: u(v),
+                  "onUpdate:value": e[0] || (e[0] = (n) => Pe(v) ? v.value = n : null),
+                  size: o.size,
+                  popupClassName: "das-ui-time-range-picker-dropdown " + l.dropdownClassName,
+                  showNow: l.showNow,
+                  bordered: l.borderType === "bordered",
+                  placeholder: W.value,
+                  disabled: o.disabled || o.isView,
+                  style: V.value,
+                  popupStyle: Z.value,
+                  onChange: fe,
+                  onOpenChange: U
+                }), {
+                  dateRender: h((n) => [
+                    S(l.$slots, "dateRender", Ce($e(n)), () => [
+                      k(
+                        "div",
+                        Tr,
+                        $(n.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: h(() => [
+                    S(l.$slots, "suffixIcon", {}, () => [
+                      M(u(ae), {
+                        class: "das-suffix-icon",
+                        icon: "dengdai",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  separator: h(() => [
+                    S(l.$slots, "separator", {}, () => [
+                      e[1] || (e[1] = k(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* HOISTED */
+                      ))
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [u(we), de]
+                ])
               ]),
               _: 3
               /* FORWARDED */
-            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [s(de), Z]
-            ])
+            }, 8, ["visible", "disabled", "content"])
           ]),
           _: 3
           /* FORWARDED */
         }, 8, ["locale"]),
-        k(` <div\r
+        I(` <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,
+        l.error && l.errorLabel ? (d(), y(
+          _,
           { key: 0 },
           [
-            r.errorMode === "default" ? (n(), u("div", ir, [
-              c(
+            l.errorMode === "default" ? (d(), y("div", Cr, [
+              k(
                 "span",
                 {
-                  style: v(x.value)
+                  style: g(F.value)
                 },
-                h(r.errorLabel),
+                $(l.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : r.errorMode === "overlay" && w.value ? (n(), u(
-              T,
+            ])) : l.errorMode === "overlay" && R.value ? (d(), y(
+              _,
               { key: 1 },
               [
-                r.teleported ? (n(), R(ne, {
+                l.teleported ? (d(), G(ge, {
                   key: 0,
                   to: "body"
                 }, [
-                  c(
+                  k(
                     "div",
                     {
-                      style: v(q.value)
+                      style: g(K.value)
                     },
                     [
-                      c(
+                      k(
                         "span",
                         {
-                          style: v(x.value)
+                          style: g(F.value)
                         },
-                        h(r.errorLabel),
+                        $(l.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -1313,20 +1527,20 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
                     4
                     /* STYLE */
                   )
-                ])) : (n(), u(
+                ])) : (d(), y(
                   "div",
                   {
                     key: 1,
-                    style: v($.value),
+                    style: g(H.value),
                     class: "das-picker-error-label label"
                   },
                   [
-                    c(
+                    k(
                       "span",
                       {
-                        style: v(x.value)
+                        style: g(F.value)
                       },
-                      h(r.errorLabel),
+                      $(l.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -1337,22 +1551,22 @@ const Fe = { class: "ant-picker-cell-inner" }, Ze = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
+            )) : I("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : I("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), cr = /* @__PURE__ */ ie(pr, [["__scopeId", "data-v-404b0084"]]), vr = {
+}), Ir = /* @__PURE__ */ xe(zr, [["__scopeId", "data-v-9181a780"]]), Mr = {
   "--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": _e("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -1372,7 +1586,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 = {
+}, Sr = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", _appCode: "framework" },
@@ -1380,14 +1594,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 日期时间选择器" };
+Ge(Sr);
+Xe(Mr);
+const Qr = me(lr), eo = me(sr), ro = me(yr), oo = me(xr), lo = me(Ir), to = { name: "datePicker 日期时间选择器" };
 export {
-  Er as DasDatePicker,
-  Rr as DasDateRangePicker,
-  Fr as DasRangePicker,
-  Zr as DasTimePicker,
-  Hr as DasTimeRangePicker,
-  Ar as default
+  Qr as DasDatePicker,
+  eo as DasDateRangePicker,
+  ro as DasRangePicker,
+  oo as DasTimePicker,
+  lo as DasTimeRangePicker,
+  to as default
 };