@das-fed/upf-ui 6.4.0-dev.297 → 6.4.0-dev.298

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

@@ -1,15 +1,15 @@
-import { withInstall as xe } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Ee, useCssVars as Be, ref as n, watch as ce, computed as r, useAttrs as Re, onBeforeUnmount as je, openBlock as y, createElementBlock as M, normalizeClass as Ie, unref as d, normalizeStyle as he, createVNode as $, withCtx as h, withDirectives as Ne, createBlock as ve, mergeProps as Fe, createSlots as pt, renderSlot as P, normalizeProps as qe, guardReactiveProps as Ke, createElementVNode as J, toDisplayString as ae, Fragment as Ve, createCommentVNode as H, nextTick as Te, createTextVNode as at, renderList as lt, withModifiers as vt } from "vue";
-import { ConfigProvider as Ue, DatePicker as ft, RangePicker as mt, Dropdown as ht, Menu as yt, MenuItem as kt, TimePicker as bt, TimeRangePicker as gt } from "ant-design-vue";
-import { DasAutoRegisterIcon as ot, DasIcon as Se } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasTooltip as He } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as We } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { withInstall as Ae } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as Ee, useCssVars as Be, ref as u, watch as ce, computed as a, useAttrs as Re, onBeforeUnmount as qe, openBlock as k, createElementBlock as V, normalizeClass as Ve, unref as d, normalizeStyle as he, createVNode as F, withCtx as y, withDirectives as Ne, createBlock as fe, mergeProps as Ie, createSlots as vt, renderSlot as L, normalizeProps as Ke, guardReactiveProps as He, createElementVNode as Q, toDisplayString as oe, Fragment as De, createCommentVNode as x, nextTick as Te, createTextVNode as ot, renderList as lt, withModifiers as ft } from "vue";
+import { ConfigProvider as Ue, DatePicker as pt, RangePicker as mt, Dropdown as ht, Menu as yt, MenuItem as kt, TimePicker as bt, TimeRangePicker as gt } from "ant-design-vue";
+import { DasAutoRegisterIcon as rt, DasIcon as Se } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasTooltip as Xe } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as Oe } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
 import { useModelValue as ye } from "@das-fed/upf-utils/vue";
-import { vHoverInside as _e } from "@das-fed/upf-utils/directive/hoverInside/index";
-import { useZIndex as Xe } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { currentLang as _, loadLocale as Ge, t as $e, setI18nRule as Tt } from "@das-fed/upf-web/packages/i18n/index";
-import { calcTextWidth as Je } from "@das-fed/upf-utils/common-tools";
-import { isTimeZonePickerModeEnabled as L, getTimeZoneDayjs as Le, resolvePickerTimeZone as Ae, toTimeZonePickerValue as Pe, fromTimeZonePickerValue as Qe } from "@das-fed/upf-utils/common-tools/timezone-format";
+import { vHoverInside as We } from "@das-fed/upf-utils/directive/hoverInside/index";
+import { useZIndex as Ge } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { currentLang as Y, loadLocale as Je, t as $e, setI18nRule as Tt } from "@das-fed/upf-web/packages/i18n/index";
+import { calcTextWidth as Qe } from "@das-fed/upf-utils/common-tools";
+import { isTimeZonePickerModeEnabled as P, getTimeZoneDayjs as Le, resolvePickerTimeZone as Pe, toTimeZonePickerValue as Fe, fromTimeZonePickerValue as _e } from "@das-fed/upf-utils/common-tools/timezone-format";
 import "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
 import Me from "dayjs";
