@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

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

@@ -1,29 +1,35 @@
 import '@das-fed/ui/packages/components/date-picker/style.css';
-import { withInstall as K } from "@das-fed/utils/with-install/index";
-import { defineComponent as Q, useCssVars as ee, ref as v, computed as n, onMounted as ke, openBlock as t, createElementBlock as u, normalizeClass as te, unref as l, normalizeStyle as c, createVNode as M, withCtx as f, withDirectives as re, createBlock as N, mergeProps as G, isRef as pe, createSlots as we, renderSlot as g, normalizeProps as se, guardReactiveProps as de, createElementVNode as p, toDisplayString as b, Fragment as P, Teleport as oe, createCommentVNode as E, useAttrs as xe, createTextVNode as ve, renderList as fe, withModifiers as Ie, pushScopeId as be, popScopeId as me } from "vue";
-import { ConfigProvider as ne, DatePicker as $e, RangePicker as Me, Dropdown as ze, Menu as Ce, MenuItem as Ve, TimePicker as Se, TimeRangePicker as De } from "ant-design-vue";
-import { DasAutoRegisterIcon as ge, DasIcon as j } 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 ue } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { getVarValue as Z, getVar as Pe, setThemeRule as Be } from "@das-fed/web/packages/theme/index";
+import { withInstall as ie } from "@das-fed/utils/with-install/index";
+import { defineComponent as de, useCssVars as pe, computed as p, ref as n, watch as Q, createElementBlock as T, openBlock as v, normalizeStyle as U, normalizeClass as ye, unref as a, createVNode as I, createCommentVNode as w, withCtx as c, withDirectives as ce, createBlock as q, mergeProps as ae, isRef as Se, createSlots as Pe, renderSlot as C, normalizeProps as be, guardReactiveProps as ke, createElementVNode as E, toDisplayString as R, Fragment as oe, nextTick as X, useAttrs as Be, renderList as Me, withModifiers as Ne, createTextVNode as Le } from "vue";
+import { ConfigProvider as ge, DatePicker as Re, RangePicker as xe, Dropdown as We, Menu as Fe, MenuItem as Ze, TimePicker as Ae, TimeRangePicker as qe } from "ant-design-vue";
+import { DasAutoRegisterIcon as ze, DasIcon as J } from "@das-fed/ui/packages/components/icon/index";
+import { DasTooltip as we } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as ve } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { useModelValue as Y } from "@das-fed/utils/vue";
+import { vHoverInside as fe } from "@das-fed/utils/directive/hoverInside/index";
+import { useZIndex as Te } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { getVarValue as me, getVar as Oe, setThemeRule as He } from "@das-fed/web/packages/theme/index";
+import { currentLang as G, t as ne, setI18nRule as _e } from "@das-fed/web/packages/i18n/index";
+import { calcTextWidth as Ie } from "@das-fed/utils/common-tools";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import ie from "ant-design-vue/es/locale/zh_CN";
+import Ce from "ant-design-vue/es/locale/zh_CN";
+import $e from "ant-design-vue/es/locale/en_GB";
 import "dayjs/locale/zh-cn";
-import { DasDatePicker as he } from "@das-fed/ui/packages/components/date-picker/index";
-import ye from "dayjs";
+import "dayjs/locale/en";
+import { DasDatePicker as De } from "@das-fed/ui/packages/components/date-picker/index";
+import Ve from "dayjs";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as Te } from "@das-fed/ui/packages/icons/dengdai/index";
+import { DasIconDengdai as Ue } from "@das-fed/ui/packages/icons/dengdai/index";
 import "ant-design-vue/es/time-picker/style/css";
