@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.20

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

@@ -1,29 +1,34 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-import { withInstall as Q } from "@das-fed/utils/with-install/index";
-import { defineComponent as _, useCssVars as ee, ref as v, computed as n, onMounted as me, openBlock as s, createElementBlock as i, normalizeClass as te, unref as t, normalizeStyle as c, createVNode as $, withCtx as f, withDirectives as re, createBlock as N, mergeProps as J, isRef as pe, createSlots as ke, renderSlot as k, normalizeProps as se, guardReactiveProps as de, createElementVNode as p, toDisplayString as h, createCommentVNode as m, Fragment as S, Teleport as oe, useAttrs as ge, createTextVNode as ve, renderList as fe, withModifiers as we } from "vue";
-import { ConfigProvider as ne, DatePicker as xe, RangePicker as Me, Dropdown as Ie, Menu as $e, MenuItem as ze, TimePicker as Ce, TimeRangePicker as Ve } from "ant-design-vue";
-import { DasAutoRegisterIcon as he, DasIcon as X } from "@das-fed/ui/packages/components/icon/index";
-import { useModelValue as F } from "@das-fed/utils/vue";
-import { vHoverInside as ae } from "@das-fed/utils/directive/hoverInside/index";
-import { useZIndex as ie } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { getVarValue as H, getVar as Le, setThemeRule as De } from "@das-fed/web/packages/theme/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 ue from "ant-design-vue/es/locale/zh_CN";
+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 { DasDatePicker as be } from "@das-fed/ui/packages/components/date-picker/index";
-import ye from "dayjs";
+import "dayjs/locale/en";
+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 Pe } 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 Se = { class: "ant-picker-cell-inner" }, Be = {
+const dt = { class: "ant-picker-cell-inner" }, ct = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Te = {
+}, pt = {
   name: "DasDatePicker"
-}, Ee = /* @__PURE__ */ _({
-  ...Te,
+}, vt = /* @__PURE__ */ $e({
+  ...pt,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -37,70 +42,123 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     errorLabel: {},
     errorMode: { default: "default" },
     dropdownClassName: { default: "" },
-    placeholder: { default: "请选择日期" },
+    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(L, { expose: B, emit: d }) {
-    ee((e) => ({
-      "3ac62e17": Z.value,
-      "04309af6": W.value
+  setup(I, { expose: te, emit: s }) {
+    Se((t) => ({
+      "6bf8ad0c": O.value,
+      "5ca28bf3": j.value
     }));
-    const o = L, u = d;
-    he({
+    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 a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
-      "z-index": V.value
-    })), g = v(!1), b = v({
+    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 = v(0), C = n(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": H("--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
-    })), A = n(() => ({
-      ...C.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ie().nextZIndex()), u("openChange", e);
-    }, Y = () => {
-      var y, I, P;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let l = (I = a.value) == null ? void 0 : I.$el.clientHeight;
-      o.borderType !== "none" && (l = l + 2), z.value = (P = a.value) == null ? void 0 : P.$el.clientWidth, b.value.x = r, b.value.y = e + l;
-    }, O = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (e, r) => {
-      e ? O() : q();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), E = n(() => ({
-      width: o.width
-    })), j = (e, r) => {
-      M.value = !1, u("update:error", M.value), u("update:model-value", e), u("change", e, r);
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), 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);
+      });
+    });
+    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 me(() => {
-    }), B({
+    return te({
       $datePicker: a,
       blur: () => {
         a.value.blur();
@@ -108,194 +166,147 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
       focus: () => {
         a.value.focus();
       }
-    }), (e, r) => (s(), i(
-      "div",
-      {
-        class: te(["das-ui-date-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(E.value)
-      },
-      [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(xe), J({
-              ref_key: "$datePicker",
-              ref: a
-            }, e.$attrs, {
-              value: t(x),
-              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
-              size: o.size,
-              dropdownClassName: "das-ui-date-picker-dropdown " + e.dropdownClassName,
-              placeholder: T.value,
-              showToday: e.showToday,
-              bordered: e.borderType === "bordered",
-              disabled: o.disabled || o.isView,
-              style: E.value,
-              popupStyle: D.value,
-              onChange: j,
-              onOpenChange: U
-            }), ke({
-              dateRender: f((l) => [
-                k(e.$slots, "dateRender", se(de(l)), () => [
-                  p(
-                    "div",
-                    Se,
-                    h(l.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              nextIcon: f(() => [
-                k(e.$slots, "nextIcon", {}, () => [
-                  $(t(X), {
-                    icon: "right",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              prevIcon: f(() => [
-                k(e.$slots, "prevIcon", {}, () => [
-                  $(t(X), {
-                    icon: "left",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              superNextIcon: f(() => [
-                k(e.$slots, "superNextIcon", {}, () => [
-                  $(t(X), {
-                    icon: "double-arrow-right",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              superPrevIcon: f(() => [
-                k(e.$slots, "superPrevIcon", {}, () => [
-                  $(t(X), {
-                    icon: "double-arrow-left",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              suffixIcon: f(() => [
-                k(e.$slots, "suffixIcon", {}, () => [
-                  $(t(X), {
-                    class: "das-suffix-icon",
-                    icon: "riqixuanze",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              e.$slots.renderExtraFooter ? {
-                name: "renderExtraFooter",
-                fn: f(() => [
-                  k(e.$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)
+                ]),
+                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)
                 ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        m(` <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 ? (s(), i(
-          S,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (s(), i("div", Be, [
-              p(
-                "span",
-                {
-                  style: c(w.value)
-                },
-                h(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
-              { key: 1 },
-              [
-                e.teleported ? (s(), N(oe, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  p(
-                    "div",
-                    {
-                      style: c(A.value)
-                    },
-                    [
-                      p(
-                        "span",
-                        {
-                          style: c(w.value)
-                        },
-                        h(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (s(), i(
-                  "div",
-                  {
-                    key: 1,
-                    style: c(C.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    p(
-                      "span",
-                      {
-                        style: c(w.value)
-                      },
-                      h(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+                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));
   }
-}), le = (L, B) => {
-  const d = L.__vccOpts || L;
-  for (const [o, u] of B)
-    d[o] = u;
-  return d;
-}, Ne = /* @__PURE__ */ le(Ee, [["__scopeId", "data-v-ad8b2828"]]), Re = { class: "date-range-separator" }, Fe = {
+}), 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"
-}, He = {
+}, yt = {
   name: "DasDateRangePicker"
-}, Ze = /* @__PURE__ */ _({
-  ...He,
+}, bt = /* @__PURE__ */ $e({
+  ...yt,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -308,7 +319,7 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     showToday: { type: Boolean, default: !1 },
     separator: { default: "~" },
     disabledDate: {},
-    placeholder: { default: ["开始日期", "结束日期"] },
+    placeholder: { default: void 0 },
     error: { type: Boolean },
     errorLabel: {},
     errorMode: { default: "default" },
@@ -319,189 +330,161 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     nextAttrs: {},
     disabledUnit: {}
   },
-  emits: ["change", "update:model-value", "update:error"],
-  setup(L, { emit: B }) {
-    ee((e) => ({
-      a214e9be: Z.value,
-      da45e6e8: M.value
+  emits: ["change", "openChange", "update:model-value", "update:error"],
+  setup(I, { emit: te }) {
+    Se((d) => ({
+      "62c95626": A.value,
+      "35914ce7": f.value
     }));
-    const d = L, o = B, u = ge(), a = F(d, "modelValue"), x = F(d, "error"), M = n(() => d.width ? d.width : "230px"), Z = n(() => d.height ? d.height : "auto"), W = n(() => ({ ...u, ...d.prevAttrs })), V = n(() => ({ ...u, ...d.nextAttrs })), D = v(), g = v(!1), b = v({
+    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 = v(0), C = n(() => ({
+    }), N = r(0), E = u(() => ({
       "font-size": "12px",
-      "background-color": H("--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": d.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
-      width: z.value + "px",
+      "z-index": s.errorModelZIndex
+    })), M = u(() => ({
+      ...E.value,
+      width: N.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: R.value.y + "px",
+      left: R.value.x + "px"
+    })), W = r({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = () => {
-      const { top: e, left: r } = D.value.getBoundingClientRect();
-      let l = D.value.clientHeight;
-      z.value = D.value.clientWidth, b.value.x = r, b.value.y = e + l;
-    }, Y = () => {
-      U(), g.value = !0;
-    }, O = () => {
-      g.value = !1;
-    }, q = (e, r) => {
-      e ? Y() : O();
-    }, R = n(() => {
-      let e = d.valueFormat ? d.valueFormat : d.format;
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), 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");
+      });
+    }, Y = u(() => {
+      let d = s.valueFormat ? s.valueFormat : s.format;
       return [
-        a.value[0] ? ye.isDayjs(a.value[0]) ? a.value[0].format(e) : a.value[0] : "",
-        a.value[1] ? ye.isDayjs(a.value[1]) ? a.value[1].format(e) : a.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] : ""
       ];
-    }), T = (e) => d.disabledDate && d.disabledDate(e) === !0 ? !0 : !!(a.value[1] && e.isAfter(a.value[1], d.disabledUnit || void 0)), E = (e) => d.disabledDate && d.disabledDate(e) === !0 ? !0 : !!(a.value[0] && e.isBefore(a.value[0], d.disabledUnit || void 0)), j = n(() => ({
-      width: d.width
-    })), G = (e, r) => {
-      x.value = !1, o("update:model-value", a.value), o("change", a.value, R.value);
-    }, K = (e, r) => {
-      x.value = !1, o("update:model-value", a.value), o("change", a.value, R.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, r) => re((s(), i(
-      "div",
-      {
-        class: "das-ui-date-range-picker",
-        style: c(j.value),
-        ref_key: "$dateRange",
-        ref: D
-      },
-      [
-        $(t(be), J(W.value, {
-          modelValue: t(a)[0],
-          "onUpdate:modelValue": r[0] || (r[0] = (l) => t(a)[0] = l),
-          format: d.format,
-          size: d.size,
-          valueFormat: d.valueFormat,
-          borderType: d.borderType,
-          error: t(x),
-          width: d.itemWidth,
-          "disabled-date": T,
-          placeholder: e.placeholder[0],
-          onChange: G
-        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        k(e.$slots, "separator", {}, () => [
-          p(
-            "span",
-            Re,
-            h(d.separator),
-            1
-            /* TEXT */
-          )
-        ], !0),
-        $(t(be), J(V.value, {
-          modelValue: t(a)[1],
-          "onUpdate:modelValue": r[1] || (r[1] = (l) => t(a)[1] = l),
-          format: d.format,
-          size: d.size,
-          valueFormat: d.valueFormat,
-          borderType: d.borderType,
-          error: t(x),
-          width: d.itemWidth,
-          "disabled-date": E,
-          placeholder: e.placeholder[1],
-          onChange: K
-        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-        e.error && e.errorLabel ? (s(), i(
-          S,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (s(), i("div", Fe, [
-              p(
-                "span",
-                {
-                  style: c(w.value)
-                },
-                h(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
-              { key: 1 },
-              [
-                e.teleported ? (s(), N(oe, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  p(
-                    "div",
-                    {
-                      style: c(A.value)
-                    },
-                    [
-                      p(
-                        "span",
-                        {
-                          style: c(w.value)
-                        },
-                        h(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (s(), i(
-                  "div",
-                  {
-                    key: 1,
-                    style: c(C.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    p(
-                      "span",
-                      {
-                        style: c(w.value)
-                      },
-                      h(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : m("v-if", !0)
-      ],
-      4
-      /* STYLE */
-    )), [
-      [t(ae), q]
+    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]
     ]);
   }
-}), We = /* @__PURE__ */ le(Ze, [["__scopeId", "data-v-15efaceb"]]), Ae = { class: "ant-picker-cell-inner" }, Ue = { class: "das-picker-footer-extra" }, Ye = {
+}), 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"
-}, Oe = { class: "das-picker-preset-span" }, qe = ["onClick"], je = {
+}, Mt = { class: "das-picker-preset-span" }, $t = ["onClick"], St = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Xe = {
+}, It = {
   name: "DasRangePicker"
-}, Ge = /* @__PURE__ */ _({
-  ...Xe,
+}, zt = /* @__PURE__ */ $e({
+  ...It,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -521,69 +504,140 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     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(L, { expose: B, emit: d }) {
-    ee((r) => ({
-      "5db2225d": Z.value,
-      "3ec32f70": W.value
+  setup(I, { expose: te, emit: s }) {
+    Se((e) => ({
+      "0a433d8b": K.value,
+      "24557a02": ie.value
     }));
-    const o = L, u = d;
-    he({
+    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 a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
-      "z-index": V.value
-    })), g = v(!1), b = v({
+    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 = v(0), C = n(() => ({
+    }), E = r(0), M = u(() => ({
       "font-size": "12px",
-      "background-color": H("--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
-    })), A = n(() => ({
-      ...C.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), W = u(() => ({
+      ...M.value,
+      width: E.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: N.value.y + "px",
+      left: N.value.x + "px"
+    })), F = r({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (r) => {
-      r && (V.value = ie().nextZIndex()), u("openChange", r);
-    }, Y = () => {
-      var I, P, ce;
-      const { top: r, left: l } = (I = a.value) == null ? void 0 : I.$el.getBoundingClientRect();
-      let y = (P = a.value) == null ? void 0 : P.$el.clientHeight;
-      o.borderType !== "none" && (y = y + 2), z.value = (ce = a.value) == null ? void 0 : ce.$el.clientWidth, b.value.x = l, b.value.y = r + y;
-    }, O = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (r, l) => {
-      r ? O() : q();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), E = n(() => ({
-      width: o.width
-    })), j = (r, l) => {
-      if (M.value = !1, r === null) {
-        u("update:model-value", [null, null]), u("change", [null, null], l);
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), 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 (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;
       }
-      u("update:error", M.value), u("update:model-value", r), u("change", r, l);
-    }, G = (r) => {
-      u("update:model-value", r.value), u("change", r.value, [r.value[0].format(o.format), r.value[1].format(o.format)]), a.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({
+    return te({
       $rangePicker: a,
       blur: () => {
         a.value.blur();
@@ -591,292 +645,174 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
       focus: () => {
         a.value.focus();
       }
-    }), (r, l) => (s(), i(
-      "div",
-      {
-        class: te(["das-ui-range-picker", [r.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(E.value)
-      },
-      [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(Me), J({
-              ref_key: "$rangePicker",
-              ref: a
-            }, r.$attrs, {
-              value: t(x),
-              format: r.format,
-              size: o.size,
-              dropdownClassName: "das-ui-range-picker-dropdown " + r.dropdownClassName,
-              placeholder: T.value,
-              showToday: r.showToday,
-              showTime: r.showTime,
-              bordered: r.borderType === "bordered",
-              disabled: o.disabled || o.isView,
-              style: E.value,
-              popupStyle: D.value,
-              onChange: j,
-              onOpenChange: U
-            }), {
-              dateRender: f((y) => [
-                k(r.$slots, "dateRender", se(de(y)), () => [
-                  p(
-                    "div",
-                    Ae,
-                    h(y.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              nextIcon: f(() => [
-                m(' <slot name="nextIcon"> '),
-                l[1] || (l[1] = ve(" XX ")),
-                m(" </slot> ")
-              ]),
-              prevIcon: f(() => [
-                k(r.$slots, "prevIcon", {}, () => [
-                  m(' <das-icon icon="left"></das-icon> ')
-                ], !0)
-              ]),
-              superNextIcon: f(() => [
-                k(r.$slots, "superNextIcon", {}, () => [
-                  m(' <das-icon icon="double-arrow-right"></das-icon> ')
-                ], !0)
-              ]),
-              superPrevIcon: f(() => [
-                k(r.$slots, "superPrevIcon", {}, () => [
-                  m(' <das-icon icon="double-arrow-left"></das-icon> ')
-                ], !0)
-              ]),
-              suffixIcon: f(() => [
-                k(r.$slots, "suffixIcon", {}, () => [
-                  $(t(X), {
-                    class: "das-suffix-icon",
-                    icon: "riqixuanze",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              separator: f(() => [
-                k(r.$slots, "separator", {}, () => [
-                  l[2] || (l[2] = p(
-                    "div",
-                    { style: { padding: "0 8px" } },
-                    "~",
-                    -1
-                    /* HOISTED */
-                  ))
-                ], !0)
-              ]),
-              renderExtraFooter: f(() => [
-                p("div", Ue, [
-                  k(r.$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)
                 ]),
-                r.showTime || r.ranges && r.ranges.length ? (s(), i("div", Ye, [
-                  (s(!0), i(
-                    S,
-                    null,
-                    fe(r.ranges, (y) => (s(), i("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: y.key
+                      key: p.key
                     }, [
-                      m(` <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> `),
-                      y.type === "dropdown" && y.children.length ? (s(), N(
-                        t(Ie),
-                        {
-                          key: 0,
-                          trigger: ["click"]
-                        },
-                        {
-                          overlay: f(() => [
-                            $(
-                              t($e),
-                              null,
-                              {
-                                default: f(() => [
-                                  (s(!0), i(
-                                    S,
-                                    null,
-                                    fe(y.children, (I) => (s(), N(t(ze), {
-                                      key: I.key,
-                                      onClick: (P) => G(I)
-                                    }, {
-                                      default: f(() => [
-                                        (s(), i(
-                                          "span",
-                                          { key: I },
-                                          h(I.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: f(() => [
-                            p("a", {
-                              class: "ant-dropdown-link",
-                              onClick: l[0] || (l[0] = we(() => {
-                              }, ["prevent"]))
-                            }, [
-                              p("span", Oe, [
-                                ve(
-                                  h(y.key) + " ",
-                                  1
-                                  /* TEXT */
-                                ),
-                                $(t(X), {
-                                  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 */
-                      )) : (s(), i("span", {
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)) : (i(), m("span", {
                         key: 1,
                         class: "das-picker-preset-span",
-                        onClick: (I) => G(y)
-                      }, h(y.key), 9, qe))
-                    ]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )),
-                  m(` <div class="das-picker-ok">\r
-                <das-button btnType="primary" size="middle">Ok</das-button>\r
-              </div> `)
-                ])) : m("v-if", !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        m(` <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 ? (s(), i(
-          S,
-          { key: 0 },
-          [
-            r.errorMode === "default" ? (s(), i("div", je, [
-              p(
-                "span",
-                {
-                  style: c(w.value)
-                },
-                h(r.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : r.errorMode === "overlay" && g.value ? (s(), i(
-              S,
-              { key: 1 },
-              [
-                r.teleported ? (s(), N(oe, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  p(
-                    "div",
-                    {
-                      style: c(A.value)
-                    },
-                    [
-                      p(
-                        "span",
-                        {
-                          style: c(w.value)
-                        },
-                        h(r.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (s(), i(
-                  "div",
-                  {
-                    key: 1,
-                    style: c(C.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    p(
-                      "span",
-                      {
-                        style: c(w.value)
-                      },
-                      h(r.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : m("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));
   }
-}), Je = /* @__PURE__ */ le(Ge, [["__scopeId", "data-v-2d9a6c8d"]]), Ke = { class: "ant-picker-cell-inner" }, Qe = {
+}), Ht = /* @__PURE__ */ De(zt, [["__scopeId", "data-v-9492b531"]]), Dt = { class: "ant-picker-cell-inner" }, Et = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, _e = {
+}, Pt = {
   name: "DasDatePicker"
-}, er = /* @__PURE__ */ _({
-  ..._e,
+}, Lt = /* @__PURE__ */ $e({
+  ...Pt,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -893,58 +829,112 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     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(L, { expose: B, emit: d }) {
-    ee((e) => ({
-      "1a7d9bc2": Z.value,
-      "4b9617ee": W.value
+  setup(I, { expose: te, emit: s }) {
+    Se((t) => ({
+      "5db6fe30": K.value,
+      "399ca245": ie.value
     }));
-    const o = L, u = d, a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
-      "z-index": V.value
-    })), g = v(!1), b = v({
+    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 = v(0), C = n(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": H("--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
-    })), A = n(() => ({
-      ...C.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ie().nextZIndex()), u("openChange", e);
-    }, Y = () => {
-      var y, I, P;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let l = (I = a.value) == null ? void 0 : I.$el.clientHeight;
-      o.borderType !== "none" && (l = l + 2), z.value = (P = a.value) == null ? void 0 : P.$el.clientWidth, b.value.x = r, b.value.y = e + l;
-    }, O = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (e, r) => {
-      e ? O() : q();
-    }, T = n(() => ({
-      width: o.width
-    })), E = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), j = (e, r) => {
-      M.value = !1, u("update:error", M.value), u("update:model-value", e), u("change", e, r);
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), 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);
+      });
+    });
+    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({
+    return te({
       $timePicker: a,
       blur: () => {
         a.value.blur();
@@ -952,148 +942,101 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
       focus: () => {
         a.value.focus();
       }
-    }), (e, r) => (s(), i(
-      "div",
-      {
-        class: te(["das-ui-time-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(T.value)
-      },
-      [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(Ce), J({
-              ref_key: "$timePicker",
-              ref: a
-            }, e.$attrs, {
-              value: t(x),
-              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
-              size: o.size,
-              popupClassName: "das-ui-time-picker-dropdown " + e.dropdownClassName,
-              showNow: e.showNow,
-              bordered: e.borderType === "bordered",
-              placeholder: E.value,
-              disabled: o.disabled || o.isView,
-              style: T.value,
-              popupStyle: D.value,
-              onChange: j,
-              onOpenChange: U
-            }), {
-              dateRender: f((l) => [
-                k(e.$slots, "dateRender", se(de(l)), () => [
-                  p(
-                    "div",
-                    Ke,
-                    h(l.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              suffixIcon: f(() => [
-                k(e.$slots, "suffixIcon", {}, () => [
-                  $(t(Pe), {
-                    class: "das-suffix-icon",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        m(` <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 ? (s(), i(
-          S,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (s(), i("div", Qe, [
-              p(
-                "span",
-                {
-                  style: c(w.value)
-                },
-                h(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
-              { key: 1 },
-              [
-                e.teleported ? (s(), N(oe, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  p(
-                    "div",
-                    {
-                      style: c(A.value)
-                    },
-                    [
-                      p(
-                        "span",
-                        {
-                          style: c(w.value)
-                        },
-                        h(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (s(), i(
-                  "div",
-                  {
-                    key: 1,
-                    style: c(C.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    p(
-                      "span",
-                      {
-                        style: c(w.value)
-                      },
-                      h(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : m("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));
   }
-}), rr = /* @__PURE__ */ le(er, [["__scopeId", "data-v-f3b76d23"]]), or = { class: "ant-picker-cell-inner" }, ar = {
+}), 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"
-}, lr = {
+}, Ft = {
   name: "DasDatePicker"
-}, tr = /* @__PURE__ */ _({
-  ...lr,
+}, At = /* @__PURE__ */ $e({
+  ...Ft,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -1109,63 +1052,136 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
     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(L, { expose: B, emit: d }) {
-    ee((e) => ({
-      "2afd1ccd": Z.value,
-      "1ad78300": W.value
-    }));
-    const o = L, u = d, a = v(), x = F(o, "modelValue"), M = F(o, "error"), Z = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), D = n(() => ({
-      "z-index": V.value
-    })), g = v(!1), b = v({
+  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 = v(0), C = n(() => ({
+    }), W = r(0), F = u(() => ({
       "font-size": "12px",
-      "background-color": H("--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
-    })), A = n(() => ({
-      ...C.value,
-      width: z.value + "px",
+      "z-index": l.errorModelZIndex
+    })), X = u(() => ({
+      ...F.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: b.value.y + "px",
-      left: b.value.x + "px"
-    })), w = v({
+      top: M.value.y + "px",
+      left: M.value.x + "px"
+    })), P = r({
       display: "block",
-      color: H("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ie().nextZIndex()), u("openChange", e);
-    }, Y = () => {
-      var y, I, P;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let l = (I = a.value) == null ? void 0 : I.$el.clientHeight;
-      o.borderType !== "none" && (l = l + 2), z.value = (P = a.value) == null ? void 0 : P.$el.clientWidth, b.value.x = r, b.value.y = e + l;
-    }, O = () => {
-      Y(), g.value = !0;
-    }, q = () => {
-      g.value = !1;
-    }, R = (e, r) => {
-      e ? O() : q();
-    }, T = n(() => ({
-      width: o.width
-    })), E = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), j = (e, r) => {
-      if (M.value = !1, e === null) {
-        u("update:model-value", [null, null]), u("change", [null, null], r);
+      color: fe("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), 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 c of e)
+          c && (c.innerText = "OK");
+      });
+    }, 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;
       }
-      u("update:error", M.value), u("update:model-value", e), u("change", e, r);
+      g("update:error", A.value), g("update:model-value", o), g("change", o, e);
     };
-    return B({
+    return te({
       $timeRangePicker: a,
       blur: () => {
         a.value.blur();
@@ -1173,159 +1189,106 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
       focus: () => {
         a.value.focus();
       }
-    }), (e, r) => (s(), i(
-      "div",
-      {
-        class: te(["das-ui-time-range-picker", [e.borderType, o.isView ? "readonly" : "", t(M) ? "is-error" : ""]]),
-        style: c(T.value)
-      },
-      [
-        $(t(ne), { locale: t(ue) }, {
-          default: f(() => [
-            re((s(), N(t(Ve), J({
-              ref_key: "$timeRangePicker",
-              ref: a
-            }, e.$attrs, {
-              value: t(x),
-              "onUpdate:value": r[0] || (r[0] = (l) => pe(x) ? x.value = l : null),
-              size: o.size,
-              popupClassName: "das-ui-time-range-picker-dropdown " + e.dropdownClassName,
-              showNow: e.showNow,
-              bordered: e.borderType === "bordered",
-              placeholder: E.value,
-              disabled: o.disabled || o.isView,
-              style: T.value,
-              popupStyle: D.value,
-              onChange: j,
-              onOpenChange: U
-            }), {
-              dateRender: f((l) => [
-                k(e.$slots, "dateRender", se(de(l)), () => [
-                  p(
-                    "div",
-                    or,
-                    h(l.current.date()),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              suffixIcon: f(() => [
-                k(e.$slots, "suffixIcon", {}, () => [
-                  $(t(X), {
-                    class: "das-suffix-icon",
-                    icon: "dengdai",
-                    size: "medium"
-                  })
-                ], !0)
-              ]),
-              separator: f(() => [
-                k(e.$slots, "separator", {}, () => [
-                  r[1] || (r[1] = p(
-                    "div",
-                    { style: { padding: "0 8px" } },
-                    "~",
-                    -1
-                    /* HOISTED */
-                  ))
-                ], !0)
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-              [t(ae), R]
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["locale"]),
-        m(` <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 ? (s(), i(
-          S,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (s(), i("div", ar, [
-              p(
-                "span",
-                {
-                  style: c(w.value)
-                },
-                h(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : e.errorMode === "overlay" && g.value ? (s(), i(
-              S,
-              { key: 1 },
-              [
-                e.teleported ? (s(), N(oe, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  p(
-                    "div",
-                    {
-                      style: c(A.value)
-                    },
-                    [
-                      p(
-                        "span",
-                        {
-                          style: c(w.value)
-                        },
-                        h(e.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (s(), i(
-                  "div",
-                  {
-                    key: 1,
-                    style: c(C.value),
-                    class: "das-picker-error-label label"
-                  },
-                  [
-                    p(
-                      "span",
-                      {
-                        style: c(w.value)
-                      },
-                      h(e.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : m("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : m("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));
   }
-}), sr = /* @__PURE__ */ le(tr, [["__scopeId", "data-v-46744228"]]), dr = {
+}), _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": Le("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": nt("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -1345,14 +1308,22 @@ const Se = { class: "ant-picker-cell-inner" }, Be = {
   // 字体大小-large
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
+}, qt = {
+  开始日期: { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
+  结束日期: { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
+  开始时间: { "zh-CN": "开始时间", en: "Start Time", _appCode: "framework" },
+  结束时间: { "zh-CN": "结束时间", en: "End Time", _appCode: "framework" },
+  请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", _appCode: "framework" },
+  请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", _appCode: "framework" }
 };
-De(dr);
-const zr = Q(Ne), Cr = Q(We), Vr = Q(Je), Lr = Q(rr), Dr = Q(sr), Pr = { 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 {
-  zr as DasDatePicker,
-  Cr as DasDateRangePicker,
-  Vr as DasRangePicker,
-  Lr as DasTimePicker,
-  Dr as DasTimeRangePicker,
-  Pr as default
+  ho as DasDatePicker,
+  mo as DasDateRangePicker,
+  yo as DasRangePicker,
+  bo as DasTimePicker,
+  go as DasTimeRangePicker,
+  ko as default
 };