@@ -23,17 +23,17 @@ import '@das-fed/upf-ui/packages/components/date-picker/style.css';
 const ut = {
   now: ".ant-picker-now-btn",
   today: ".ant-picker-today-btn"
-}, et = (T) => {
-  const S = T.target;
+}, et = (r) => {
+  const S = r.target;
   return S instanceof Element ? S.closest(ut.now) ? "now" : S.closest(ut.today) ? "today" : "" : "";
-}, it = (T, S) => {
-  if (!S || !L(T)) return null;
-  const l = Le()().tz(Ae(T));
+}, it = (r, S) => {
+  if (!S || !P(r)) return null;
+  const l = Le()().tz(Pe(r));
   return S === "today" ? l.startOf("day") : l;
-}, st = (T, S, l) => it(S, l) || T, dt = (T, S, l) => {
-  const t = it(S, l);
-  return !t || !Array.isArray(T) ? T : T.map((k) => k && t);
-}, Ce = (T, S, l) => typeof document > "u" ? !1 : S && !l ? (document.addEventListener("click", T, !0), !0) : !S && l ? (document.removeEventListener("click", T, !0), !1) : l, Zt = {
+}, st = (r, S, l) => it(S, l) || r, dt = (r, S, l) => {
+  const e = it(S, l);
+  return !e || !Array.isArray(r) ? r : r.map((b) => b && e);
+}, Ce = (r, S, l) => typeof document > "u" ? !1 : S && !l ? (document.addEventListener("click", r, !0), !0) : !S && l ? (document.removeEventListener("click", r, !0), !1) : l, Zt = {
   key: 0,
   class: "das-date-picker-error-label-content"
 }, St = {
@@ -68,291 +68,318 @@ const ut = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(T, { expose: S, emit: l }) {
-    Be((e) => ({
-      "6cf6492a": N.value,
-      "4d479822": we.value
+  setup(r, { expose: S, emit: l }) {
+    Be((t) => ({
+      v6cf6492a: O.value,
+      v4d479822: we.value
     }));
-    const t = T, k = l;
-    ot({
+    const e = r, b = l;
+    rt({
       right: import("@das-fed/upf-ui/packages/icons/right"),
       left: import("@das-fed/upf-ui/packages/icons/left"),
       "double-arrow-left": import("@das-fed/upf-ui/packages/icons/double-arrow-left"),
       "double-arrow-right": import("@das-fed/upf-ui/packages/icons/double-arrow-right"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const O = n(void 0);
-    ce(_, async () => {
-      O.value = await Ge(_.value);
+    const j = u(void 0);
+    ce(Y, async () => {
+      j.value = await Je(Y.value);
     }, { immediate: !0 });
-    const A = r(() => `date-picker-${_.value}`), v = n(null), X = n(null), f = n(""), V = n(!1), Z = Re(), x = r(() => t.size === "table" || t.size === "middle" || t.size === "default" ? "middle" : t.size), Y = ye(t, "modelValue"), G = ye(t, "error"), w = r(() => String(Z.picker ?? "date")), R = r(() => t.format ?? Z.format), I = r(() => t.showTime ?? Z.showTime ?? Z["show-time"]), j = r(() => t.valueFormat ?? Z.valueFormat ?? Z["value-format"]), B = r(() => ({
-      timeZoneMode: t.timeZoneMode,
-      timeZone: t.timeZone,
-      useClientTimeZone: t.useClientTimeZone,
+    const A = a(() => `date-picker-${Y.value}`), f = u(null), G = u(null), p = u(""), M = u(!1), Z = Re(), E = a(() => e.size === "table" || e.size === "middle" || e.size === "default" ? "middle" : e.size), q = ye(e, "modelValue"), J = ye(e, "error"), w = a(() => String(Z.picker ?? "date")), N = a(() => e.format ?? Z.format), I = a(() => e.showTime ?? Z.showTime ?? Z["show-time"]), K = a(() => e.valueFormat ?? Z.valueFormat ?? Z["value-format"]), R = a(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
       // timeZoneValueFormat 是最高优先级；未传时兼容旧业务继续使用 valueFormat 控制输出。
-      timeZoneValueFormat: t.timeZoneValueFormat ?? j.value
-    })), q = r(() => L(B.value)), fe = r(() => {
-      if (!q.value) return Z;
-      const { valueFormat: e, "value-format": i, ...s } = Z;
+      timeZoneValueFormat: e.timeZoneValueFormat ?? K.value
+    })), H = a(() => P(R.value)), pe = a(() => {
+      if (!H.value) return Z;
+      const { valueFormat: t, "value-format": i, ...s } = Z;
       return s;
-    }), Q = r(() => Pe(Y.value, B.value)), le = r(() => q.value ? void 0 : j.value), ne = r(() => q.value ? "das-ui-time-zone-picker-dropdown" : ""), ue = r(() => !I.value), ee = r(() => q.value ? Le()().tz(Ae(B.value)).format("YYYY-MM-DD") : ""), p = (e) => {
+    }), _ = a(() => Fe(q.value, R.value)), le = a(() => H.value ? void 0 : K.value), ne = a(() => H.value ? "das-ui-time-zone-picker-dropdown" : ""), ue = a(() => !I.value), ee = a(() => H.value ? Le()().tz(Pe(R.value)).format("YYYY-MM-DD") : ""), h = (t) => {
       var i;
-      return Array.isArray(e) ? e.map(p) : e != null && e.format ? {
-        text: e.format("YYYY-MM-DD HH:mm:ss.SSS Z"),
-        iso: (i = e.toISOString) == null ? void 0 : i.call(e),
+      return Array.isArray(t) ? t.map(h) : t != null && t.format ? {
+        text: t.format("YYYY-MM-DD HH:mm:ss.SSS Z"),
+        iso: (i = t.toISOString) == null ? void 0 : i.call(t),
         isDayjs: !0
-      } : e;
-    }, m = (e, i = {}) => {
+      } : t;
+    }, m = (t, i = {}) => {
       typeof window > "u" || window.__UPF_DATE_PICKER_TZ_DEBUG__;
-    }, E = (e, i) => {
-      if (!ue.value || !q.value) return e;
+    }, B = (t, i) => {
+      if (!ue.value || !H.value) return t;
       if (w.value === "date" && typeof i == "string" && i)
-        return Le()(i).tz(Ae(B.value), !0);
-      if (Me.isDayjs(e)) return e.startOf("day");
-      if (e == null || e === "") return e;
-      const s = Me(e);
-      return s.isValid() ? s.startOf("day") : e;
-    }, ie = (e) => {
+        return Le()(i).tz(Pe(R.value), !0);
+      if (Me.isDayjs(t)) return t.startOf("day");
+      if (t == null || t === "") return t;
+      const s = Me(t);
+      return s.isValid() ? s.startOf("day") : t;
+    }, ie = (t) => {
       var i;
-      return !ee.value || !((i = e == null ? void 0 : e.isValid) != null && i.call(e)) ? !1 : e.format("YYYY-MM-DD") === ee.value;
-    }, pe = r(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || $e("请选择日期")), C = r(() => ({
-      width: t.width
-    })), N = r(() => t.width ? t.width : "230px"), se = r(() => t.formSize), we = r(() => t.height ? t.height : se.value ? {
+      return !ee.value || !((i = t == null ? void 0 : t.isValid) != null && i.call(t)) ? !1 : t.format("YYYY-MM-DD") === ee.value;
+    }, ve = a(() => e.isView ? e.noSetDefaultVal ? "" : "-" : e.placeholder || $e("请选择日期")), C = a(() => ({
+      width: e.width
+    })), O = a(() => e.width ? e.width : "230px"), se = a(() => e.formSize), we = a(() => e.height ? e.height : se.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[se.value] : "auto"), K = n(3e3), Ze = r(() => ({
-      "z-index": K.value
-    })), F = n(!1), de = n({
+    }[se.value] : "auto"), U = u(3e3), Ze = a(() => ({
+      "z-index": U.value
+    })), $ = u(!1), de = u({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), z = n(!1), D = n(""), ke = r(() => Q.value ? D.value : pe.value), ze = () => {
-      const e = t.size === "table" ? 12 : 14;
-      return Je(pe.value, e);
+    }), z = u(!1), D = u(""), ke = a(() => _.value ? D.value : ve.value), xe = () => {
+      const t = e.size === "table" ? 12 : 14;
+      return Qe(ve.value, t);
     }, be = () => {
       var i;
-      const e = (i = v.value) == null ? void 0 : i.$el.querySelector(".ant-picker-input>input");
-      return Q.value ? e == null ? void 0 : e.scrollWidth : ze();
-    }, De = () => {
+      const t = (i = f.value) == null ? void 0 : i.$el.querySelector(".ant-picker-input>input");
+      return _.value ? t == null ? void 0 : t.scrollWidth : xe();
+    }, ze = () => {
       var s;
-      const e = (s = v.value) == null ? void 0 : s.$el.querySelector(".ant-picker-input>input");
-      return e ? (D.value = e.getAttribute("value"), e.removeAttribute("title"), (e == null ? void 0 : e.offsetWidth) ?? 0) : 0;
-    }, U = n(0), me = n(0);
-    ce(() => [pe.value, Q.value], () => {
+      const t = (s = f.value) == null ? void 0 : s.$el.querySelector(".ant-picker-input>input");
+      return t ? (D.value = t.getAttribute("value"), t.removeAttribute("title"), (t == null ? void 0 : t.offsetWidth) ?? 0) : 0;
+    }, X = u(0), me = u(0);
+    ce(() => [ve.value, _.value], () => {
       Te(() => {
-        U.value = De(), me.value = be(), (U.value === me.value || me.value - U.value < 1) && (z.value = !1);
+        X.value = ze(), me.value = be(), (X.value === me.value || me.value - X.value < 1) && (z.value = !1);
       });
     });
-    const a = n();
+    const n = u();
     ce(
       () => {
-        var e;
-        return (e = X.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        var t;
+        return (t = G.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
       },
-      (e) => {
-        e && (e.addEventListener("mouseenter", function() {
-          z.value = !0, a.value && clearTimeout(a.value);
-        }), e.addEventListener("mouseleave", function() {
-          a.value = setTimeout(() => {
+      (t) => {
+        t && (t.addEventListener("mouseenter", function() {
+          z.value = !0, n.value && clearTimeout(n.value);
+        }), t.addEventListener("mouseleave", function() {
+          n.value = setTimeout(() => {
             z.value = !1;
           }, 200);
         }));
       }
     );
-    const c = (e) => {
-      e && (K.value = Xe().nextZIndex()), e ? W() : te(), k("openChange", e), _.value === "en-US" && Te(() => {
+    const c = (t) => {
+      t && (U.value = Ge().nextZIndex()), t ? W() : te(), b("openChange", t), Y.value === "en-US" && Te(() => {
         const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
         for (let s of i)
           s && (s.innerText = "OK");
       });
-    }, b = (e) => {
-      L(B.value) && (f.value = et(e));
+    }, g = (t) => {
+      P(R.value) && (p.value = et(t));
     }, W = () => {
-      f.value = "", V.value = Ce(
-        b,
-        L(B.value),
-        V.value
+      p.value = "", M.value = Ce(
+        g,
+        P(R.value),
+        M.value
       );
     }, te = () => {
-      V.value = Ce(b, !1, V.value);
+      M.value = Ce(g, !1, M.value);
     };
-    je(() => {
-      te(), f.value = "";
+    qe(() => {
+      te(), p.value = "";
     });
-    const oe = () => {
-      U.value = De(), me.value = be(), U.value === me.value || me.value - U.value < 1 ? z.value = !1 : (z.value = !0, a.value && clearTimeout(a.value)), F.value = !0;
+    const re = () => {
+      X.value = ze(), me.value = be(), X.value === me.value || me.value - X.value < 1 ? z.value = !1 : (z.value = !0, n.value && clearTimeout(n.value)), $.value = !0;
     }, tt = () => {
-      a.value = setTimeout(() => {
+      n.value = setTimeout(() => {
         z.value = !1;
-      }, 200), F.value = !1;
-    }, Ye = (e, i) => {
-      e ? oe() : tt();
-    }, rt = (e, i) => {
-      G.value = !1, k("update:error", G.value);
-      const s = st(e, B.value, f.value);
-      f.value = "";
-      const g = E(s, i);
+      }, 200), $.value = !1;
+    }, je = (t, i) => {
+      t ? re() : tt();
+    }, at = (t, i) => {
+      J.value = !1, b("update:error", J.value);
+      const s = st(t, R.value, p.value);
+      p.value = "";
+      const T = B(s, i);
       m("change:before-format", {
-        rawDateType: typeof e,
-        rawDateIsDayjs: Me.isDayjs(e),
-        rawDate: p(e),
+        rawDateType: typeof t,
+        rawDateIsDayjs: Me.isDayjs(t),
+        rawDate: h(t),
         rawDateString: i,
         shortcutDateType: typeof s,
         shortcutDateIsDayjs: Me.isDayjs(s),
-        shortcutDate: p(s),
-        normalizedDate: p(g)
+        shortcutDate: h(s),
+        normalizedDate: h(T)
       });
-      const re = q.value ? Qe(g, B.value) : g, ge = q.value && re != null ? String(re) : i;
+      const ae = H.value ? _e(T, R.value) : T, ge = H.value && ae != null ? String(ae) : i;
       m("change:emit", {
-        nextValue: p(re),
+        nextValue: h(ae),
         nextDateString: ge
-      }), k("update:model-value", re), k("change", re, ge);
+      }), b("update:model-value", ae), b("change", ae, ge);
     };
     return S({
-      $datePicker: v,
+      $datePicker: f,
       blur: () => {
-        v.value.blur();
+        f.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        f.value.focus();
       }
-    }), (e, i) => (y(), M("div", {
-      class: Ie(["das-ui-date-picker", [e.borderType, t.isView ? "readonly" : "", d(G) ? "is-error" : ""]]),
-      style: he(C.value)
-    }, [
-      $(d(Ue), { locale: O.value }, {
-        default: h(() => [
-          $(d(He), {
-            ref_key: "inputTooltipRef",
-            ref: X,
-            placement: "top",
-            trigger: "hover",
-            visible: z.value,
-            disabled: !e.isTooltip,
-            content: ke.value
-          }, {
-            default: h(() => {
-              var s;
-              return [
-                Ne((y(), ve(d(ft), Fe({
-                  key: A.value,
-                  ref_key: "$datePicker",
-                  ref: v
-                }, fe.value, {
-                  value: Q.value,
-                  format: R.value,
-                  valueFormat: le.value,
-                  size: x.value,
-                  locale: (s = O.value) == null ? void 0 : s.DatePicker,
-                  dropdownClassName: "das-ui-date-picker-dropdown " + ne.value + " " + e.dropdownClassName,
-                  placeholder: pe.value,
-                  showToday: e.showToday,
-                  showTime: I.value,
-                  bordered: e.borderType === "bordered",
-                  disabled: t.disabled || t.isView,
-                  style: C.value,
-                  popupStyle: Ze.value,
-                  onChange: rt,
-                  onOpenChange: c
-                }), pt({
-                  dateRender: h((g) => [
-                    P(e.$slots, "dateRender", qe(Ke(g)), () => [
-                      J("div", {
-                        class: Ie(["ant-picker-cell-inner", { "das-time-zone-picker-cell-today": ie(g.current) }])
-                      }, ae(g.current.date()), 3)
-                    ], !0)
-                  ]),
-                  nextIcon: h(() => [
-                    P(e.$slots, "nextIcon", {}, () => [
-                      $(d(Se), {
-                        icon: "right",
-                        size: "medium"
-                      })
-                    ], !0)
-                  ]),
-                  prevIcon: h(() => [
-                    P(e.$slots, "prevIcon", {}, () => [
-                      $(d(Se), {
-                        icon: "left",
-                        size: "medium"
-                      })
-                    ], !0)
-                  ]),
-                  superNextIcon: h(() => [
-                    P(e.$slots, "superNextIcon", {}, () => [
-                      $(d(Se), {
-                        icon: "double-arrow-right",
-                        size: "medium"
-                      })
-                    ], !0)
-                  ]),
-                  superPrevIcon: h(() => [
-                    P(e.$slots, "superPrevIcon", {}, () => [
-                      $(d(Se), {
-                        icon: "double-arrow-left",
-                        size: "medium"
-                      })
-                    ], !0)
-                  ]),
-                  suffixIcon: h(() => [
-                    P(e.$slots, "suffixIcon", {}, () => [
-                      $(d(Se), {
-                        class: "das-suffix-icon",
-                        icon: "riqixuanze",
-                        size: "medium",
-                        "icon-color": "#666666"
-                      })
-                    ], !0)
-                  ]),
-                  _: 2
-                }, [
-                  e.$slots.renderExtraFooter ? {
-                    name: "renderExtraFooter",
-                    fn: h(() => [
-                      P(e.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (t, i) => (k(), V(
+      "div",
+      {
+        class: Ve(["das-ui-date-picker", [r.borderType, e.isView ? "readonly" : "", d(J) ? "is-error" : ""]]),
+        style: he(C.value)
+      },
+      [
+        F(d(Ue), { locale: j.value }, {
+          default: y(() => [
+            F(d(Xe), {
+              ref_key: "inputTooltipRef",
+              ref: G,
+              placement: "top",
+              trigger: "hover",
+              visible: z.value,
+              disabled: !r.isTooltip,
+              content: ke.value
+            }, {
+              default: y(() => {
+                var s;
+                return [
+                  Ne((k(), fe(d(pt), Ie({
+                    key: A.value,
+                    ref_key: "$datePicker",
+                    ref: f
+                  }, pe.value, {
+                    value: _.value,
+                    format: N.value,
+                    valueFormat: le.value,
+                    size: E.value,
+                    locale: (s = j.value) == null ? void 0 : s.DatePicker,
+                    dropdownClassName: "das-ui-date-picker-dropdown " + ne.value + " " + r.dropdownClassName,
+                    placeholder: ve.value,
+                    showToday: r.showToday,
+                    showTime: I.value,
+                    bordered: r.borderType === "bordered",
+                    disabled: e.disabled || e.isView,
+                    style: C.value,
+                    popupStyle: Ze.value,
+                    onChange: at,
+                    onOpenChange: c
+                  }), vt({
+                    dateRender: y((T) => [
+                      L(t.$slots, "dateRender", Ke(He(T)), () => [
+                        Q(
+                          "div",
+                          {
+                            class: Ve(["ant-picker-cell-inner", { "das-time-zone-picker-cell-today": ie(T.current) }])
+                          },
+                          oe(T.current.date()),
+                          3
+                          /* TEXT, CLASS */
+                        )
+                      ], !0)
                     ]),
-                    key: "0"
-                  } : void 0
-                ]), 1040, ["value", "format", "valueFormat", "size", "locale", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                  [d(_e), Ye]
-                ])
-              ];
-            }),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      e.error && e.errorLabel ? (y(), M(Ve, { key: 0 }, [
-        e.errorMode === "default" ? (y(), M("div", Zt, [
-          J("span", {
-            style: he(de.value)
-          }, ae(e.errorLabel), 5)
-        ])) : H("", !0),
-        e.errorMode === "overlay" && F.value ? (y(), ve(d(We), {
-          key: 1,
-          errorLabel: e.errorLabel,
-          getEl: () => {
-            var s;
-            return (s = v.value) == null ? void 0 : s.$el;
-          },
-          errorModelZIndex: e.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
-      ], 64)) : H("", !0)
-    ], 6));
+                    nextIcon: y(() => [
+                      L(t.$slots, "nextIcon", {}, () => [
+                        F(d(Se), {
+                          icon: "right",
+                          size: "medium"
+                        })
+                      ], !0)
+                    ]),
+                    prevIcon: y(() => [
+                      L(t.$slots, "prevIcon", {}, () => [
+                        F(d(Se), {
+                          icon: "left",
+                          size: "medium"
+                        })
+                      ], !0)
+                    ]),
+                    superNextIcon: y(() => [
+                      L(t.$slots, "superNextIcon", {}, () => [
+                        F(d(Se), {
+                          icon: "double-arrow-right",
+                          size: "medium"
+                        })
+                      ], !0)
+                    ]),
+                    superPrevIcon: y(() => [
+                      L(t.$slots, "superPrevIcon", {}, () => [
+                        F(d(Se), {
+                          icon: "double-arrow-left",
+                          size: "medium"
+                        })
+                      ], !0)
+                    ]),
+                    suffixIcon: y(() => [
+                      L(t.$slots, "suffixIcon", {}, () => [
+                        F(d(Se), {
+                          class: "das-suffix-icon",
+                          icon: "riqixuanze",
+                          size: "medium",
+                          "icon-color": "#666666"
+                        })
+                      ], !0)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    t.$slots.renderExtraFooter ? {
+                      name: "renderExtraFooter",
+                      fn: y(() => [
+                        L(t.$slots, "renderExtraFooter", {}, void 0, !0)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040, ["value", "format", "valueFormat", "size", "locale", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                    [d(We), je]
+                  ])
+                ];
+              }),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        r.error && r.errorLabel ? (k(), V(
+          De,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (k(), V("div", Zt, [
+              Q(
+                "span",
+                {
+                  style: he(de.value)
+                },
+                oe(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : x("v-if", !0),
+            r.errorMode === "overlay" && $.value ? (k(), fe(d(Oe), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var s;
+                return (s = f.value) == null ? void 0 : s.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : x("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : x("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), Oe = (T, S) => {
-  const l = T.__vccOpts || T;
-  for (const [t, k] of S)
-    l[t] = k;
+}), Ye = (r, S) => {
+  const l = r.__vccOpts || r;
+  for (const [e, b] of S)
+    l[e] = b;
   return l;
-}, zt = /* @__PURE__ */ Oe(Ct, [["__scopeId", "data-v-4d258f15"]]), Dt = { class: "date-range-separator" }, Vt = {
+}, xt = /* @__PURE__ */ Ye(Ct, [["__scopeId", "data-v-4d258f15"]]), zt = { class: "date-range-separator" }, Dt = {
   key: 0,
   class: "das-date-picker-error-label-content"
 }, Mt = {
   name: "DasDateRangePicker"
-}, It = /* @__PURE__ */ Ee({
+}, Vt = /* @__PURE__ */ Ee({
   ...Mt,
   props: {
     timeZoneMode: {},
@@ -383,116 +410,140 @@ const ut = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(T, { emit: S }) {
-    Be((p) => ({
-      "67b14d92": Z.value,
-      d863b894: V.value
+  setup(r, { emit: S }) {
+    Be((h) => ({
+      v67b14d92: Z.value,
+      d863b894: M.value
     }));
-    const l = T, t = S, k = Re(), O = r(() => l.placeholder ?? [$e("开始日期"), $e("结束日期")]), A = ye(l, "modelValue"), v = ye(l, "error"), X = r(() => ({
+    const l = r, e = S, b = Re(), j = a(() => l.placeholder ?? [$e("开始日期"), $e("结束日期")]), A = ye(l, "modelValue"), f = ye(l, "error"), G = a(() => ({
       timeZoneMode: l.timeZoneMode,
       timeZone: l.timeZone,
       useClientTimeZone: l.useClientTimeZone,
       // 与内部 DatePicker 保持同一优先级：timeZoneValueFormat 优先，未传回退 valueFormat。
       timeZoneValueFormat: l.timeZoneValueFormat ?? l.valueFormat
-    })), f = r(() => {
-      var p, m;
-      return L(X.value) ? [
-        Pe((p = A.value) == null ? void 0 : p[0], X.value),
-        Pe((m = A.value) == null ? void 0 : m[1], X.value)
+    })), p = a(() => {
+      var h, m;
+      return P(G.value) ? [
+        Fe((h = A.value) == null ? void 0 : h[0], G.value),
+        Fe((m = A.value) == null ? void 0 : m[1], G.value)
       ] : A.value;
-    }), V = r(() => l.width ? l.width : "230px"), Z = r(() => l.height ? l.height : "auto"), x = r(() => ({ ...k, ...l.prevAttrs })), Y = r(() => ({ ...k, ...l.nextAttrs })), G = n(), w = n(!1), R = n({
+    }), M = a(() => l.width ? l.width : "230px"), Z = a(() => l.height ? l.height : "auto"), E = a(() => ({ ...b, ...l.prevAttrs })), q = a(() => ({ ...b, ...l.nextAttrs })), J = u(), w = u(!1), N = u({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
     }), I = () => {
       w.value = !0;
-    }, j = () => {
+    }, K = () => {
       w.value = !1;
-    }, B = (p, m) => {
-      p ? I() : j();
-    }, q = (p, m) => {
-      t("openChange", p, m), _.value === "en-US" && Te(() => {
-        const E = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let ie of E)
+    }, R = (h, m) => {
+      h ? I() : K();
+    }, H = (h, m) => {
+      e("openChange", h, m), Y.value === "en-US" && Te(() => {
+        const B = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let ie of B)
           ie && (ie.innerText = "OK");
       });
-    }, fe = r(() => {
-      let p = l.valueFormat ? l.valueFormat : l.format;
+    }, pe = a(() => {
+      let h = l.valueFormat ? l.valueFormat : l.format;
       return [
-        f.value[0] ? Me.isDayjs(f.value[0]) ? f.value[0].format(p) : f.value[0] : "",
-        f.value[1] ? Me.isDayjs(f.value[1]) ? f.value[1].format(p) : f.value[1] : ""
+        p.value[0] ? Me.isDayjs(p.value[0]) ? p.value[0].format(h) : p.value[0] : "",
+        p.value[1] ? Me.isDayjs(p.value[1]) ? p.value[1].format(h) : p.value[1] : ""
       ];
-    }), Q = (p) => l.disabledDate && l.disabledDate(p) === !0 ? !0 : !!(f.value[1] && p.isAfter(f.value[1], l.disabledUnit || void 0)), le = (p) => l.disabledDate && l.disabledDate(p) === !0 ? !0 : !!(f.value[0] && p.isBefore(f.value[0], l.disabledUnit || void 0)), ne = r(() => ({
+    }), _ = (h) => l.disabledDate && l.disabledDate(h) === !0 ? !0 : !!(p.value[1] && h.isAfter(p.value[1], l.disabledUnit || void 0)), le = (h) => l.disabledDate && l.disabledDate(h) === !0 ? !0 : !!(p.value[0] && h.isBefore(p.value[0], l.disabledUnit || void 0)), ne = a(() => ({
       width: l.width
-    })), ue = (p, m) => {
-      v.value = !1, t("update:model-value", A.value), t("change", A.value, fe.value);
-    }, ee = (p, m) => {
-      v.value = !1, t("update:model-value", A.value), t("change", A.value, fe.value);
+    })), ue = (h, m) => {
+      f.value = !1, e("update:model-value", A.value), e("change", A.value, pe.value);
+    }, ee = (h, m) => {
+      f.value = !1, e("update:model-value", A.value), e("change", A.value, pe.value);
     };
-    return (p, m) => Ne((y(), M("div", {
-      class: "das-ui-date-range-picker",
-      style: he(ne.value),
-      ref_key: "$dateRange",
-      ref: G
-    }, [
-      $(d(nt), Fe(x.value, {
-        modelValue: d(A)[0],
-        "onUpdate:modelValue": m[0] || (m[0] = (E) => d(A)[0] = E),
-        size: l.size,
-        valueFormat: l.valueFormat,
-        timeZoneMode: l.timeZoneMode,
-        timeZone: l.timeZone,
-        useClientTimeZone: l.useClientTimeZone,
-        timeZoneValueFormat: l.timeZoneValueFormat,
-        borderType: l.borderType,
-        error: d(v),
-        width: l.itemWidth,
-        "disabled-date": Q,
-        placeholder: O.value[0],
-        onChange: ue,
-        onOpenChange: m[1] || (m[1] = (E) => q(E, "before"))
-      }), null, 16, ["modelValue", "size", "valueFormat", "timeZoneMode", "timeZone", "useClientTimeZone", "timeZoneValueFormat", "borderType", "error", "width", "placeholder"]),
-      P(p.$slots, "separator", {}, () => [
-        J("span", Dt, ae(l.separator), 1)
-      ], !0),
-      $(d(nt), Fe(Y.value, {
-        modelValue: d(A)[1],
-        "onUpdate:modelValue": m[2] || (m[2] = (E) => d(A)[1] = E),
-        size: l.size,
-        valueFormat: l.valueFormat,
-        timeZoneMode: l.timeZoneMode,
-        timeZone: l.timeZone,
-        useClientTimeZone: l.useClientTimeZone,
-        timeZoneValueFormat: l.timeZoneValueFormat,
-        borderType: l.borderType,
-        error: d(v),
-        width: l.itemWidth,
-        "disabled-date": le,
-        placeholder: O.value[1],
-        onChange: ee,
-        onOpenChange: m[3] || (m[3] = (E) => q(E, "after"))
-      }), null, 16, ["modelValue", "size", "valueFormat", "timeZoneMode", "timeZone", "useClientTimeZone", "timeZoneValueFormat", "borderType", "error", "width", "placeholder"]),
-      p.error && p.errorLabel ? (y(), M(Ve, { key: 0 }, [
-        p.errorMode === "default" ? (y(), M("div", Vt, [
-          J("span", {
-            style: he(R.value)
-          }, ae(p.errorLabel), 5)
-        ])) : H("", !0),
-        p.errorMode === "overlay" && w.value ? (y(), ve(d(We), {
-          key: 1,
-          errorLabel: p.errorLabel,
-          getEl: () => G.value,
-          errorModelZIndex: p.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
-      ], 64)) : H("", !0)
-    ], 4)), [
-      [d(_e), B]
+    return (h, m) => Ne((k(), V(
+      "div",
+      {
+        class: "das-ui-date-range-picker",
+        style: he(ne.value),
+        ref_key: "$dateRange",
+        ref: J
+      },
+      [
+        F(d(nt), Ie(E.value, {
+          modelValue: d(A)[0],
+          "onUpdate:modelValue": m[0] || (m[0] = (B) => d(A)[0] = B),
+          size: l.size,
+          valueFormat: l.valueFormat,
+          timeZoneMode: l.timeZoneMode,
+          timeZone: l.timeZone,
+          useClientTimeZone: l.useClientTimeZone,
+          timeZoneValueFormat: l.timeZoneValueFormat,
+          borderType: l.borderType,
+          error: d(f),
+          width: l.itemWidth,
+          "disabled-date": _,
+          placeholder: j.value[0],
+          onChange: ue,
+          onOpenChange: m[1] || (m[1] = (B) => H(B, "before"))
+        }), null, 16, ["modelValue", "size", "valueFormat", "timeZoneMode", "timeZone", "useClientTimeZone", "timeZoneValueFormat", "borderType", "error", "width", "placeholder"]),
+        L(h.$slots, "separator", {}, () => [
+          Q(
+            "span",
+            zt,
+            oe(l.separator),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        F(d(nt), Ie(q.value, {
+          modelValue: d(A)[1],
+          "onUpdate:modelValue": m[2] || (m[2] = (B) => d(A)[1] = B),
+          size: l.size,
+          valueFormat: l.valueFormat,
+          timeZoneMode: l.timeZoneMode,
+          timeZone: l.timeZone,
+          useClientTimeZone: l.useClientTimeZone,
+          timeZoneValueFormat: l.timeZoneValueFormat,
+          borderType: l.borderType,
+          error: d(f),
+          width: l.itemWidth,
+          "disabled-date": le,
+          placeholder: j.value[1],
+          onChange: ee,
+          onOpenChange: m[3] || (m[3] = (B) => H(B, "after"))
+        }), null, 16, ["modelValue", "size", "valueFormat", "timeZoneMode", "timeZone", "useClientTimeZone", "timeZoneValueFormat", "borderType", "error", "width", "placeholder"]),
+        r.error && r.errorLabel ? (k(), V(
+          De,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (k(), V("div", Dt, [
+              Q(
+                "span",
+                {
+                  style: he(N.value)
+                },
+                oe(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : x("v-if", !0),
+            r.errorMode === "overlay" && w.value ? (k(), fe(d(Oe), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => J.value,
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : x("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : x("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    )), [
+      [d(We), R]
     ]);
   }
-}), Ft = /* @__PURE__ */ Oe(It, [["__scopeId", "data-v-7dcb0d60"]]), $t = { class: "das-picker-footer-extra" }, Pt = {
+}), It = /* @__PURE__ */ Ye(Vt, [["__scopeId", "data-v-7dcb0d60"]]), $t = { class: "das-picker-footer-extra" }, Ft = {
   key: 0,
   class: "das-picker-ranges"
-}, Lt = { class: "das-picker-preset-span" }, At = ["onClick"], xt = {
+}, Lt = { class: "das-picker-preset-span" }, Pt = ["onClick"], At = {
   key: 0,
   class: "das-date-picker-error-label-content"
 }, Et = {
@@ -528,316 +579,424 @@ const ut = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(T, { expose: S, emit: l }) {
+  setup(r, { expose: S, emit: l }) {
     Be((o) => ({
-      "3d463760": p.value,
-      "3070abdd": E.value
+      v3d463760: h.value,
+      v3070abdd: B.value
     }));
-    const t = T, k = l;
-    ot({
+    const e = r, b = l;
+    rt({
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const O = n(void 0);
-    ce(_, async () => {
-      O.value = await Ge(_.value);
+    const j = u(void 0);
+    ce(Y, async () => {
+      j.value = await Je(Y.value);
     }, { immediate: !0 });
-    const A = r(() => `range-picker-${_.value}`), v = n(null), X = n(null), f = n(""), V = n(!1), Z = Re(), x = r(() => t.size === "table" || t.size === "middle" || t.size === "default" ? "middle" : t.size), Y = ye(t, "modelValue"), G = ye(t, "error"), w = r(() => t.valueFormat ?? Z.valueFormat ?? Z["value-format"]), R = r(() => ({
-      timeZoneMode: t.timeZoneMode,
-      timeZone: t.timeZone,
-      useClientTimeZone: t.useClientTimeZone,
+    const A = a(() => `range-picker-${Y.value}`), f = u(null), G = u(null), p = u(""), M = u(!1), Z = Re(), E = a(() => e.size === "table" || e.size === "middle" || e.size === "default" ? "middle" : e.size), q = ye(e, "modelValue"), J = ye(e, "error"), w = a(() => e.valueFormat ?? Z.valueFormat ?? Z["value-format"]), N = a(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
       // timeZoneValueFormat 是最高优先级；未传时兼容旧业务继续使用 valueFormat 控制输出。
-      timeZoneValueFormat: t.timeZoneValueFormat ?? w.value
-    })), I = r(() => {
-      if (!(!Array.isArray(Y.value) || Y.value.length !== 2))
-        return L(R.value) ? Y.value.map((o) => Pe(o, R.value)) : Y.value;
-    }), j = r(() => L(R.value)), B = r(() => String(Z.picker ?? "date")), q = r(() => {
-      if (!j.value) return Z;
-      const { valueFormat: o, "value-format": e, ...i } = Z;
+      timeZoneValueFormat: e.timeZoneValueFormat ?? w.value
+    })), I = a(() => {
+      if (!(!Array.isArray(q.value) || q.value.length !== 2))
+        return P(N.value) ? q.value.map((o) => Fe(o, N.value)) : q.value;
+    }), K = a(() => P(N.value)), R = a(() => String(Z.picker ?? "date")), H = a(() => {
+      if (!K.value) return Z;
+      const { valueFormat: o, "value-format": t, ...i } = Z;
       return i;
-    }), fe = r(() => j.value ? void 0 : w.value), Q = r(
-      () => j.value ? "das-ui-time-zone-picker-dropdown" : ""
-    ), le = r(() => !t.showTime), ne = r(() => j.value ? Le()().tz(Ae(R.value)).format("YYYY-MM-DD") : ""), ue = (o) => {
-      var e;
-      return !ne.value || !((e = o == null ? void 0 : o.isValid) != null && e.call(o)) ? !1 : o.format("YYYY-MM-DD") === ne.value;
-    }, ee = (o, e) => !Array.isArray(o) || !le.value || !j.value ? o : B.value === "date" && Array.isArray(e) ? o.map((i, s) => {
-      const g = e[s];
-      return !i || !g ? i : Le()(g).tz(Ae(R.value), !0);
-    }) : o.map((i) => i != null && i.format ? i.startOf("day") : i), p = r(() => t.width ? t.width : "230px"), m = r(() => t.formSize), E = r(() => t.height ? t.height : m.value ? {
+    }), pe = a(() => K.value ? void 0 : w.value), _ = a(
+      () => K.value ? "das-ui-time-zone-picker-dropdown" : ""
+    ), le = a(() => !e.showTime), ne = a(() => K.value ? Le()().tz(Pe(N.value)).format("YYYY-MM-DD") : ""), ue = (o) => {
+      var t;
+      return !ne.value || !((t = o == null ? void 0 : o.isValid) != null && t.call(o)) ? !1 : o.format("YYYY-MM-DD") === ne.value;
+    }, ee = (o, t) => !Array.isArray(o) || !le.value || !K.value ? o : R.value === "date" && Array.isArray(t) ? o.map((i, s) => {
+      const T = t[s];
+      return !i || !T ? i : Le()(T).tz(Pe(N.value), !0);
+    }) : o.map((i) => i != null && i.format ? i.startOf("day") : i), h = a(() => e.width ? e.width : "230px"), m = a(() => e.formSize), B = a(() => e.height ? e.height : m.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[m.value] : "auto"), ie = n(3e3), pe = r(() => ({
+    }[m.value] : "auto"), ie = u(3e3), ve = a(() => ({
       "z-index": ie.value
-    })), C = n(!1), N = n({
+    })), C = u(!1), O = u({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), se = r(() => {
+    }), se = a(() => {
       var o;
-      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (o = t.placeholder) == null ? void 0 : o.map((e) => $e(e));
-    }), we = r(() => ({
-      width: t.width
-    })), K = n(!1), Ze = n(["", ""]), F = n("~"), de = r(() => {
+      return e.isView ? e.noSetDefaultVal ? ["", ""] : ["-", "-"] : (o = e.placeholder) == null ? void 0 : o.map((t) => $e(t));
+    }), we = a(() => ({
+      width: e.width
+    })), U = u(!1), Ze = u(["", ""]), $ = u("~"), de = a(() => {
       var o;
-      return (o = I.value) != null && o.length && I.value[0] && I.value[1] ? Ze.value.join(" " + F.value + " ") : se.value.join(" " + F.value + " ");
-    }), z = n([0, 0]), D = n([0, 0]), ke = () => {
+      return (o = I.value) != null && o.length && I.value[0] && I.value[1] ? Ze.value.join(" " + $.value + " ") : se.value.join(" " + $.value + " ");
+    }), z = u([0, 0]), D = u([0, 0]), ke = () => {
       var s;
       let o = [];
-      const e = (s = v.value) == null ? void 0 : s.$el.querySelectorAll(".ant-picker-input>input");
-      if (!e)
+      const t = (s = f.value) == null ? void 0 : s.$el.querySelectorAll(".ant-picker-input>input");
+      if (!t)
         return o = [0, 0], o;
       let i = [];
-      for (let g of e) {
-        i.push(g.getAttribute("value") || "");
-        let re = (g == null ? void 0 : g.offsetWidth) ?? 0;
-        o.push(re);
+      for (let T of t) {
+        i.push(T.getAttribute("value") || "");
+        let ae = (T == null ? void 0 : T.offsetWidth) ?? 0;
+        o.push(ae);
       }
       return Ze.value = i, o;
-    }, ze = (o) => {
-      const e = t.size === "table" ? 12 : 14;
-      return Je(o, e);
+    }, xe = (o) => {
+      const t = e.size === "table" ? 12 : 14;
+      return Qe(o, t);
     }, be = () => {
       var i;
       let o = [];
-      return ((i = v.value) == null ? void 0 : i.$el.querySelectorAll(".ant-picker-input>input")).forEach((s, g) => {
-        var re;
-        (re = I.value) != null && re.length && I.value[0] && I.value[0] ? o.push(s == null ? void 0 : s.scrollWidth) : o.push(ze(se.value[g]));
+      return ((i = f.value) == null ? void 0 : i.$el.querySelectorAll(".ant-picker-input>input")).forEach((s, T) => {
+        var ae;
+        (ae = I.value) != null && ae.length && I.value[0] && I.value[0] ? o.push(s == null ? void 0 : s.scrollWidth) : o.push(xe(se.value[T]));
       }), o;
     };
     ce(() => [se.value, I.value], () => {
       Te(() => {
-        z.value = ke(), D.value = be(), (z.value[0] === D.value[0] || D.value[0] - z.value[0] < 1) && (z.value[1] === D.value[1] || D.value[1] - z.value[1] < 1) && (K.value = !1);
+        z.value = ke(), D.value = be(), (z.value[0] === D.value[0] || D.value[0] - z.value[0] < 1) && (z.value[1] === D.value[1] || D.value[1] - z.value[1] < 1) && (U.value = !1);
       });
     });
-    const U = n();
+    const X = u();
     ce(
       () => {
         var o;
-        return (o = X.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
+        return (o = G.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
       },
       (o) => {
         o && (o.addEventListener("mouseenter", function() {
-          K.value = !0, U.value && clearTimeout(U.value);
+          U.value = !0, X.value && clearTimeout(X.value);
         }), o.addEventListener("mouseleave", function() {
-          U.value = setTimeout(() => {
-            K.value = !1;
+          X.value = setTimeout(() => {
+            U.value = !1;
           }, 200);
         }));
       }
     );
     const me = (o) => {
-      o && (ie.value = Xe().nextZIndex()), o ? a() : c(), k("openChange", o), _.value === "en-US" && Te(() => {
-        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let i of e)
+      o && (ie.value = Ge().nextZIndex()), o ? n() : c(), b("openChange", o), Y.value === "en-US" && Te(() => {
+        const t = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let i of t)
           i && (i.innerText = "OK");
       });
-    }, u = (o) => {
-      L(R.value) && (f.value = et(o));
-    }, a = () => {
-      f.value = "", V.value = Ce(
-        u,
-        L(R.value),
-        V.value
+    }, v = (o) => {
+      P(N.value) && (p.value = et(o));
+    }, n = () => {
+      p.value = "", M.value = Ce(
+        v,
+        P(N.value),
+        M.value
       );
     }, c = () => {
-      V.value = Ce(u, !1, V.value);
+      M.value = Ce(v, !1, M.value);
     };
-    je(() => {
-      c(), f.value = "";
+    qe(() => {
+      c(), p.value = "";
     });
-    const b = () => {
-      z.value = ke(), D.value = be(), (z.value[0] === D.value[0] || D.value[0] - z.value[0] < 1) && (z.value[1] === D.value[1] || D.value[1] - z.value[1] < 1) ? K.value = !1 : (K.value = !0, U.value && clearTimeout(U.value)), C.value = !0;
+    const g = () => {
+      z.value = ke(), D.value = be(), (z.value[0] === D.value[0] || D.value[0] - z.value[0] < 1) && (z.value[1] === D.value[1] || D.value[1] - z.value[1] < 1) ? U.value = !1 : (U.value = !0, X.value && clearTimeout(X.value)), C.value = !0;
     }, W = () => {
-      U.value = setTimeout(() => {
-        K.value = !1;
+      X.value = setTimeout(() => {
+        U.value = !1;
       }, 200), C.value = !1;
-    }, te = (o, e) => {
-      o ? b() : W();
-    }, oe = (o, e) => {
-      const i = dt(o, R.value, f.value);
-      f.value = "";
-      const s = ee(i, e), g = j.value && Array.isArray(s) ? s.map((ge) => ge && Qe(ge, R.value)) : s, re = j.value && Array.isArray(g) ? g.map((ge) => ge == null ? "" : String(ge)) : e;
-      k("update:error", G.value), k("update:model-value", g), k("change", g, re);
-    }, tt = (o, e) => {
-      if (G.value = !1, o === null) {
-        k("update:model-value", [null, null]), k("change", [null, null], e);
+    }, te = (o, t) => {
+      o ? g() : W();
+    }, re = (o, t) => {
+      const i = dt(o, N.value, p.value);
+      p.value = "";
+      const s = ee(i, t), T = K.value && Array.isArray(s) ? s.map((ge) => ge && _e(ge, N.value)) : s, ae = K.value && Array.isArray(T) ? T.map((ge) => ge == null ? "" : String(ge)) : t;
+      b("update:error", J.value), b("update:model-value", T), b("change", T, ae);
+    }, tt = (o, t) => {
+      if (J.value = !1, o === null) {
+        b("update:model-value", [null, null]), b("change", [null, null], t);
         return;
       }
-      oe(o, e);
-    }, Ye = (o) => {
-      G.value = !1, oe(o.value, [o.value[0].format(t.format), o.value[1].format(t.format)]), v.value.blur();
+      re(o, t);
+    }, je = (o) => {
+      J.value = !1, re(o.value, [o.value[0].format(e.format), o.value[1].format(e.format)]), f.value.blur();
     };
     return S({
-      $rangePicker: v,
+      $rangePicker: f,
       blur: () => {
-        v.value.blur();
+        f.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        f.value.focus();
       }
-    }), (o, e) => (y(), M("div", {
-      class: Ie(["das-ui-range-picker", [o.borderType, t.isView ? "readonly" : "", d(G) ? "is-error" : ""]]),
-      style: he(we.value)
-    }, [
-      $(d(Ue), { locale: O.value }, {
-        default: h(() => [
-          $(d(He), {
-            ref_key: "inputTooltipRef",
-            ref: X,
-            placement: "top",
-            trigger: "hover",
-            visible: K.value,
-            disabled: !o.isTooltip,
-            content: de.value
-          }, {
-            default: h(() => {
-              var i;
-              return [
-                Ne((y(), ve(d(mt), Fe({
-                  key: A.value,
-                  ref_key: "$rangePicker",
-                  ref: v
-                }, q.value, {
-                  value: I.value,
-                  size: x.value,
-                  locale: (i = O.value) == null ? void 0 : i.DatePicker,
-                  valueFormat: fe.value,
-                  dropdownClassName: "das-ui-range-picker-dropdown " + Q.value + " " + o.dropdownClassName,
-                  placeholder: se.value,
-                  showToday: o.showToday,
-                  showTime: o.showTime,
-                  bordered: o.borderType === "bordered",
-                  disabled: t.disabled || t.isView,
-                  style: we.value,
-                  popupStyle: pe.value,
-                  onChange: tt,
-                  onOpenChange: me
-                }), {
-                  dateRender: h((s) => [
-                    P(o.$slots, "dateRender", qe(Ke(s)), () => [
-                      J("div", {
-                        class: Ie(["ant-picker-cell-inner", { "das-time-zone-picker-cell-today": ue(s.current) }])
-                      }, ae(s.current.date()), 3)
-                    ], !0)
-                  ]),
-                  nextIcon: h(() => e[1] || (e[1] = [
-                    at(" XX ")
-                  ])),
-                  prevIcon: h(() => [
-                    P(o.$slots, "prevIcon", {}, void 0, !0)
-                  ]),
-                  superNextIcon: h(() => [
-                    P(o.$slots, "superNextIcon", {}, void 0, !0)
-                  ]),
-                  superPrevIcon: h(() => [
-                    P(o.$slots, "superPrevIcon", {}, void 0, !0)
-                  ]),
-                  suffixIcon: h(() => [
-                    P(o.$slots, "suffixIcon", {}, () => [
-                      $(d(Se), {
-                        class: "das-suffix-icon",
-                        icon: "riqixuanze",
-                        size: "medium",
-                        "icon-color": "#666666"
-                      })
-                    ], !0)
-                  ]),
-                  separator: h(() => [
-                    P(o.$slots, "separator", {}, () => [
-                      e[2] || (e[2] = J("div", { style: { padding: "0 8px" } }, "~", -1))
-                    ], !0)
-                  ]),
-                  renderExtraFooter: h(() => [
-                    J("div", $t, [
-                      P(o.$slots, "renderExtraFooter", {}, void 0, !0)
+    }), (o, t) => (k(), V(
+      "div",
+      {
+        class: Ve(["das-ui-range-picker", [r.borderType, e.isView ? "readonly" : "", d(J) ? "is-error" : ""]]),
+        style: he(we.value)
+      },
+      [
+        F(d(Ue), { locale: j.value }, {
+          default: y(() => [
+            F(d(Xe), {
+              ref_key: "inputTooltipRef",
+              ref: G,
+              placement: "top",
+              trigger: "hover",
+              visible: U.value,
+              disabled: !r.isTooltip,
+              content: de.value
+            }, {
+              default: y(() => {
+                var i;
+                return [
+                  Ne((k(), fe(d(mt), Ie({
+                    key: A.value,
+                    ref_key: "$rangePicker",
+                    ref: f
+                  }, H.value, {
+                    value: I.value,
+                    size: E.value,
+                    locale: (i = j.value) == null ? void 0 : i.DatePicker,
+                    valueFormat: pe.value,
+                    dropdownClassName: "das-ui-range-picker-dropdown " + _.value + " " + r.dropdownClassName,
+                    placeholder: se.value,
+                    showToday: r.showToday,
+                    showTime: r.showTime,
+                    bordered: r.borderType === "bordered",
+                    disabled: e.disabled || e.isView,
+                    style: we.value,
+                    popupStyle: ve.value,
+                    onChange: tt,
+                    onOpenChange: me
+                  }), {
+                    dateRender: y((s) => [
+                      L(o.$slots, "dateRender", Ke(He(s)), () => [
+                        Q(
+                          "div",
+                          {
+                            class: Ve(["ant-picker-cell-inner", { "das-time-zone-picker-cell-today": ue(s.current) }])
+                          },
+                          oe(s.current.date()),
+                          3
+                          /* TEXT, CLASS */
+                        )
+                      ], !0)
                     ]),
-                    o.showTime || o.ranges && o.ranges.length ? (y(), M("div", Pt, [
-                      (y(!0), M(Ve, null, lt(o.ranges, (s) => (y(), M("div", {
-                        class: "das-picker-preset",
-                        key: s.key
-                      }, [
-                        s.type === "dropdown" && s.children.length ? (y(), ve(d(ht), {
-                          key: 0,
-                          trigger: ["click"]
-                        }, {
-                          overlay: h(() => [
-                            $(d(yt), null, {
-                              default: h(() => [
-                                (y(!0), M(Ve, null, lt(s.children, (g) => (y(), ve(d(kt), {
-                                  key: g.key,
-                                  onClick: (re) => Ye(g)
-                                }, {
-                                  default: h(() => [
-                                    (y(), M("span", { key: g }, ae(g.key), 1))
-                                  ]),
-                                  _: 2
-                                }, 1032, ["onClick"]))), 128))
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          default: h(() => [
-                            J("a", {
-                              class: "ant-dropdown-link",
-                              onClick: e[0] || (e[0] = vt(() => {
-                              }, ["prevent"]))
-                            }, [
-                              J("span", Lt, [
-                                at(ae(s.key) + " ", 1),
-                                $(d(Se), {
-                                  icon: "fold",
-                                  size: "mini",
-                                  style: { display: "inline-block" }
-                                })
-                              ])
-                            ])
-                          ]),
-                          _: 2
-                        }, 1024)) : (y(), M("span", {
-                          key: 1,
-                          class: "das-picker-preset-span",
-                          onClick: (g) => Ye(s)
-                        }, ae(s.key), 9, At))
-                      ]))), 128))
-                    ])) : H("", !0)
-                  ]),
-                  _: 3
-                }, 16, ["value", "size", "locale", "valueFormat", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                  [d(_e), te]
-                ])
-              ];
-            }),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      o.error && o.errorLabel ? (y(), M(Ve, { key: 0 }, [
-        o.errorMode === "default" ? (y(), M("div", xt, [
-          J("span", {
-            style: he(N.value)
-          }, ae(o.errorLabel), 5)
-        ])) : H("", !0),
-        o.errorMode === "overlay" && C.value ? (y(), ve(d(We), {
-          key: 1,
-          errorLabel: o.errorLabel,
-          getEl: () => {
-            var i;
-            return (i = v.value) == null ? void 0 : i.$el;
-          },
-          errorModelZIndex: o.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
-      ], 64)) : H("", !0)
-    ], 6));
+                    nextIcon: y(() => [
+                      x(' <slot name="nextIcon"> '),
+                      t[1] || (t[1] = ot(
+                        " XX ",
+                        -1
+                        /* CACHED */
+                      )),
+                      x(" </slot> ")
+                    ]),
+                    prevIcon: y(() => [
+                      L(o.$slots, "prevIcon", {}, () => [
+                        x(' <das-icon icon="left"></das-icon> ')
+                      ], !0)
+                    ]),
+                    superNextIcon: y(() => [
+                      L(o.$slots, "superNextIcon", {}, () => [
+                        x(' <das-icon icon="double-arrow-right"></das-icon> ')
+                      ], !0)
+                    ]),
+                    superPrevIcon: y(() => [
+                      L(o.$slots, "superPrevIcon", {}, () => [
+                        x(' <das-icon icon="double-arrow-left"></das-icon> ')
+                      ], !0)
+                    ]),
+                    suffixIcon: y(() => [
+                      L(o.$slots, "suffixIcon", {}, () => [
+                        F(d(Se), {
+                          class: "das-suffix-icon",
+                          icon: "riqixuanze",
+                          size: "medium",
+                          "icon-color": "#666666"
+                        })
+                      ], !0)
+                    ]),
+                    separator: y(() => [
+                      L(o.$slots, "separator", {}, () => [
+                        t[2] || (t[2] = Q(
+                          "div",
+                          { style: { padding: "0 8px" } },
+                          "~",
+                          -1
+                          /* CACHED */
+                        ))
+                      ], !0)
+                    ]),
+                    renderExtraFooter: y(() => [
+                      Q("div", $t, [
+                        L(o.$slots, "renderExtraFooter", {}, void 0, !0)
+                      ]),
+                      r.showTime || r.ranges && r.ranges.length ? (k(), V("div", Ft, [
+                        (k(!0), V(
+                          De,
+                          null,
+                          lt(r.ranges, (s) => (k(), V("div", {
+                            class: "das-picker-preset",
+                            key: s.key
+                          }, [
+                            x(` <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> `),
+                            s.type === "dropdown" && s.children.length ? (k(), fe(
+                              d(ht),
+                              {
+                                key: 0,
+                                trigger: ["click"]
+                              },
+                              {
+                                overlay: y(() => [
+                                  F(
+                                    d(yt),
+                                    null,
+                                    {
+                                      default: y(() => [
+                                        (k(!0), V(
+                                          De,
+                                          null,
+                                          lt(s.children, (T) => (k(), fe(d(kt), {
+                                            key: T.key,
+                                            onClick: (ae) => je(T)
+                                          }, {
+                                            default: y(() => [
+                                              (k(), V(
+                                                "span",
+                                                { key: T },
+                                                oe(T.key),
+                                                1
+                                                /* TEXT */
+                                              ))
+                                            ]),
+                                            _: 2
+                                            /* DYNAMIC */
+                                          }, 1032, ["onClick"]))),
+                                          128
+                                          /* KEYED_FRAGMENT */
+                                        ))
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  )
+                                ]),
+                                default: y(() => [
+                                  Q("a", {
+                                    class: "ant-dropdown-link",
+                                    onClick: t[0] || (t[0] = ft(() => {
+                                    }, ["prevent"]))
+                                  }, [
+                                    Q("span", Lt, [
+                                      ot(
+                                        oe(s.key) + " ",
+                                        1
+                                        /* TEXT */
+                                      ),
+                                      F(d(Se), {
+                                        icon: "fold",
+                                        size: "mini",
+                                        style: { display: "inline-block" }
+                                      })
+                                    ])
+                                  ])
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            )) : (k(), V("span", {
+                              key: 1,
+                              class: "das-picker-preset-span",
+                              onClick: (T) => je(s)
+                            }, oe(s.key), 9, Pt))
+                          ]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        x(` <div class="das-picker-ok">\r
+                <das-button btnType="primary" size="middle">Ok</das-button>\r
+              </div> `)
+                      ])) : x("v-if", !0)
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 16, ["value", "size", "locale", "valueFormat", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                    [d(We), te]
+                  ])
+                ];
+              }),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        x(` <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 ? (k(), V(
+          De,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (k(), V("div", At, [
+              Q(
+                "span",
+                {
+                  style: he(O.value)
+                },
+                oe(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : x("v-if", !0),
+            r.errorMode === "overlay" && C.value ? (k(), fe(d(Oe), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var i;
+                return (i = f.value) == null ? void 0 : i.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : x("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : x("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), Rt = /* @__PURE__ */ Oe(Bt, [["__scopeId", "data-v-808c8456"]]), Nt = { class: "ant-picker-cell-inner" }, Wt = {
+}), Rt = /* @__PURE__ */ Ye(Bt, [["__scopeId", "data-v-808c8456"]]), Nt = { class: "ant-picker-cell-inner" }, Ot = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, _t = {
+}, Wt = {
   name: "DasDatePicker"
-}, Ot = /* @__PURE__ */ Ee({
-  ..._t,
+}, Yt = /* @__PURE__ */ Ee({
+  ...Wt,
   props: {
     timeZoneMode: {},
     timeZone: {},
@@ -863,84 +1022,84 @@ const ut = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(T, { expose: S, emit: l }) {
-    Be((u) => ({
-      d2190082: j.value,
-      "2dad7e4e": fe.value
+  setup(r, { expose: S, emit: l }) {
+    Be((v) => ({
+      d2190082: K.value,
+      v2dad7e4e: pe.value
     }));
-    const t = T, k = l, O = n(void 0);
-    ce(_, async () => {
-      O.value = await Ge(_.value);
+    const e = r, b = l, j = u(void 0);
+    ce(Y, async () => {
+      j.value = await Je(Y.value);
     }, { immediate: !0 });
-    const A = r(() => `time-picker-${_.value}`), v = n(null), X = n(null), f = n(""), V = n(!1), Z = Re(), x = ye(t, "modelValue"), Y = ye(t, "error"), G = r(() => Z.valueFormat ?? Z["value-format"]), w = r(() => ({
-      timeZoneMode: t.timeZoneMode,
-      timeZone: t.timeZone,
-      useClientTimeZone: t.useClientTimeZone,
+    const A = a(() => `time-picker-${Y.value}`), f = u(null), G = u(null), p = u(""), M = u(!1), Z = Re(), E = ye(e, "modelValue"), q = ye(e, "error"), J = a(() => Z.valueFormat ?? Z["value-format"]), w = a(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
       // timeZoneValueFormat 是最高优先级；未传时兼容旧业务继续使用 valueFormat 控制输出。
-      timeZoneValueFormat: t.timeZoneValueFormat ?? G.value
-    })), R = r(() => {
-      if (!L(w.value)) return Z;
-      const { valueFormat: u, "value-format": a, ...c } = Z;
+      timeZoneValueFormat: e.timeZoneValueFormat ?? J.value
+    })), N = a(() => {
+      if (!P(w.value)) return Z;
+      const { valueFormat: v, "value-format": n, ...c } = Z;
       return c;
-    }), I = r(() => Pe(x.value, w.value)), j = r(() => t.width ? t.width : "230px"), B = r(() => t.formSize), q = r(() => t.size === "large" ? "large" : t.size === "small" || t.size === "table" ? "small" : "middle"), fe = r(() => t.height ? t.height : B.value ? {
+    }), I = a(() => Fe(E.value, w.value)), K = a(() => e.width ? e.width : "230px"), R = a(() => e.formSize), H = a(() => e.size === "large" ? "large" : e.size === "small" || e.size === "table" ? "small" : "middle"), pe = a(() => e.height ? e.height : R.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[B.value] : "auto"), Q = r(() => ({
-      width: t.width
-    })), le = r(() => t.isView ? t.noSetDefaultVal ? "" : "-" : $e(t.placeholder)), ne = n(3e3), ue = r(() => ({
+    }[R.value] : "auto"), _ = a(() => ({
+      width: e.width
+    })), le = a(() => e.isView ? e.noSetDefaultVal ? "" : "-" : $e(e.placeholder)), ne = u(3e3), ue = a(() => ({
       "z-index": ne.value
-    })), ee = n(!1), p = n({
+    })), ee = u(!1), h = u({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), m = (u) => {
-      u && (ne.value = Xe().nextZIndex()), u ? ie() : pe(), k("openChange", u), String(_.value).startsWith("en") && Te(() => {
-        const a = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let c of a)
+    }), m = (v) => {
+      v && (ne.value = Ge().nextZIndex()), v ? ie() : ve(), b("openChange", v), String(Y.value).startsWith("en") && Te(() => {
+        const n = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
+        for (let c of n)
           c && (c.innerText = "OK");
       });
-    }, E = (u) => {
-      L(w.value) && (f.value = et(u));
+    }, B = (v) => {
+      P(w.value) && (p.value = et(v));
     }, ie = () => {
-      f.value = "", V.value = Ce(
-        E,
-        L(w.value),
-        V.value
+      p.value = "", M.value = Ce(
+        B,
+        P(w.value),
+        M.value
       );
-    }, pe = () => {
-      V.value = Ce(E, !1, V.value);
+    }, ve = () => {
+      M.value = Ce(B, !1, M.value);
     };
-    je(() => {
-      pe(), f.value = "";
+    qe(() => {
+      ve(), p.value = "";
     });
-    const C = n(!1), N = n(""), se = r(() => I.value ? N.value : le.value), we = () => {
-      const u = t.size === "table" ? 12 : 14;
-      return Je(le.value, u);
-    }, K = () => {
-      var a;
-      const u = (a = v.value) == null ? void 0 : a.$el.querySelector(".ant-picker-input>input");
-      return I.value ? u == null ? void 0 : u.scrollWidth : we();
+    const C = u(!1), O = u(""), se = a(() => I.value ? O.value : le.value), we = () => {
+      const v = e.size === "table" ? 12 : 14;
+      return Qe(le.value, v);
+    }, U = () => {
+      var n;
+      const v = (n = f.value) == null ? void 0 : n.$el.querySelector(".ant-picker-input>input");
+      return I.value ? v == null ? void 0 : v.scrollWidth : we();
     }, Ze = () => {
       var c;
-      const u = (c = v.value) == null ? void 0 : c.$el.querySelector(".ant-picker-input>input");
-      return u ? (N.value = u.getAttribute("value"), u.removeAttribute("title"), (u == null ? void 0 : u.offsetWidth) ?? 0) : 0;
-    }, F = n(0), de = n(0);
+      const v = (c = f.value) == null ? void 0 : c.$el.querySelector(".ant-picker-input>input");
+      return v ? (O.value = v.getAttribute("value"), v.removeAttribute("title"), (v == null ? void 0 : v.offsetWidth) ?? 0) : 0;
+    }, $ = u(0), de = u(0);
     ce(() => [le.value, I.value], () => {
       Te(() => {
-        F.value = Ze(), de.value = K(), (F.value === de.value || de.value - F.value < 1) && (C.value = !1);
+        $.value = Ze(), de.value = U(), ($.value === de.value || de.value - $.value < 1) && (C.value = !1);
       });
     });
-    const D = n();
+    const D = u();
     ce(
       () => {
-        var u;
-        return (u = X.value) == null ? void 0 : u.$tooltipRef.popperRef.contentRef;
+        var v;
+        return (v = G.value) == null ? void 0 : v.$tooltipRef.popperRef.contentRef;
       },
-      (u) => {
-        u && (u.addEventListener("mouseenter", function() {
+      (v) => {
+        v && (v.addEventListener("mouseenter", function() {
           C.value = !0, D.value && clearTimeout(D.value);
-        }), u.addEventListener("mouseleave", function() {
+        }), v.addEventListener("mouseleave", function() {
           D.value = setTimeout(() => {
             C.value = !1;
           }, 200);
@@ -948,110 +1107,148 @@ const ut = {
       }
     );
     const ke = () => {
-      F.value = Ze(), de.value = K(), F.value === de.value || de.value - F.value < 1 ? C.value = !1 : (C.value = !0, D.value && clearTimeout(D.value)), ee.value = !0;
-    }, ze = () => {
+      $.value = Ze(), de.value = U(), $.value === de.value || de.value - $.value < 1 ? C.value = !1 : (C.value = !0, D.value && clearTimeout(D.value)), ee.value = !0;
+    }, xe = () => {
       D.value = setTimeout(() => {
         C.value = !1;
       }, 200), ee.value = !1;
-    }, be = (u) => {
-      u ? ke() : ze();
-    }, De = (u, a) => {
-      Y.value = !1, k("update:error", Y.value);
-      const c = st(u, w.value, f.value);
-      f.value = "";
-      const b = L(w.value) ? Qe(c, w.value) : c, W = L(w.value) && b != null ? String(b) : a;
-      k("update:model-value", b), k("change", b, W);
+    }, be = (v) => {
+      v ? ke() : xe();
+    }, ze = (v, n) => {
+      q.value = !1, b("update:error", q.value);
+      const c = st(v, w.value, p.value);
+      p.value = "";
+      const g = P(w.value) ? _e(c, w.value) : c, W = P(w.value) && g != null ? String(g) : n;
+      b("update:model-value", g), b("change", g, W);
     };
     return S({
-      $timePicker: v,
+      $timePicker: f,
       blur: () => {
-        v.value.blur();
+        f.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        f.value.focus();
       }
-    }), (u, a) => (y(), M("div", {
-      class: Ie(["das-ui-time-picker", [u.borderType, t.isView ? "readonly" : "", d(Y) ? "is-error" : ""]]),
-      style: he(Q.value)
-    }, [
-      $(d(Ue), { locale: O.value }, {
-        default: h(() => [
-          $(d(He), {
-            ref_key: "inputTooltipRef",
-            ref: X,
-            placement: "top",
-            trigger: "hover",
-            visible: C.value,
-            disabled: !u.isTooltip,
-            content: se.value
-          }, {
-            default: h(() => [
-              Ne((y(), ve(d(bt), Fe({
-                key: A.value,
-                ref_key: "$timePicker",
-                ref: v
-              }, R.value, {
-                value: I.value,
-                size: q.value,
-                popupClassName: "das-ui-time-picker-dropdown " + u.dropdownClassName,
-                showNow: u.showNow,
-                bordered: u.borderType === "bordered",
-                placeholder: le.value,
-                disabled: t.disabled || t.isView,
-                style: Q.value,
-                popupStyle: ue.value,
-                onChange: De,
-                onOpenChange: m
-              }), {
-                dateRender: h((c) => [
-                  P(u.$slots, "dateRender", qe(Ke(c)), () => [
-                    J("div", Nt, ae(c.current.date()), 1)
-                  ], !0)
-                ]),
-                suffixIcon: h(() => [
-                  P(u.$slots, "suffixIcon", {}, () => [
-                    $(d(wt), {
-                      class: "das-suffix-icon",
-                      size: "medium",
-                      iconColor: "#666666"
-                    })
-                  ], !0)
-                ]),
-                _: 3
-              }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [d(_e), be]
-              ])
-            ]),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      u.error && u.errorLabel ? (y(), M(Ve, { key: 0 }, [
-        u.errorMode === "default" ? (y(), M("div", Wt, [
-          J("span", {
-            style: he(p.value)
-          }, ae(u.errorLabel), 5)
-        ])) : H("", !0),
-        u.errorMode === "overlay" && ee.value ? (y(), ve(d(We), {
-          key: 1,
-          errorLabel: u.errorLabel,
-          getEl: () => {
-            var c;
-            return (c = v.value) == null ? void 0 : c.$el;
-          },
-          errorModelZIndex: u.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
-      ], 64)) : H("", !0)
-    ], 6));
+    }), (v, n) => (k(), V(
+      "div",
+      {
+        class: Ve(["das-ui-time-picker", [r.borderType, e.isView ? "readonly" : "", d(q) ? "is-error" : ""]]),
+        style: he(_.value)
+      },
+      [
+        F(d(Ue), { locale: j.value }, {
+          default: y(() => [
+            F(d(Xe), {
+              ref_key: "inputTooltipRef",
+              ref: G,
+              placement: "top",
+              trigger: "hover",
+              visible: C.value,
+              disabled: !r.isTooltip,
+              content: se.value
+            }, {
+              default: y(() => [
+                Ne((k(), fe(d(bt), Ie({
+                  key: A.value,
+                  ref_key: "$timePicker",
+                  ref: f
+                }, N.value, {
+                  value: I.value,
+                  size: H.value,
+                  popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
+                  showNow: r.showNow,
+                  bordered: r.borderType === "bordered",
+                  placeholder: le.value,
+                  disabled: e.disabled || e.isView,
+                  style: _.value,
+                  popupStyle: ue.value,
+                  onChange: ze,
+                  onOpenChange: m
+                }), {
+                  dateRender: y((c) => [
+                    L(v.$slots, "dateRender", Ke(He(c)), () => [
+                      Q(
+                        "div",
+                        Nt,
+                        oe(c.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: y(() => [
+                    L(v.$slots, "suffixIcon", {}, () => [
+                      F(d(wt), {
+                        class: "das-suffix-icon",
+                        size: "medium",
+                        iconColor: "#666666"
+                      })
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [d(We), be]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        r.error && r.errorLabel ? (k(), V(
+          De,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (k(), V("div", Ot, [
+              Q(
+                "span",
+                {
+                  style: he(h.value)
+                },
+                oe(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : x("v-if", !0),
+            r.errorMode === "overlay" && ee.value ? (k(), fe(d(Oe), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var c;
+                return (c = f.value) == null ? void 0 : c.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : x("v-if", !0),
+            x(` <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 */
+        )) : x("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), Yt = /* @__PURE__ */ Oe(Ot, [["__scopeId", "data-v-05ea88f6"]]), jt = { class: "ant-picker-cell-inner" }, qt = {
+}), jt = /* @__PURE__ */ Ye(Yt, [["__scopeId", "data-v-05ea88f6"]]), qt = { class: "ant-picker-cell-inner" }, Kt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Kt = {
+}, Ht = {
   name: "DasDatePicker"
 }, Ut = /* @__PURE__ */ Ee({
-  ...Kt,
+  ...Ht,
   props: {
     timeZoneMode: {},
     timeZone: {},
@@ -1077,217 +1274,250 @@ const ut = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(T, { expose: S, emit: l }) {
-    Be((a) => ({
-      "8abddf88": j.value,
-      "7fb1fd71": fe.value
-    })), ot({
+  setup(r, { expose: S, emit: l }) {
+    Be((n) => ({
+      v8abddf88: K.value,
+      v7fb1fd71: pe.value
+    })), rt({
       dengdai: import("@das-fed/upf-ui/packages/icons/dengdai")
     });
-    const t = T, k = l, O = n(void 0);
-    ce(_, async () => {
-      O.value = await Ge(_.value);
+    const e = r, b = l, j = u(void 0);
+    ce(Y, async () => {
+      j.value = await Je(Y.value);
     }, { immediate: !0 });
-    const A = r(() => `time-range-picker-${_.value}`), v = n(null), X = n(null), f = n(""), V = n(!1), Z = Re(), x = ye(t, "modelValue"), Y = ye(t, "error"), G = r(() => Z.valueFormat ?? Z["value-format"]), w = r(() => ({
-      timeZoneMode: t.timeZoneMode,
-      timeZone: t.timeZone,
-      useClientTimeZone: t.useClientTimeZone,
+    const A = a(() => `time-range-picker-${Y.value}`), f = u(null), G = u(null), p = u(""), M = u(!1), Z = Re(), E = ye(e, "modelValue"), q = ye(e, "error"), J = a(() => Z.valueFormat ?? Z["value-format"]), w = a(() => ({
+      timeZoneMode: e.timeZoneMode,
+      timeZone: e.timeZone,
+      useClientTimeZone: e.useClientTimeZone,
       // timeZoneValueFormat 是最高优先级；未传时兼容旧业务继续使用 valueFormat 控制输出。
-      timeZoneValueFormat: t.timeZoneValueFormat ?? G.value
-    })), R = r(() => {
-      if (!L(w.value)) return Z;
-      const { valueFormat: a, "value-format": c, ...b } = Z;
-      return b;
-    }), I = r(() => !Array.isArray(x.value) || !L(w.value) ? x.value : x.value.map((a) => Pe(a, w.value))), j = r(() => t.width ? t.width : "230px"), B = r(() => t.formSize), q = r(() => t.size === "large" ? "large" : t.size === "small" || t.size === "table" ? "small" : "middle"), fe = r(() => t.height ? t.height : B.value ? {
+      timeZoneValueFormat: e.timeZoneValueFormat ?? J.value
+    })), N = a(() => {
+      if (!P(w.value)) return Z;
+      const { valueFormat: n, "value-format": c, ...g } = Z;
+      return g;
+    }), I = a(() => !Array.isArray(E.value) || !P(w.value) ? E.value : E.value.map((n) => Fe(n, w.value))), K = a(() => e.width ? e.width : "230px"), R = a(() => e.formSize), H = a(() => e.size === "large" ? "large" : e.size === "small" || e.size === "table" ? "small" : "middle"), pe = a(() => e.height ? e.height : R.value ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[B.value] : "auto"), Q = n(3e3), le = r(() => ({
-      "z-index": Q.value
-    })), ne = r(() => ({
-      width: t.width
-    })), ue = r(() => {
-      var a;
-      return t.isView ? t.noSetDefaultVal ? ["", ""] : ["-", "-"] : (a = t.placeholder) == null ? void 0 : a.map((c) => $e(c));
-    }), ee = n(!1), p = n({
+    }[R.value] : "auto"), _ = u(3e3), le = a(() => ({
+      "z-index": _.value
+    })), ne = a(() => ({
+      width: e.width
+    })), ue = a(() => {
+      var n;
+      return e.isView ? e.noSetDefaultVal ? ["", ""] : ["-", "-"] : (n = e.placeholder) == null ? void 0 : n.map((c) => $e(c));
+    }), ee = u(!1), h = u({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), m = n(!1), E = n(["", ""]), ie = n("~"), pe = r(() => {
-      var a;
-      return (a = x.value) != null && a.length && x.value[0] && x.value[1] ? E.value.join(" " + ie.value + " ") : ue.value.join(" " + ie.value + " ");
-    }), C = n([0, 0]), N = n([0, 0]), se = () => {
+    }), m = u(!1), B = u(["", ""]), ie = u("~"), ve = a(() => {
+      var n;
+      return (n = E.value) != null && n.length && E.value[0] && E.value[1] ? B.value.join(" " + ie.value + " ") : ue.value.join(" " + ie.value + " ");
+    }), C = u([0, 0]), O = u([0, 0]), se = () => {
       var W;
-      let a = [];
-      const c = (W = v.value) == null ? void 0 : W.$el.querySelectorAll(".ant-picker-input>input");
+      let n = [];
+      const c = (W = f.value) == null ? void 0 : W.$el.querySelectorAll(".ant-picker-input>input");
       if (!c)
-        return a = [0, 0], a;
-      let b = [];
+        return n = [0, 0], n;
+      let g = [];
       for (let te of c) {
-        b.push(te.getAttribute("value") || "");
-        let oe = (te == null ? void 0 : te.offsetWidth) ?? 0;
-        a.push(oe);
+        g.push(te.getAttribute("value") || "");
+        let re = (te == null ? void 0 : te.offsetWidth) ?? 0;
+        n.push(re);
       }
-      return E.value = b, a;
-    }, we = (a) => {
-      const c = t.size === "table" ? 12 : 14;
-      return Je(a, c);
-    }, K = () => {
-      var b;
-      let a = [];
-      return ((b = v.value) == null ? void 0 : b.$el.querySelectorAll(".ant-picker-input>input")).forEach((W, te) => {
-        x.value.length && x.value[0] && x.value[0] ? a.push(W == null ? void 0 : W.scrollWidth) : a.push(we(ue.value[te]));
-      }), a;
+      return B.value = g, n;
+    }, we = (n) => {
+      const c = e.size === "table" ? 12 : 14;
+      return Qe(n, c);
+    }, U = () => {
+      var g;
+      let n = [];
+      return ((g = f.value) == null ? void 0 : g.$el.querySelectorAll(".ant-picker-input>input")).forEach((W, te) => {
+        E.value.length && E.value[0] && E.value[0] ? n.push(W == null ? void 0 : W.scrollWidth) : n.push(we(ue.value[te]));
+      }), n;
     };
-    ce(() => [ue.value, x.value], () => {
+    ce(() => [ue.value, E.value], () => {
       Te(() => {
-        C.value = se(), N.value = K(), (C.value[0] === N.value[0] || N.value[0] - C.value[0] < 1) && (C.value[1] === N.value[1] || N.value[1] - C.value[1] < 1) && (m.value = !1);
+        C.value = se(), O.value = U(), (C.value[0] === O.value[0] || O.value[0] - C.value[0] < 1) && (C.value[1] === O.value[1] || O.value[1] - C.value[1] < 1) && (m.value = !1);
       });
     });
-    const F = n();
+    const $ = u();
     ce(
       () => {
-        var a;
-        return (a = X.value) == null ? void 0 : a.$tooltipRef.popperRef.contentRef;
+        var n;
+        return (n = G.value) == null ? void 0 : n.$tooltipRef.popperRef.contentRef;
       },
-      (a) => {
-        a && (a.addEventListener("mouseenter", function() {
-          m.value = !0, F.value && clearTimeout(F.value);
-        }), a.addEventListener("mouseleave", function() {
-          F.value = setTimeout(() => {
+      (n) => {
+        n && (n.addEventListener("mouseenter", function() {
+          m.value = !0, $.value && clearTimeout($.value);
+        }), n.addEventListener("mouseleave", function() {
+          $.value = setTimeout(() => {
             m.value = !1;
           }, 200);
         }));
       }
     );
-    const de = (a) => {
-      a && (Q.value = Xe().nextZIndex()), a ? D() : ke(), k("openChange", a), String(_.value).startsWith("en") && Te(() => {
+    const de = (n) => {
+      n && (_.value = Ge().nextZIndex()), n ? D() : ke(), b("openChange", n), String(Y.value).startsWith("en") && Te(() => {
         const c = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let b of c)
-          b && (b.innerText = "OK");
+        for (let g of c)
+          g && (g.innerText = "OK");
       });
-    }, z = (a) => {
-      L(w.value) && (f.value = et(a));
+    }, z = (n) => {
+      P(w.value) && (p.value = et(n));
     }, D = () => {
-      f.value = "", V.value = Ce(
+      p.value = "", M.value = Ce(
         z,
-        L(w.value),
-        V.value
+        P(w.value),
+        M.value
       );
     }, ke = () => {
-      V.value = Ce(z, !1, V.value);
+      M.value = Ce(z, !1, M.value);
     };
-    je(() => {
-      ke(), f.value = "";
+    qe(() => {
+      ke(), p.value = "";
     });
-    const ze = () => {
-      C.value = se(), N.value = K(), (C.value[0] === N.value[0] || N.value[0] - C.value[0] < 1) && (C.value[1] === N.value[1] || N.value[1] - C.value[1] < 1) ? m.value = !1 : (m.value = !0, F.value && clearTimeout(F.value)), ee.value = !0;
+    const xe = () => {
+      C.value = se(), O.value = U(), (C.value[0] === O.value[0] || O.value[0] - C.value[0] < 1) && (C.value[1] === O.value[1] || O.value[1] - C.value[1] < 1) ? m.value = !1 : (m.value = !0, $.value && clearTimeout($.value)), ee.value = !0;
     }, be = () => {
-      F.value = setTimeout(() => {
+      $.value = setTimeout(() => {
         m.value = !1;
       }, 200), ee.value = !1;
-    }, De = (a) => {
-      a ? ze() : be();
-    }, U = (a, c) => {
-      if (Y.value = !1, a === null) {
-        k("update:model-value", [null, null]), k("change", [null, null], Array.isArray(c) ? c.join(" ~ ") : c);
+    }, ze = (n) => {
+      n ? xe() : be();
+    }, X = (n, c) => {
+      if (q.value = !1, n === null) {
+        b("update:model-value", [null, null]), b("change", [null, null], Array.isArray(c) ? c.join(" ~ ") : c);
         return;
       }
-      const b = dt(a, w.value, f.value);
-      f.value = "";
-      const W = L(w.value) && Array.isArray(b) ? b.map((oe) => oe && Qe(oe, w.value)) : b, te = L(w.value) && Array.isArray(W) ? W.map((oe) => oe == null ? "" : String(oe)).join(" ~ ") : Array.isArray(c) ? c.join(" ~ ") : c;
-      k("update:error", Y.value), k("update:model-value", W), k("change", W, te);
+      const g = dt(n, w.value, p.value);
+      p.value = "";
+      const W = P(w.value) && Array.isArray(g) ? g.map((re) => re && _e(re, w.value)) : g, te = P(w.value) && Array.isArray(W) ? W.map((re) => re == null ? "" : String(re)).join(" ~ ") : Array.isArray(c) ? c.join(" ~ ") : c;
+      b("update:error", q.value), b("update:model-value", W), b("change", W, te);
     };
     return S({
-      $timeRangePicker: v,
+      $timeRangePicker: f,
       blur: () => {
-        v.value.blur();
+        f.value.blur();
       },
       focus: () => {
-        v.value.focus();
+        f.value.focus();
       }
-    }), (a, c) => (y(), M("div", {
-      class: Ie(["das-ui-time-range-picker", [a.borderType, t.isView ? "readonly" : "", d(Y) ? "is-error" : ""]]),
-      style: he(ne.value)
-    }, [
-      $(d(Ue), { locale: O.value }, {
-        default: h(() => [
-          $(d(He), {
-            ref_key: "inputTooltipRef",
-            ref: X,
-            placement: "top",
-            trigger: "hover",
-            visible: m.value,
-            disabled: !a.isTooltip,
-            content: pe.value
-          }, {
-            default: h(() => [
-              Ne((y(), ve(d(gt), Fe({
-                key: A.value,
-                ref_key: "$timeRangePicker",
-                ref: v
-              }, R.value, {
-                value: I.value,
-                size: q.value,
-                popupClassName: "das-ui-time-range-picker-dropdown " + a.dropdownClassName,
-                showNow: a.showNow,
-                bordered: a.borderType === "bordered",
-                placeholder: ue.value,
-                disabled: t.disabled || t.isView,
-                style: ne.value,
-                popupStyle: le.value,
-                onChange: U,
-                onOpenChange: de
-              }), {
-                dateRender: h((b) => [
-                  P(a.$slots, "dateRender", qe(Ke(b)), () => [
-                    J("div", jt, ae(b.current.date()), 1)
-                  ], !0)
-                ]),
-                suffixIcon: h(() => [
-                  P(a.$slots, "suffixIcon", {}, () => [
-                    $(d(Se), {
-                      class: "das-suffix-icon",
-                      icon: "dengdai",
-                      size: "medium",
-                      "icon-color": "#666666"
-                    })
-                  ], !0)
-                ]),
-                separator: h(() => [
-                  P(a.$slots, "separator", {}, () => [
-                    c[0] || (c[0] = J("div", { style: { padding: "0 8px" } }, "~", -1))
-                  ], !0)
-                ]),
-                _: 3
-              }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [d(_e), De]
-              ])
-            ]),
-            _: 3
-          }, 8, ["visible", "disabled", "content"])
-        ]),
-        _: 3
-      }, 8, ["locale"]),
-      a.error && a.errorLabel ? (y(), M(Ve, { key: 0 }, [
-        a.errorMode === "default" ? (y(), M("div", qt, [
-          J("span", {
-            style: he(p.value)
-          }, ae(a.errorLabel), 5)
-        ])) : H("", !0),
-        a.errorMode === "overlay" && ee.value ? (y(), ve(d(We), {
-          key: 1,
-          errorLabel: a.errorLabel,
-          getEl: () => {
-            var b;
-            return (b = v.value) == null ? void 0 : b.$el;
-          },
-          errorModelZIndex: a.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
-      ], 64)) : H("", !0)
-    ], 6));
+    }), (n, c) => (k(), V(
+      "div",
+      {
+        class: Ve(["das-ui-time-range-picker", [r.borderType, e.isView ? "readonly" : "", d(q) ? "is-error" : ""]]),
+        style: he(ne.value)
+      },
+      [
+        F(d(Ue), { locale: j.value }, {
+          default: y(() => [
+            F(d(Xe), {
+              ref_key: "inputTooltipRef",
+              ref: G,
+              placement: "top",
+              trigger: "hover",
+              visible: m.value,
+              disabled: !r.isTooltip,
+              content: ve.value
+            }, {
+              default: y(() => [
+                Ne((k(), fe(d(gt), Ie({
+                  key: A.value,
+                  ref_key: "$timeRangePicker",
+                  ref: f
+                }, N.value, {
+                  value: I.value,
+                  size: H.value,
+                  popupClassName: "das-ui-time-range-picker-dropdown " + r.dropdownClassName,
+                  showNow: r.showNow,
+                  bordered: r.borderType === "bordered",
+                  placeholder: ue.value,
+                  disabled: e.disabled || e.isView,
+                  style: ne.value,
+                  popupStyle: le.value,
+                  onChange: X,
+                  onOpenChange: de
+                }), {
+                  dateRender: y((g) => [
+                    L(n.$slots, "dateRender", Ke(He(g)), () => [
+                      Q(
+                        "div",
+                        qt,
+                        oe(g.current.date()),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ]),
+                  suffixIcon: y(() => [
+                    L(n.$slots, "suffixIcon", {}, () => [
+                      F(d(Se), {
+                        class: "das-suffix-icon",
+                        icon: "dengdai",
+                        size: "medium",
+                        "icon-color": "#666666"
+                      })
+                    ], !0)
+                  ]),
+                  separator: y(() => [
+                    L(n.$slots, "separator", {}, () => [
+                      c[0] || (c[0] = Q(
+                        "div",
+                        { style: { padding: "0 8px" } },
+                        "~",
+                        -1
+                        /* CACHED */
+                      ))
+                    ], !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
+                  [d(We), ze]
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["visible", "disabled", "content"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["locale"]),
+        r.error && r.errorLabel ? (k(), V(
+          De,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (k(), V("div", Kt, [
+              Q(
+                "span",
+                {
+                  style: he(h.value)
+                },
+                oe(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : x("v-if", !0),
+            r.errorMode === "overlay" && ee.value ? (k(), fe(d(Oe), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var g;
+                return (g = f.value) == null ? void 0 : g.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : x("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : x("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), Ht = /* @__PURE__ */ Oe(Ut, [["__scopeId", "data-v-62ff6a8e"]]), Xt = {
+}), Xt = /* @__PURE__ */ Ye(Ut, [["__scopeId", "data-v-62ff6a8e"]]), Gt = {
   开始日期: { "zh-CN": "开始日期", en: "Start Date", "zh-MO": "開始日期", _appCode: "framework" },
   结束日期: { "zh-CN": "结束日期", en: "End Date", "zh-MO": "結束日期", _appCode: "framework" },
   开始时间: { "zh-CN": "开始时间", en: "Start Time", "zh-MO": "開始時間", _appCode: "framework" },
@@ -1295,13 +1525,13 @@ const ut = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", "zh-MO": "請選擇日期", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", "zh-MO": "請選擇時間", _appCode: "framework" }
 };
-Tt(Xt);
-const ko = xe(zt), bo = xe(Ft), go = xe(Rt), To = xe(Yt), wo = xe(Ht), Zo = { name: "datePicker 日期时间选择器" };
+Tt(Gt);
+const yr = Ae(xt), kr = Ae(It), br = Ae(Rt), gr = Ae(jt), Tr = Ae(Xt), wr = { name: "datePicker 日期时间选择器" };
 export {
-  ko as DasDatePicker,
-  bo as DasDateRangePicker,
-  go as DasRangePicker,
-  To as DasTimePicker,
-  wo as DasTimeRangePicker,
-  Zo as default
+  yr as DasDatePicker,
+  kr as DasDateRangePicker,
+  br as DasRangePicker,
+  gr as DasTimePicker,
+  Tr as DasTimeRangePicker,
+  wr as default
 };