-const Le = { class: "ant-picker-cell-inner" }, Ne = {
+const Ye = { class: "ant-picker-cell-inner" }, je = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ee = {
+}, Ke = {
   name: "DasDatePicker"
-}, Re = /* @__PURE__ */ Q({
-  ...Ee,
+}, Xe = /* @__PURE__ */ de({
+  ...Ke,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -37,203 +43,246 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     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(m, { expose: B, emit: s }) {
-    ee((e) => ({
-      "33ea783c": H.value,
-      "7d0282ea": W.value
+  setup(x, { expose: A, emit: s }) {
+    pe((r) => ({
+      a0cc796a: N.value,
+      "29cfac42": P.value
     }));
-    const o = m, i = s;
-    ge({
+    const t = x, f = s;
+    ze({
       right: import("@das-fed/ui/packages/icons/right"),
       left: import("@das-fed/ui/packages/icons/left"),
       "double-arrow-left": import("@das-fed/ui/packages/icons/double-arrow-left"),
       "double-arrow-right": import("@das-fed/ui/packages/icons/double-arrow-right"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
-      "z-index": V.value
-    })), k = v(!1), h = v({
-      x: 0,
-      y: 0
-    }), z = v(0), C = n(() => ({
-      "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").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",
-      position: "fixed",
-      visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
-    })), w = v({
+    const O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || ne("请选择日期")), H = p(() => ({
+      width: t.width
+    })), N = p(() => t.width ? t.width : "230px"), P = p(() => t.height ? t.height : "auto"), B = n(3e3), F = p(() => ({
+      "z-index": B.value
+    })), M = n(!1), _ = n({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ue().nextZIndex()), i("openChange", e);
-    }, Y = () => {
-      var y, $, D;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let d = ($ = a.value) == null ? void 0 : $.$el.clientHeight;
-      o.borderType !== "none" && (d = d + 2), z.value = (D = a.value) == null ? void 0 : D.$el.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, _ = () => {
-      Y(), k.value = !0;
-    }, O = () => {
-      k.value = !1;
-    }, R = (e, r) => {
-      e ? _() : O();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), L = n(() => ({
-      width: o.width
-    })), q = (e, r) => {
-      I.value = !1, i("update:error", I.value), i("update:model-value", e), i("change", e, r);
+      color: me("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), b = n(!1), $ = n(""), Z = p(() => d.value ? $.value : W.value), j = () => {
+      const r = t.size === "table" ? 12 : 14;
+      return Ie(W.value, r);
+    }, k = () => {
+      var l;
+      const r = (l = o.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return d.value ? r == null ? void 0 : r.scrollWidth : j();
+    }, m = () => {
+      var e;
+      const r = (e = o.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? ($.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, D = n(0), u = n(0);
+    Q(() => [W.value, d.value], () => {
+      X(() => {
+        D.value = m(), u.value = k(), (D.value === u.value || u.value - D.value < 1) && (b.value = !1);
+      });
+    });
+    const S = n();
+    Q(
+      () => {
+        var r;
+        return (r = V.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+      },
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          b.value = !0, S.value && clearTimeout(S.value);
+        }), r.addEventListener("mouseleave", function() {
+          S.value = setTimeout(() => {
+            b.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const g = (r) => {
+      r && (B.value = Te().nextZIndex()), f("openChange", r), G.value === "en" && X(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of l)
+          e && (e.innerText = "OK");
+      });
+    }, ee = () => {
+      D.value = m(), u.value = k(), D.value === u.value || u.value - D.value < 1 ? b.value = !1 : (b.value = !0, S.value && clearTimeout(S.value)), M.value = !0;
+    }, re = () => {
+      S.value = setTimeout(() => {
+        b.value = !1;
+      }, 200), M.value = !1;
+    }, le = (r, l) => {
+      r ? ee() : re();
+    }, te = (r, l) => {
+      L.value = !1, f("update:error", L.value), f("update:model-value", r), f("change", r, l);
     };
-    return ke(() => {
-    }), B({
-      $datePicker: a,
+    return A({
+      $datePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (e, r) => (t(), u("div", {
-      class: te(["das-ui-date-picker", [e.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(L.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l($e), G({
-            ref_key: "$datePicker",
-            ref: a
-          }, e.$attrs, {
-            value: l(x),
-            "onUpdate:value": r[0] || (r[0] = (d) => pe(x) ? x.value = d : 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: L.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), we({
-            dateRender: f((d) => [
-              g(e.$slots, "dateRender", se(de(d)), () => [
-                p("div", Le, b(d.current.date()), 1)
-              ], !0)
-            ]),
-            nextIcon: f(() => [
-              g(e.$slots, "nextIcon", {}, () => [
-                M(l(j), {
-                  icon: "right",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            prevIcon: f(() => [
-              g(e.$slots, "prevIcon", {}, () => [
-                M(l(j), {
-                  icon: "left",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            superNextIcon: f(() => [
-              g(e.$slots, "superNextIcon", {}, () => [
-                M(l(j), {
-                  icon: "double-arrow-right",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            superPrevIcon: f(() => [
-              g(e.$slots, "superPrevIcon", {}, () => [
-                M(l(j), {
-                  icon: "double-arrow-left",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            suffixIcon: f(() => [
-              g(e.$slots, "suffixIcon", {}, () => [
-                M(l(j), {
-                  class: "das-suffix-icon",
-                  icon: "riqixuanze",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            _: 2
-          }, [
-            e.$slots.renderExtraFooter ? {
-              name: "renderExtraFooter",
-              fn: f(() => [
-                g(e.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (r, l) => (v(), T(
+      "div",
+      {
+        class: ye(["das-ui-date-picker", [r.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(H.value)
+      },
+      [
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
+              ref_key: "inputTooltipRef",
+              ref: V,
+              placement: "top",
+              trigger: "hover",
+              visible: b.value,
+              disabled: !r.isTooltip,
+              content: Z.value
+            }, {
+              default: c(() => [
+                ce((v(), q(a(Re), ae({
+                  ref_key: "$datePicker",
+                  ref: o
+                }, r.$attrs, {
+                  value: a(d),
+                  "onUpdate:value": l[0] || (l[0] = (e) => Se(d) ? d.value = e : null),
+                  size: t.size,
+                  dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
+                  placeholder: W.value,
+                  showToday: r.showToday,
+                  bordered: r.borderType === "bordered",
+                  disabled: t.disabled || t.isView,
+                  style: H.value,
+                  popupStyle: F.value,
+                  onChange: te,
+                  onOpenChange: g
+                }), Pe({
+                  dateRender: c((e) => [
+                    C(r.$slots, "dateRender", be(ke(e)), () => [
+                      E(
+                        "div",
+                        Ye,
+                        R(e.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  nextIcon: c(() => [
+                    C(r.$slots, "nextIcon", {}, () => [
+                      I(a(J), {
+                        icon: "right",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  prevIcon: c(() => [
+                    C(r.$slots, "prevIcon", {}, () => [
+                      I(a(J), {
+                        icon: "left",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  superNextIcon: c(() => [
+                    C(r.$slots, "superNextIcon", {}, () => [
+                      I(a(J), {
+                        icon: "double-arrow-right",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  superPrevIcon: c(() => [
+                    C(r.$slots, "superPrevIcon", {}, () => [
+                      I(a(J), {
+                        icon: "double-arrow-left",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  suffixIcon: c(() => [
+                    C(r.$slots, "suffixIcon", {}, () => [
+                      I(a(J), {
+                        class: "das-suffix-icon",
+                        icon: "riqixuanze",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  r.$slots.renderExtraFooter ? {
+                    name: "renderExtraFooter",
+                    fn: c(() => [
+                      C(r.$slots, "renderExtraFooter", {}, void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
+                  [a(fe), le]
+                ])
               ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["value", "size", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", Ne, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        r.error && r.errorLabel ? (v(), T(
+          oe,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (v(), T("div", je, [
+              E(
+                "span",
+                {
+                  style: U(_.value)
+                },
+                R(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            r.errorMode === "overlay" && M.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var e;
+                return (e = o.value) == null ? void 0 : e.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), le = (m, B) => {
-  const s = m.__vccOpts || m;
-  for (const [o, i] of B)
-    s[o] = i;
+}), he = (x, A) => {
+  const s = x.__vccOpts || x;
+  for (const [t, f] of A)
+    s[t] = f;
   return s;
-}, Fe = /* @__PURE__ */ le(Re, [["__scopeId", "data-v-40fd173a"]]), Ze = { class: "date-range-separator" }, He = {
+}, Ge = /* @__PURE__ */ he(Xe, [["__scopeId", "data-v-32d994b8"]]), Je = { class: "date-range-separator" }, Qe = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, We = {
+}, er = {
   name: "DasDateRangePicker"
-}, Ae = /* @__PURE__ */ Q({
-  ...We,
+}, rr = /* @__PURE__ */ de({
+  ...er,
   props: {
     modelValue: {},
     borderType: { default: "bordered" },
@@ -246,7 +295,7 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     showToday: { type: Boolean, default: !1 },
     separator: { default: "~" },
     disabledDate: {},
-    placeholder: { default: ["开始日期", "结束日期"] },
+    placeholder: { default: void 0 },
     error: { type: Boolean },
     errorLabel: {},
     errorMode: { default: "default" },
@@ -257,135 +306,129 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     nextAttrs: {},
     disabledUnit: {}
   },
-  emits: ["change", "update:model-value", "update:error"],
-  setup(m, { emit: B }) {
-    ee((e) => ({
-      "3f995453": H.value,
-      "02e2551a": I.value
+  emits: ["change", "openChange", "update:model-value", "update:error"],
+  setup(x, { emit: A }) {
+    pe((u) => ({
+      "09130af1": L.value,
+      "222852bc": d.value
     }));
-    const s = m, o = B, i = xe(), a = F(s, "modelValue"), x = F(s, "error"), I = n(() => s.width ? s.width : "230px"), H = n(() => s.height ? s.height : "auto"), W = n(() => ({ ...i, ...s.prevAttrs })), V = n(() => ({ ...i, ...s.nextAttrs })), S = v(), k = v(!1), h = v({
-      x: 0,
-      y: 0
-    }), z = v(0), C = n(() => ({
-      "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": s.errorModelZIndex
-    })), A = n(() => ({
-      ...C.value,
-      width: z.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
-    })), w = v({
+    const s = x, t = A, f = Be(), O = p(() => s.placeholder ?? [ne("开始日期"), ne("结束日期")]), o = Y(s, "modelValue"), V = Y(s, "error"), d = p(() => s.width ? s.width : "230px"), L = p(() => s.height ? s.height : "auto"), W = p(() => ({ ...f, ...s.prevAttrs })), H = p(() => ({ ...f, ...s.nextAttrs })), N = n(), P = n(!1), B = n({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = () => {
-      const { top: e, left: r } = S.value.getBoundingClientRect();
-      let d = S.value.clientHeight;
-      z.value = S.value.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, Y = () => {
-      U(), k.value = !0;
-    }, _ = () => {
-      k.value = !1;
-    }, O = (e, r) => {
-      e ? Y() : _();
-    }, R = n(() => {
-      let e = s.valueFormat ? s.valueFormat : s.format;
+      color: me("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), F = () => {
+      P.value = !0;
+    }, M = () => {
+      P.value = !1;
+    }, _ = (u, h) => {
+      u ? F() : M();
+    }, b = (u, h) => {
+      t("openChange", u, h), G.value === "en" && X(() => {
+        const S = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let g of S)
+          g && (g.innerText = "OK");
+      });
+    }, $ = p(() => {
+      let u = 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] : ""
+        o.value[0] ? Ve.isDayjs(o.value[0]) ? o.value[0].format(u) : o.value[0] : "",
+        o.value[1] ? Ve.isDayjs(o.value[1]) ? o.value[1].format(u) : o.value[1] : ""
       ];
-    }), T = (e) => s.disabledDate && s.disabledDate(e) === !0 ? !0 : !!(a.value[1] && e.isAfter(a.value[1], s.disabledUnit || void 0)), L = (e) => s.disabledDate && s.disabledDate(e) === !0 ? !0 : !!(a.value[0] && e.isBefore(a.value[0], s.disabledUnit || void 0)), q = n(() => ({
+    }), Z = (u) => s.disabledDate && s.disabledDate(u) === !0 ? !0 : !!(o.value[1] && u.isAfter(o.value[1], s.disabledUnit || void 0)), j = (u) => s.disabledDate && s.disabledDate(u) === !0 ? !0 : !!(o.value[0] && u.isBefore(o.value[0], s.disabledUnit || void 0)), k = p(() => ({
       width: s.width
-    })), X = (e, r) => {
-      x.value = !1, o("update:model-value", a.value), o("change", a.value, R.value);
-    }, J = (e, r) => {
-      x.value = !1, o("update:model-value", a.value), o("change", a.value, R.value);
+    })), m = (u, h) => {
+      V.value = !1, t("update:model-value", o.value), t("change", o.value, $.value);
+    }, D = (u, h) => {
+      V.value = !1, t("update:model-value", o.value), t("change", o.value, $.value);
     };
-    return (e, r) => re((t(), u("div", {
-      class: "das-ui-date-range-picker",
-      style: c(q.value),
-      ref_key: "$dateRange",
-      ref: S
-    }, [
-      M(l(he), G(W.value, {
-        modelValue: l(a)[0],
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => l(a)[0] = d),
-        format: s.format,
-        size: s.size,
-        valueFormat: s.valueFormat,
-        borderType: s.borderType,
-        error: l(x),
-        width: s.itemWidth,
-        "disabled-date": T,
-        placeholder: e.placeholder[0],
-        onChange: X
-      }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      g(e.$slots, "separator", {}, () => [
-        p("span", Ze, b(s.separator), 1)
-      ], !0),
-      M(l(he), G(V.value, {
-        modelValue: l(a)[1],
-        "onUpdate:modelValue": r[1] || (r[1] = (d) => l(a)[1] = d),
-        format: s.format,
-        size: s.size,
-        valueFormat: s.valueFormat,
-        borderType: s.borderType,
-        error: l(x),
-        width: s.itemWidth,
-        "disabled-date": L,
-        placeholder: e.placeholder[1],
-        onChange: J
-      }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", He, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 4)), [
-      [l(ae), O]
+    return (u, h) => ce((v(), T(
+      "div",
+      {
+        class: "das-ui-date-range-picker",
+        style: U(k.value),
+        ref_key: "$dateRange",
+        ref: N
+      },
+      [
+        I(a(De), ae(W.value, {
+          modelValue: a(o)[0],
+          "onUpdate:modelValue": h[0] || (h[0] = (S) => a(o)[0] = S),
+          format: s.format,
+          size: s.size,
+          valueFormat: s.valueFormat,
+          borderType: s.borderType,
+          error: a(V),
+          width: s.itemWidth,
+          "disabled-date": Z,
+          placeholder: O.value[0],
+          onChange: m,
+          onOpenChange: h[1] || (h[1] = (S) => b(S, "before"))
+        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
+        C(u.$slots, "separator", {}, () => [
+          E(
+            "span",
+            Je,
+            R(s.separator),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        I(a(De), ae(H.value, {
+          modelValue: a(o)[1],
+          "onUpdate:modelValue": h[2] || (h[2] = (S) => a(o)[1] = S),
+          format: s.format,
+          size: s.size,
+          valueFormat: s.valueFormat,
+          borderType: s.borderType,
+          error: a(V),
+          width: s.itemWidth,
+          "disabled-date": j,
+          placeholder: O.value[1],
+          onChange: D,
+          onOpenChange: h[3] || (h[3] = (S) => b(S, "after"))
+        }), null, 16, ["modelValue", "format", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
+        u.error && u.errorLabel ? (v(), T(
+          oe,
+          { key: 0 },
+          [
+            u.errorMode === "default" ? (v(), T("div", Qe, [
+              E(
+                "span",
+                {
+                  style: U(B.value)
+                },
+                R(u.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            u.errorMode === "overlay" && P.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: u.errorLabel,
+              getEl: () => N.value,
+              errorModelZIndex: u.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    )), [
+      [a(fe), _]
     ]);
   }
-}), Ue = /* @__PURE__ */ le(Ae, [["__scopeId", "data-v-f1a9a103"]]), Ye = (m) => (be("data-v-f3fc1571"), m = m(), me(), m), _e = { class: "ant-picker-cell-inner" }, Oe = /* @__PURE__ */ Ye(() => /* @__PURE__ */ p("div", { style: { padding: "0 8px" } }, "~", -1)), qe = { class: "das-picker-footer-extra" }, je = {
+}), lr = /* @__PURE__ */ he(rr, [["__scopeId", "data-v-ba0b3b1e"]]), tr = { class: "ant-picker-cell-inner" }, or = { class: "das-picker-footer-extra" }, ar = {
   key: 0,
   class: "das-picker-ranges"
-}, Xe = { class: "das-picker-preset-span" }, Ge = ["onClick"], Je = {
+}, nr = { class: "das-picker-preset-span" }, ur = ["onClick"], sr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Ke = {
+}, ir = {
   name: "DasRangePicker"
-}, Qe = /* @__PURE__ */ Q({
-  ...Ke,
+}, dr = /* @__PURE__ */ de({
+  ...ir,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -405,229 +448,371 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     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(m, { expose: B, emit: s }) {
-    ee((r) => ({
-      "505b7d88": H.value,
-      bd758cb6: W.value
+  setup(x, { expose: A, emit: s }) {
+    pe((e) => ({
+      "5a859b9a": W.value,
+      "4742445a": H.value
     }));
-    const o = m, i = s;
-    ge({
+    const t = x, f = s;
+    ze({
       fold: import("@das-fed/ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/ui/packages/icons/riqixuanze")
     });
-    const a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
-      "z-index": V.value
-    })), k = v(!1), h = v({
-      x: 0,
-      y: 0
-    }), z = v(0), C = n(() => ({
-      "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").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",
-      position: "fixed",
-      visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
-    })), w = v({
+    const O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.width ? t.width : "230px"), H = p(() => t.height ? t.height : "auto"), N = n(3e3), P = p(() => ({
+      "z-index": N.value
+    })), B = n(!1), F = n({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (r) => {
-      r && (V.value = ue().nextZIndex()), i("openChange", r);
-    }, Y = () => {
-      var $, D, ce;
-      const { top: r, left: d } = ($ = a.value) == null ? void 0 : $.$el.getBoundingClientRect();
-      let y = (D = a.value) == null ? void 0 : D.$el.clientHeight;
-      o.borderType !== "none" && (y = y + 2), z.value = (ce = a.value) == null ? void 0 : ce.$el.clientWidth, h.value.x = d, h.value.y = r + y;
-    }, _ = () => {
-      Y(), k.value = !0;
-    }, O = () => {
-      k.value = !1;
-    }, R = (r, d) => {
-      r ? _() : O();
-    }, T = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), L = n(() => ({
-      width: o.width
-    })), q = (r, d) => {
-      if (I.value = !1, r === null) {
-        i("update:model-value", [null, null]), i("change", [null, null], d);
+      color: me("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), M = p(() => {
+      var e;
+      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = t.placeholder) == null ? void 0 : e.map((i) => ne(i));
+    }), _ = p(() => ({
+      width: t.width
+    })), b = n(!1), $ = n(["", ""]), Z = n("~"), j = p(() => {
+      var e;
+      return (e = d.value) != null && e.length && d.value[0] && d.value[1] ? $.value.join(" " + Z.value + " ") : M.value.join(" " + Z.value + " ");
+    }), k = n([0, 0]), m = n([0, 0]), D = () => {
+      var z;
+      let e = [];
+      const i = (z = o.value) == null ? void 0 : z.$el.querySelectorAll(".ant-picker-input>input");
+      if (!i)
+        return e = [0, 0], e;
+      let y = [];
+      for (let K of i) {
+        y.push(K.getAttribute("value") || "");
+        let Ee = (K == null ? void 0 : K.offsetWidth) ?? 0;
+        e.push(Ee);
+      }
+      return $.value = y, e;
+    }, u = (e) => {
+      const i = t.size === "table" ? 12 : 14;
+      return Ie(e, i);
+    }, h = () => {
+      var y;
+      let e = [];
+      return ((y = o.value) == null ? void 0 : y.$el.querySelectorAll(".ant-picker-input>input")).forEach((z, K) => {
+        d.value.length && d.value[0] && d.value[0] ? e.push(z == null ? void 0 : z.scrollWidth) : e.push(u(M.value[K]));
+      }), e;
+    };
+    Q(() => [M.value, d.value], () => {
+      X(() => {
+        k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) && (b.value = !1);
+      });
+    });
+    const g = n();
+    Q(
+      () => {
+        var e;
+        return (e = V.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          b.value = !0, g.value && clearTimeout(g.value);
+        }), e.addEventListener("mouseleave", function() {
+          g.value = setTimeout(() => {
+            b.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const ee = (e) => {
+      e && (N.value = Te().nextZIndex()), f("openChange", e), G.value === "en" && X(() => {
+        const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let y of i)
+          y && (y.innerText = "OK");
+      });
+    }, re = () => {
+      k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) ? b.value = !1 : (b.value = !0, g.value && clearTimeout(g.value)), B.value = !0;
+    }, le = () => {
+      g.value = setTimeout(() => {
+        b.value = !1;
+      }, 200), B.value = !1;
+    }, te = (e, i) => {
+      e ? re() : le();
+    }, ue = (e, i) => {
+      if (L.value = !1, e === null) {
+        f("update:model-value", [null, null]), f("change", [null, null], i);
         return;
       }
-      i("update:error", I.value), i("update:model-value", r), i("change", r, d);
-    }, X = (r) => {
-      i("update:model-value", r.value), i("change", r.value, [r.value[0].format(o.format), r.value[1].format(o.format)]), a.value.blur();
+      f("update:error", L.value), f("update:model-value", e), f("change", e, i);
+    }, se = (e) => {
+      f("update:model-value", e.value), f("change", e.value, [e.value[0].format(t.format), e.value[1].format(t.format)]), o.value.blur();
     };
-    return B({
-      $rangePicker: a,
+    return A({
+      $rangePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (r, d) => (t(), u("div", {
-      class: te(["das-ui-range-picker", [r.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(L.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l(Me), G({
-            ref_key: "$rangePicker",
-            ref: a
-          }, r.$attrs, {
-            value: l(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: L.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), {
-            dateRender: f((y) => [
-              g(r.$slots, "dateRender", se(de(y)), () => [
-                p("div", _e, b(y.current.date()), 1)
-              ], !0)
-            ]),
-            nextIcon: f(() => [
-              ve(" XX ")
-            ]),
-            prevIcon: f(() => [
-              g(r.$slots, "prevIcon", {}, void 0, !0)
-            ]),
-            superNextIcon: f(() => [
-              g(r.$slots, "superNextIcon", {}, void 0, !0)
-            ]),
-            superPrevIcon: f(() => [
-              g(r.$slots, "superPrevIcon", {}, void 0, !0)
-            ]),
-            suffixIcon: f(() => [
-              g(r.$slots, "suffixIcon", {}, () => [
-                M(l(j), {
-                  class: "das-suffix-icon",
-                  icon: "riqixuanze",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            separator: f(() => [
-              g(r.$slots, "separator", {}, () => [
-                Oe
-              ], !0)
-            ]),
-            renderExtraFooter: f(() => [
-              p("div", qe, [
-                g(r.$slots, "renderExtraFooter", {}, void 0, !0)
-              ]),
-              r.showTime || r.ranges && r.ranges.length ? (t(), u("div", je, [
-                (t(!0), u(P, null, fe(r.ranges, (y) => (t(), u("div", {
-                  class: "das-picker-preset",
-                  key: y.key
-                }, [
-                  y.type === "dropdown" && y.children.length ? (t(), N(l(ze), {
-                    key: 0,
-                    trigger: ["click"]
-                  }, {
-                    overlay: f(() => [
-                      M(l(Ce), null, {
-                        default: f(() => [
-                          (t(!0), u(P, null, fe(y.children, ($) => (t(), N(l(Ve), {
-                            key: $.key,
-                            onClick: (D) => X($)
-                          }, {
-                            default: f(() => [
-                              (t(), u("span", { key: $ }, b($.key), 1))
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"]))), 128))
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    default: f(() => [
-                      p("a", {
-                        class: "ant-dropdown-link",
-                        onClick: d[0] || (d[0] = Ie(() => {
-                        }, ["prevent"]))
-                      }, [
-                        p("span", Xe, [
-                          ve(b(y.key) + " ", 1),
-                          M(l(j), {
-                            icon: "fold",
-                            size: "mini",
-                            style: { display: "inline-block" }
-                          })
-                        ])
-                      ])
+    }), (e, i) => (v(), T(
+      "div",
+      {
+        class: ye(["das-ui-range-picker", [e.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(_.value)
+      },
+      [
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
+              ref_key: "inputTooltipRef",
+              ref: V,
+              placement: "top",
+              trigger: "hover",
+              visible: b.value,
+              disabled: !e.isTooltip,
+              content: j.value
+            }, {
+              default: c(() => [
+                ce((v(), q(a(xe), ae({
+                  ref_key: "$rangePicker",
+                  ref: o
+                }, e.$attrs, {
+                  value: a(d),
+                  format: e.format,
+                  size: t.size,
+                  dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
+                  placeholder: M.value,
+                  showToday: e.showToday,
+                  showTime: e.showTime,
+                  bordered: e.borderType === "bordered",
+                  disabled: t.disabled || t.isView,
+                  style: _.value,
+                  popupStyle: P.value,
+                  onChange: ue,
+                  onOpenChange: ee
+                }), {
+                  dateRender: c((y) => [
+                    C(e.$slots, "dateRender", be(ke(y)), () => [
+                      E(
+                        "div",
+                        tr,
+                        R(y.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  nextIcon: c(() => [
+                    w(' <slot name="nextIcon"> '),
+                    i[1] || (i[1] = Le(
+                      " XX ",
+                      -1
+                      /* CACHED */
+                    )),
+                    w(" </slot> ")
+                  ]),
+                  prevIcon: c(() => [
+                    C(e.$slots, "prevIcon", {}, () => [
+                      w(' <das-icon icon="left"></das-icon> ')
+                    ], !0)
+                  ]),
+                  superNextIcon: c(() => [
+                    C(e.$slots, "superNextIcon", {}, () => [
+                      w(' <das-icon icon="double-arrow-right"></das-icon> ')
+                    ], !0)
+                  ]),
+                  superPrevIcon: c(() => [
+                    C(e.$slots, "superPrevIcon", {}, () => [
+                      w(' <das-icon icon="double-arrow-left"></das-icon> ')
+                    ], !0)
+                  ]),
+                  suffixIcon: c(() => [
+                    C(e.$slots, "suffixIcon", {}, () => [
+                      I(a(J), {
+                        class: "das-suffix-icon",
+                        icon: "riqixuanze",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  separator: c(() => [
+                    C(e.$slots, "separator", {}, () => [
+                      i[2] || (i[2] = E(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* CACHED */
+                      ))
+                    ], !0)
+                  ]),
+                  renderExtraFooter: c(() => [
+                    E("div", or, [
+                      C(e.$slots, "renderExtraFooter", {}, void 0, !0)
                     ]),
-                    _: 2
-                  }, 1024)) : (t(), u("span", {
-                    key: 1,
-                    class: "das-picker-preset-span",
-                    onClick: ($) => X(y)
-                  }, b(y.key), 9, Ge))
-                ]))), 128))
-              ])) : E("", !0)
-            ]),
-            _: 3
-          }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      r.error && r.errorLabel ? (t(), u(P, { key: 0 }, [
-        r.errorMode === "default" ? (t(), u("div", Je, [
-          p("span", {
-            style: c(w.value)
-          }, b(r.errorLabel), 5)
-        ])) : r.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          r.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(r.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(r.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+                    e.showTime || e.ranges && e.ranges.length ? (v(), T("div", ar, [
+                      (v(!0), T(
+                        oe,
+                        null,
+                        Me(e.ranges, (y) => (v(), T("div", {
+                          class: "das-picker-preset",
+                          key: y.key
+                        }, [
+                          w(` <el-dropdown v-if="item.type==='dropdown' && item.children.length" trigger="click" :teleported="false" placement='bottom-end'>\r
+                 \r
+                    <span class="das-picker-preset-span" >\r
+                        {{ item.key }}<das-icon icon="fold" size='mini'></das-icon>\r
+                    </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 ? (v(), q(
+                            a(We),
+                            {
+                              key: 0,
+                              trigger: ["click"]
+                            },
+                            {
+                              overlay: c(() => [
+                                I(
+                                  a(Fe),
+                                  null,
+                                  {
+                                    default: c(() => [
+                                      (v(!0), T(
+                                        oe,
+                                        null,
+                                        Me(y.children, (z) => (v(), q(a(Ze), {
+                                          key: z.key,
+                                          onClick: (K) => se(z)
+                                        }, {
+                                          default: c(() => [
+                                            (v(), T(
+                                              "span",
+                                              { key: z },
+                                              R(z.key),
+                                              1
+                                              /* TEXT */
+                                            ))
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["onClick"]))),
+                                        128
+                                        /* KEYED_FRAGMENT */
+                                      ))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1024
+                                  /* DYNAMIC_SLOTS */
+                                )
+                              ]),
+                              default: c(() => [
+                                E("a", {
+                                  class: "ant-dropdown-link",
+                                  onClick: i[0] || (i[0] = Ne(() => {
+                                  }, ["prevent"]))
+                                }, [
+                                  E("span", nr, [
+                                    Le(
+                                      R(y.key) + " ",
+                                      1
+                                      /* TEXT */
+                                    ),
+                                    I(a(J), {
+                                      icon: "fold",
+                                      size: "mini",
+                                      style: { display: "inline-block" }
+                                    })
+                                  ])
+                                ])
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )) : (v(), T("span", {
+                            key: 1,
+                            class: "das-picker-preset-span",
+                            onClick: (z) => se(y)
+                          }, R(y.key), 9, ur))
+                        ]))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      w(` <div class="das-picker-ok">\r
+                <das-button btnType="primary" size="middle">Ok</das-button>\r
+              </div> `)
+                    ])) : w("v-if", !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "format", "size", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                  [a(fe), te]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        w(` <div\r
+      :class="[errorMode === 'default' ? 'das-date-picker-error-label-content' : 'das-date-picker-overlay-error-label-content', 'das-picker-label-content']"\r
+      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && currError && !!errorLabel"\r
+    >\r
+      <span v-if="currError" class="das-picker-error-label label" :title="errorLabel">{{ errorLabel }}</span>\r
+    </div> `),
+        e.error && e.errorLabel ? (v(), T(
+          oe,
+          { key: 0 },
+          [
+            e.errorMode === "default" ? (v(), T("div", sr, [
+              E(
+                "span",
+                {
+                  style: U(F.value)
+                },
+                R(e.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            e.errorMode === "overlay" && B.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: e.errorLabel,
+              getEl: () => {
+                var y;
+                return (y = o.value) == null ? void 0 : y.$el;
+              },
+              errorModelZIndex: e.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), er = /* @__PURE__ */ le(Qe, [["__scopeId", "data-v-f3fc1571"]]), rr = { class: "ant-picker-cell-inner" }, or = {
+}), pr = /* @__PURE__ */ he(dr, [["__scopeId", "data-v-438b962b"]]), cr = { class: "ant-picker-cell-inner" }, vr = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ar = {
+}, fr = {
   name: "DasDatePicker"
-}, lr = /* @__PURE__ */ Q({
-  ...ar,
+}, mr = /* @__PURE__ */ de({
+  ...fr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -644,145 +829,200 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     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(m, { expose: B, emit: s }) {
-    ee((e) => ({
-      "4ef930e1": H.value,
-      "765df16c": W.value
+  setup(x, { expose: A, emit: s }) {
+    pe((r) => ({
+      d189e57e: W.value,
+      "3657a10c": H.value
     }));
-    const o = m, i = s, a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
-      "z-index": V.value
-    })), k = v(!1), h = v({
-      x: 0,
-      y: 0
-    }), z = v(0), C = n(() => ({
-      "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").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",
-      position: "fixed",
-      visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
-    })), w = v({
+    const t = x, f = s, O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.width ? t.width : "230px"), H = p(() => t.height ? t.height : "auto"), N = p(() => ({
+      width: t.width
+    })), P = p(() => t.isView ? t.noSetDefaultVal ? "" : "-" : ne(t.placeholder)), B = n(3e3), F = p(() => ({
+      "z-index": B.value
+    })), M = n(!1), _ = n({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ue().nextZIndex()), i("openChange", e);
-    }, Y = () => {
-      var y, $, D;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let d = ($ = a.value) == null ? void 0 : $.$el.clientHeight;
-      o.borderType !== "none" && (d = d + 2), z.value = (D = a.value) == null ? void 0 : D.$el.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, _ = () => {
-      Y(), k.value = !0;
-    }, O = () => {
-      k.value = !1;
-    }, R = (e, r) => {
-      e ? _() : O();
-    }, T = n(() => ({
-      width: o.width
-    })), L = n(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), q = (e, r) => {
-      I.value = !1, i("update:error", I.value), i("update:model-value", e), i("change", e, r);
+      color: me("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), b = (r) => {
+      r && (B.value = Te().nextZIndex()), f("openChange", r), G.value === "en" && X(() => {
+        const l = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let e of l)
+          e && (e.innerText = "OK");
+      });
+    }, $ = n(!1), Z = n(""), j = p(() => d.value ? Z.value : P.value), k = () => {
+      const r = t.size === "table" ? 12 : 14;
+      return Ie(P.value, r);
+    }, m = () => {
+      var l;
+      const r = (l = o.value) == null ? void 0 : l.$el.querySelector(".ant-picker-input>input");
+      return d.value ? r == null ? void 0 : r.scrollWidth : k();
+    }, D = () => {
+      var e;
+      const r = (e = o.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
+      return r ? (Z.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
+    }, u = n(0), h = n(0);
+    Q(() => [P.value, d.value], () => {
+      X(() => {
+        u.value = D(), h.value = m(), (u.value === h.value || h.value - u.value < 1) && ($.value = !1);
+      });
+    });
+    const g = n();
+    Q(
+      () => {
+        var r;
+        return (r = V.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+      },
+      (r) => {
+        r && (r.addEventListener("mouseenter", function() {
+          $.value = !0, g.value && clearTimeout(g.value);
+        }), r.addEventListener("mouseleave", function() {
+          g.value = setTimeout(() => {
+            $.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const ee = () => {
+      u.value = D(), h.value = m(), u.value === h.value || h.value - u.value < 1 ? $.value = !1 : ($.value = !0, g.value && clearTimeout(g.value)), M.value = !0;
+    }, re = () => {
+      g.value = setTimeout(() => {
+        $.value = !1;
+      }, 200), M.value = !1;
+    }, le = (r, l) => {
+      r ? ee() : re();
+    }, te = (r, l) => {
+      L.value = !1, f("update:error", L.value), f("update:model-value", r), f("change", r, l);
     };
-    return B({
-      $timePicker: a,
+    return A({
+      $timePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (e, r) => (t(), u("div", {
-      class: te(["das-ui-time-picker", [e.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(T.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l(Se), G({
-            ref_key: "$timePicker",
-            ref: a
-          }, e.$attrs, {
-            value: l(x),
-            "onUpdate:value": r[0] || (r[0] = (d) => pe(x) ? x.value = d : null),
-            size: o.size,
-            popupClassName: "das-ui-time-picker-dropdown " + e.dropdownClassName,
-            showNow: e.showNow,
-            bordered: e.borderType === "bordered",
-            placeholder: L.value,
-            disabled: o.disabled || o.isView,
-            style: T.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), {
-            dateRender: f((d) => [
-              g(e.$slots, "dateRender", se(de(d)), () => [
-                p("div", rr, b(d.current.date()), 1)
-              ], !0)
-            ]),
-            suffixIcon: f(() => [
-              g(e.$slots, "suffixIcon", {}, () => [
-                M(l(Te), {
-                  class: "das-suffix-icon",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            _: 3
-          }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", or, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+    }), (r, l) => (v(), T(
+      "div",
+      {
+        class: ye(["das-ui-time-picker", [r.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(N.value)
+      },
+      [
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
+              ref_key: "inputTooltipRef",
+              ref: V,
+              placement: "top",
+              trigger: "hover",
+              visible: $.value,
+              disabled: !r.isTooltip,
+              content: j.value
+            }, {
+              default: c(() => [
+                ce((v(), q(a(Ae), ae({
+                  ref_key: "$timePicker",
+                  ref: o
+                }, r.$attrs, {
+                  value: a(d),
+                  "onUpdate:value": l[0] || (l[0] = (e) => Se(d) ? d.value = e : null),
+                  size: t.size,
+                  popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
+                  showNow: r.showNow,
+                  bordered: r.borderType === "bordered",
+                  placeholder: P.value,
+                  disabled: t.disabled || t.isView,
+                  style: N.value,
+                  popupStyle: F.value,
+                  onChange: te,
+                  onOpenChange: b
+                }), {
+                  dateRender: c((e) => [
+                    C(r.$slots, "dateRender", be(ke(e)), () => [
+                      E(
+                        "div",
+                        cr,
+                        R(e.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: c(() => [
+                    C(r.$slots, "suffixIcon", {}, () => [
+                      I(a(Ue), {
+                        class: "das-suffix-icon",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [a(fe), le]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        r.error && r.errorLabel ? (v(), T(
+          oe,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (v(), T("div", vr, [
+              E(
+                "span",
+                {
+                  style: U(_.value)
+                },
+                R(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            r.errorMode === "overlay" && M.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var e;
+                return (e = o.value) == null ? void 0 : e.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0),
+            w(` <template v-else-if="errorMode === 'overlay' && isHoverInInput">\r
+        <teleport to="body" v-if="teleported">\r
+          <div ref="$errorModel" :style="errorModelStyle">\r
+            <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
+          </div>\r
+        </teleport>\r
+\r
+        <div :style="errorModalBaseSyle" class="das-picker-error-label label" v-else>\r
+          <span :style="errorLabelStyle">{{ errorLabel }}</span>\r
+        </div>\r
+      </template> `)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), tr = /* @__PURE__ */ le(lr, [["__scopeId", "data-v-df4bfe33"]]), sr = (m) => (be("data-v-c50262ab"), m = m(), me(), m), dr = { class: "ant-picker-cell-inner" }, nr = /* @__PURE__ */ sr(() => /* @__PURE__ */ p("div", { style: { padding: "0 8px" } }, "~", -1)), ur = {
+}), hr = /* @__PURE__ */ he(mr, [["__scopeId", "data-v-8e245fe4"]]), yr = { class: "ant-picker-cell-inner" }, br = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, ir = {
+}, kr = {
   name: "DasDatePicker"
-}, pr = /* @__PURE__ */ Q({
-  ...ir,
+}, gr = /* @__PURE__ */ de({
+  ...kr,
   props: {
     modelValue: {},
     borderType: { default: "underline" },
@@ -798,155 +1038,224 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
     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(m, { expose: B, emit: s }) {
-    ee((e) => ({
-      "18ff2c9f": H.value,
-      "25d12524": W.value
-    }));
-    const o = m, i = s, a = v(), x = F(o, "modelValue"), I = F(o, "error"), H = n(() => o.width ? o.width : "230px"), W = n(() => o.height ? o.height : "auto"), V = v(3e3), S = n(() => ({
-      "z-index": V.value
-    })), k = v(!1), h = v({
-      x: 0,
-      y: 0
-    }), z = v(0), C = n(() => ({
-      "font-size": "12px",
-      "background-color": Z("--das-ui-input-number-overlay-error-bg-color").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",
-      position: "fixed",
-      visibility: "visible",
-      top: h.value.y + "px",
-      left: h.value.x + "px"
-    })), w = v({
+  setup(x, { expose: A, emit: s }) {
+    pe((l) => ({
+      "22ea7478": W.value,
+      "6e020e2e": H.value
+    })), ze({
+      dengdai: import("@das-fed/ui/packages/icons/dengdai")
+    });
+    const t = x, f = s, O = p(() => G.value === "zh-CN" ? Ce : $e), o = n(null), V = n(null), d = Y(t, "modelValue"), L = Y(t, "error"), W = p(() => t.width ? t.width : "230px"), H = p(() => t.height ? t.height : "auto"), N = n(3e3), P = p(() => ({
+      "z-index": N.value
+    })), B = p(() => ({
+      width: t.width
+    })), F = p(() => {
+      var l;
+      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (l = t.placeholder) == null ? void 0 : l.map((e) => ne(e));
+    }), M = n(!1), _ = n({
       display: "block",
-      color: Z("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), U = (e) => {
-      e && (V.value = ue().nextZIndex()), i("openChange", e);
-    }, Y = () => {
-      var y, $, D;
-      const { top: e, left: r } = (y = a.value) == null ? void 0 : y.$el.getBoundingClientRect();
-      let d = ($ = a.value) == null ? void 0 : $.$el.clientHeight;
-      o.borderType !== "none" && (d = d + 2), z.value = (D = a.value) == null ? void 0 : D.$el.clientWidth, h.value.x = r, h.value.y = e + d;
-    }, _ = () => {
-      Y(), k.value = !0;
-    }, O = () => {
-      k.value = !1;
-    }, R = (e, r) => {
-      e ? _() : O();
-    }, T = n(() => ({
-      width: o.width
-    })), L = n(() => o.isView ? o.noSetDefaultVal ? ["", ""] : ["-", "-"] : o.placeholder), q = (e, r) => {
-      if (I.value = !1, e === null) {
-        i("update:model-value", [null, null]), i("change", [null, null], r);
+      color: me("--das-ui-date-picker-overlay-error-color").value,
+      "white-space": "break-spaces"
+    }), b = n(!1), $ = n(["", ""]), Z = n("~"), j = p(() => {
+      var l;
+      return (l = d.value) != null && l.length && d.value[0] && d.value[1] ? $.value.join(" " + Z.value + " ") : F.value.join(" " + Z.value + " ");
+    }), k = n([0, 0]), m = n([0, 0]), D = () => {
+      var y;
+      let l = [];
+      const e = (y = o.value) == null ? void 0 : y.$el.querySelectorAll(".ant-picker-input>input");
+      if (!e)
+        return l = [0, 0], l;
+      let i = [];
+      for (let z of e) {
+        i.push(z.getAttribute("value") || "");
+        let K = (z == null ? void 0 : z.offsetWidth) ?? 0;
+        l.push(K);
+      }
+      return $.value = i, l;
+    }, u = (l) => {
+      const e = t.size === "table" ? 12 : 14;
+      return Ie(l, e);
+    }, h = () => {
+      var i;
+      let l = [];
+      return ((i = o.value) == null ? void 0 : i.$el.querySelectorAll(".ant-picker-input>input")).forEach((y, z) => {
+        d.value.length && d.value[0] && d.value[0] ? l.push(y == null ? void 0 : y.scrollWidth) : l.push(u(F.value[z]));
+      }), l;
+    };
+    Q(() => [F.value, d.value], () => {
+      X(() => {
+        k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) && (b.value = !1);
+      });
+    });
+    const g = n();
+    Q(
+      () => {
+        var l;
+        return (l = V.value) == null ? void 0 : l.$tooltipRef.popperRef.contentRef;
+      },
+      (l) => {
+        l && (l.addEventListener("mouseenter", function() {
+          b.value = !0, g.value && clearTimeout(g.value);
+        }), l.addEventListener("mouseleave", function() {
+          g.value = setTimeout(() => {
+            b.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const ee = (l) => {
+      l && (N.value = Te().nextZIndex()), f("openChange", l), G.value === "en" && X(() => {
+        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let i of e)
+          i && (i.innerText = "OK");
+      });
+    }, re = () => {
+      k.value = D(), m.value = h(), (k.value[0] === m.value[0] || m.value[0] - k.value[0] < 1) && (k.value[1] === m.value[1] || m.value[1] - k.value[1] < 1) ? b.value = !1 : (b.value = !0, g.value && clearTimeout(g.value)), M.value = !0;
+    }, le = () => {
+      g.value = setTimeout(() => {
+        b.value = !1;
+      }, 200), M.value = !1;
+    }, te = (l, e) => {
+      l ? re() : le();
+    }, ue = (l, e) => {
+      if (L.value = !1, l === null) {
+        f("update:model-value", [null, null]), f("change", [null, null], e);
         return;
       }
-      i("update:error", I.value), i("update:model-value", e), i("change", e, r);
+      f("update:error", L.value), f("update:model-value", l), f("change", l, e);
     };
-    return B({
-      $timeRangePicker: a,
+    return A({
+      $timeRangePicker: o,
       blur: () => {
-        a.value.blur();
+        o.value.blur();
       },
       focus: () => {
-        a.value.focus();
+        o.value.focus();
       }
-    }), (e, r) => (t(), u("div", {
-      class: te(["das-ui-time-range-picker", [e.borderType, o.isView ? "readonly" : "", l(I) ? "is-error" : ""]]),
-      style: c(T.value)
-    }, [
-      M(l(ne), { locale: l(ie) }, {
-        default: f(() => [
-          re((t(), N(l(De), G({
-            ref_key: "$timeRangePicker",
-            ref: a
-          }, e.$attrs, {
-            value: l(x),
-            "onUpdate:value": r[0] || (r[0] = (d) => pe(x) ? x.value = d : null),
-            size: o.size,
-            popupClassName: "das-ui-time-range-picker-dropdown " + e.dropdownClassName,
-            showNow: e.showNow,
-            bordered: e.borderType === "bordered",
-            placeholder: L.value,
-            disabled: o.disabled || o.isView,
-            style: T.value,
-            popupStyle: S.value,
-            onChange: q,
-            onOpenChange: U
-          }), {
-            dateRender: f((d) => [
-              g(e.$slots, "dateRender", se(de(d)), () => [
-                p("div", dr, b(d.current.date()), 1)
-              ], !0)
-            ]),
-            suffixIcon: f(() => [
-              g(e.$slots, "suffixIcon", {}, () => [
-                M(l(j), {
-                  class: "das-suffix-icon",
-                  icon: "dengdai",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            separator: f(() => [
-              g(e.$slots, "separator", {}, () => [
-                nr
-              ], !0)
-            ]),
-            _: 3
-          }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-            [l(ae), R]
-          ])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (t(), u(P, { key: 0 }, [
-        e.errorMode === "default" ? (t(), u("div", ur, [
-          p("span", {
-            style: c(w.value)
-          }, b(e.errorLabel), 5)
-        ])) : e.errorMode === "overlay" && k.value ? (t(), u(P, { key: 1 }, [
-          e.teleported ? (t(), N(oe, {
-            key: 0,
-            to: "body"
-          }, [
-            p("div", {
-              style: c(A.value)
-            }, [
-              p("span", {
-                style: c(w.value)
-              }, b(e.errorLabel), 5)
-            ], 4)
-          ])) : (t(), u("div", {
-            key: 1,
-            style: c(C.value),
-            class: "das-picker-error-label label"
-          }, [
-            p("span", {
-              style: c(w.value)
-            }, b(e.errorLabel), 5)
-          ], 4))
-        ], 64)) : E("", !0)
-      ], 64)) : E("", !0)
-    ], 6));
+    }), (l, e) => (v(), T(
+      "div",
+      {
+        class: ye(["das-ui-time-range-picker", [l.borderType, t.isView ? "readonly" : "", a(L) ? "is-error" : ""]]),
+        style: U(B.value)
+      },
+      [
+        I(a(ge), { locale: O.value }, {
+          default: c(() => [
+            I(a(we), {
+              ref_key: "inputTooltipRef",
+              ref: V,
+              placement: "top",
+              trigger: "hover",
+              visible: b.value,
+              disabled: !l.isTooltip,
+              content: j.value
+            }, {
+              default: c(() => [
+                ce((v(), q(a(qe), ae({
+                  ref_key: "$timeRangePicker",
+                  ref: o
+                }, l.$attrs, {
+                  value: a(d),
+                  "onUpdate:value": e[0] || (e[0] = (i) => Se(d) ? d.value = i : null),
+                  size: t.size,
+                  popupClassName: "das-ui-time-range-picker-dropdown " + l.dropdownClassName,
+                  showNow: l.showNow,
+                  bordered: l.borderType === "bordered",
+                  placeholder: F.value,
+                  disabled: t.disabled || t.isView,
+                  style: B.value,
+                  popupStyle: P.value,
+                  onChange: ue,
+                  onOpenChange: ee
+                }), {
+                  dateRender: c((i) => [
+                    C(l.$slots, "dateRender", be(ke(i)), () => [
+                      E(
+                        "div",
+                        yr,
+                        R(i.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: c(() => [
+                    C(l.$slots, "suffixIcon", {}, () => [
+                      I(a(J), {
+                        class: "das-suffix-icon",
+                        icon: "dengdai",
+                        size: "medium"
+                      })
+                    ], !0)
+                  ]),
+                  separator: c(() => [
+                    C(l.$slots, "separator", {}, () => [
+                      e[1] || (e[1] = E(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* CACHED */
+                      ))
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [a(fe), te]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        l.error && l.errorLabel ? (v(), T(
+          oe,
+          { key: 0 },
+          [
+            l.errorMode === "default" ? (v(), T("div", br, [
+              E(
+                "span",
+                {
+                  style: U(_.value)
+                },
+                R(l.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : w("v-if", !0),
+            l.errorMode === "overlay" && M.value ? (v(), q(a(ve), {
+              key: 1,
+              errorLabel: l.errorLabel,
+              getEl: () => {
+                var i;
+                return (i = o.value) == null ? void 0 : i.$el;
+              },
+              errorModelZIndex: l.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : w("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : w("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), cr = /* @__PURE__ */ le(pr, [["__scopeId", "data-v-c50262ab"]]), vr = {
+}), wr = /* @__PURE__ */ he(gr, [["__scopeId", "data-v-9f079d4a"]]), Tr = {
   "--das-ui-date-picker-color-defalut-text": "#212121",
   // 默认字体色
   "--das-ui-date-picker-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-date-picker-color-underline": Pe("--das-ui-color-help"),
+  "--das-ui-date-picker-color-underline": Oe("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-date-picker-color-error": "#FB2323",
   // 错误边框色
@@ -966,14 +1275,22 @@ const Le = { class: "ant-picker-cell-inner" }, Ne = {
   // 字体大小-large
   "--das-ui-date-picker-overlay-error-color": "#FB2323",
   "--das-ui-date-picker-overlay-error-bg-color": "#FFDBE0"
+}, Ir = {
+  开始日期: { "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" }
 };
-Be(vr);
-const Br = K(Fe), Tr = K(Ue), Lr = K(er), Nr = K(tr), Er = K(cr), Rr = { name: "datePicker 日期时间选择器" };
+_e(Ir);
+He(Tr);
+const jr = ie(Ge), Kr = ie(lr), Xr = ie(pr), Gr = ie(hr), Jr = ie(wr), Qr = { name: "datePicker 日期时间选择器" };
 export {
-  Br as DasDatePicker,
-  Tr as DasDateRangePicker,
-  Lr as DasRangePicker,
-  Nr as DasTimePicker,
-  Er as DasTimeRangePicker,
-  Rr as default
+  jr as DasDatePicker,
+  Kr as DasDateRangePicker,
+  Xr as DasRangePicker,
+  Gr as DasTimePicker,
+  Jr as DasTimeRangePicker,
+  Qr as default
 };