@das-fed/upf-ui 6.4.0-hot.13 → 6.4.0-hot.15

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

@@ -1,36 +1,58 @@
-import '@das-fed/upf-ui/packages/components/date-picker/style.css';
-import { withInstall as ce } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as ve, useCssVars as fe, ref as u, watch as j, computed as s, openBlock as v, createElementBlock as z, normalizeClass as ke, unref as o, normalizeStyle as X, createVNode as S, withCtx as c, withDirectives as me, createBlock as H, mergeProps as se, isRef as Ce, createSlots as xe, renderSlot as $, normalizeProps as ge, guardReactiveProps as we, createElementVNode as E, toDisplayString as O, Fragment as ne, createCommentVNode as P, nextTick as re, useAttrs as Re, createTextVNode as Le, renderList as Pe, withModifiers as Be } from "vue";
-import { ConfigProvider as Te, DatePicker as Ne, RangePicker as We, Dropdown as Ze, Menu as Ae, MenuItem as Fe, TimePicker as Oe, TimeRangePicker as qe } from "ant-design-vue";
-import { DasAutoRegisterIcon as Me, DasIcon as le } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasTooltip as ze } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as he } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { useModelValue as G } from "@das-fed/upf-utils/vue";
-import { vHoverInside as ye } from "@das-fed/upf-utils/directive/hoverInside/index";
-import { useZIndex as Ie } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { currentLang as D, loadLocale as Se, t as ie, setI18nRule as Ue } from "@das-fed/upf-web/packages/i18n/index";
-import { calcTextWidth as $e } from "@das-fed/upf-utils/common-tools";
+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 { 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 "ant-design-vue/es/date-picker/style/css";
 import "ant-design-vue/es/config-provider/style/css";
-import { DasDatePicker as Ve } from "@das-fed/upf-ui/packages/components/date-picker/index";
-import Ee from "dayjs";
+import Me from "dayjs";
+import { DasDatePicker as nt } from "@das-fed/upf-ui/packages/components/date-picker/index";
 import "ant-design-vue/es/dropdown/style/css";
 import "ant-design-vue/es/menu/style/css";
-import { DasIconDengdai as _e } from "@das-fed/upf-ui/packages/icons/dengdai/index";
-import "ant-design-vue/es/time-picker/style/css";
-const je = { class: "ant-picker-cell-inner" }, Ke = {
+import { DasIconDengdai as wt } from "@das-fed/upf-ui/packages/icons/dengdai/index";
+import "ant-design-vue/es/time-picker/style/css"
+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;
+  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));
+  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 = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, He = {
+}, St = {
   name: "DasDatePicker"
-}, Ye = /* @__PURE__ */ ve({
-  ...He,
+}, Ct = /* @__PURE__ */ Ee({
+  ...St,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
     width: { default: "230px" },
     height: {},
+    format: {},
+    valueFormat: {},
+    showTime: {},
     showToday: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
@@ -46,187 +68,254 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(q, { expose: K, emit: d }) {
-    fe((r) => ({
-      "90b71e56": J.value,
-      "231aaff8": U.value
+  setup(T, { expose: S, emit: l }) {
+    Be((e) => ({
+      "6cf6492a": N.value,
+      "4d479822": we.value
     }));
-    const l = q, f = d;
-    Me({
+    const t = T, k = l;
+    ot({
       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 L = u(void 0);
-    j(D, async () => {
-      L.value = await Se(D.value);
+    const O = n(void 0);
+    ce(_, async () => {
+      O.value = await Ge(_.value);
     }, { immediate: !0 });
-    const m = s(() => `date-picker-${D.value}`), p = u(null), B = u(null), g = s(() => l.size === "table" || l.size === "middle" || l.size === "default" ? "middle" : l.size), y = G(l, "modelValue"), N = G(l, "error"), V = s(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || ie("请选择日期")), W = s(() => ({
-      width: l.width
-    })), J = s(() => l.width ? l.width : "230px"), Z = s(() => l.formSize), U = s(() => l.height ? l.height : Z.value ? {
+    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,
+      // 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;
+      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) => {
+      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),
+        isDayjs: !0
+      } : e;
+    }, m = (e, i = {}) => {
+      typeof window > "u" || window.__UPF_DATE_PICKER_TZ_DEBUG__;
+    }, E = (e, i) => {
+      if (!ue.value || !q.value) return e;
+      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) => {
+      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 ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[Z.value] : "auto"), x = u(3e3), A = s(() => ({
-      "z-index": x.value
-    })), C = u(!1), Y = u({
+    }[se.value] : "auto"), K = n(3e3), Ze = r(() => ({
+      "z-index": K.value
+    })), F = n(!1), de = n({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), h = u(!1), M = u(""), _ = s(() => y.value ? M.value : V.value), Q = () => {
-      const r = l.size === "table" ? 12 : 14;
-      return $e(V.value, r);
-    }, a = () => {
-      var t;
-      const r = (t = p.value) == null ? void 0 : t.$el.querySelector(".ant-picker-input>input");
-      return y.value ? r == null ? void 0 : r.scrollWidth : Q();
-    }, n = () => {
-      var e;
-      const r = (e = p.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return r ? (M.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
-    }, b = u(0), I = u(0);
-    j(() => [V.value, y.value], () => {
-      re(() => {
-        b.value = n(), I.value = a(), (b.value === I.value || I.value - b.value < 1) && (h.value = !1);
+    }), 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);
+    }, 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 = () => {
+      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], () => {
+      Te(() => {
+        U.value = De(), me.value = be(), (U.value === me.value || me.value - U.value < 1) && (z.value = !1);
       });
     });
-    const ee = u();
-    j(
+    const a = n();
+    ce(
       () => {
-        var r;
-        return (r = B.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+        var e;
+        return (e = X.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
-      (r) => {
-        r && (r.addEventListener("mouseenter", function() {
-          h.value = !0, ee.value && clearTimeout(ee.value);
-        }), r.addEventListener("mouseleave", function() {
-          ee.value = setTimeout(() => {
-            h.value = !1;
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          z.value = !0, a.value && clearTimeout(a.value);
+        }), e.addEventListener("mouseleave", function() {
+          a.value = setTimeout(() => {
+            z.value = !1;
           }, 200);
         }));
       }
     );
-    const w = (r) => {
-      r && (x.value = Ie().nextZIndex()), f("openChange", r), D.value === "en-US" && re(() => {
-        const t = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of t)
-          e && (e.innerText = "OK");
+    const c = (e) => {
+      e && (K.value = Xe().nextZIndex()), e ? W() : te(), k("openChange", e), _.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));
+    }, W = () => {
+      f.value = "", V.value = Ce(
+        b,
+        L(B.value),
+        V.value
+      );
     }, te = () => {
-      b.value = n(), I.value = a(), b.value === I.value || I.value - b.value < 1 ? h.value = !1 : (h.value = !0, ee.value && clearTimeout(ee.value)), C.value = !0;
-    }, ae = () => {
-      ee.value = setTimeout(() => {
-        h.value = !1;
-      }, 200), C.value = !1;
-    }, oe = (r, t) => {
-      r ? te() : ae();
-    }, ue = (r, t) => {
-      N.value = !1, f("update:error", N.value), f("update:model-value", r), f("change", r, t);
+      V.value = Ce(b, !1, V.value);
+    };
+    je(() => {
+      te(), f.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;
+    }, tt = () => {
+      a.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);
+      m("change:before-format", {
+        rawDateType: typeof e,
+        rawDateIsDayjs: Me.isDayjs(e),
+        rawDate: p(e),
+        rawDateString: i,
+        shortcutDateType: typeof s,
+        shortcutDateIsDayjs: Me.isDayjs(s),
+        shortcutDate: p(s),
+        normalizedDate: p(g)
+      });
+      const re = q.value ? Qe(g, B.value) : g, ge = q.value && re != null ? String(re) : i;
+      m("change:emit", {
+        nextValue: p(re),
+        nextDateString: ge
+      }), k("update:model-value", re), k("change", re, ge);
     };
-    return K({
-      $datePicker: p,
+    return S({
+      $datePicker: v,
       blur: () => {
-        p.value.blur();
+        v.value.blur();
       },
       focus: () => {
-        p.value.focus();
+        v.value.focus();
       }
-    }), (r, t) => (v(), z("div", {
-      class: ke(["das-ui-date-picker", [r.borderType, l.isView ? "readonly" : "", o(N) ? "is-error" : ""]]),
-      style: X(W.value)
+    }), (e, i) => (y(), M("div", {
+      class: Ie(["das-ui-date-picker", [e.borderType, t.isView ? "readonly" : "", d(G) ? "is-error" : ""]]),
+      style: he(C.value)
     }, [
-      S(o(Te), { locale: L.value }, {
-        default: c(() => [
-          S(o(ze), {
+      $(d(Ue), { locale: O.value }, {
+        default: h(() => [
+          $(d(He), {
             ref_key: "inputTooltipRef",
-            ref: B,
+            ref: X,
             placement: "top",
             trigger: "hover",
-            visible: h.value,
-            disabled: !r.isTooltip,
-            content: _.value
+            visible: z.value,
+            disabled: !e.isTooltip,
+            content: ke.value
           }, {
-            default: c(() => {
-              var e;
+            default: h(() => {
+              var s;
               return [
-                me((v(), H(o(Ne), se({
-                  key: m.value,
+                Ne((y(), ve(d(ft), Fe({
+                  key: A.value,
                   ref_key: "$datePicker",
-                  ref: p
-                }, r.$attrs, {
-                  value: o(y),
-                  "onUpdate:value": t[0] || (t[0] = (i) => Ce(y) ? y.value = i : null),
-                  size: g.value,
-                  locale: (e = L.value) == null ? void 0 : e.DatePicker,
-                  dropdownClassName: "das-ui-date-picker-dropdown " + r.dropdownClassName,
-                  placeholder: V.value,
-                  showToday: r.showToday,
-                  bordered: r.borderType === "bordered",
-                  disabled: l.disabled || l.isView,
-                  style: W.value,
-                  popupStyle: A.value,
-                  onChange: ue,
-                  onOpenChange: w
-                }), xe({
-                  dateRender: c((i) => [
-                    $(r.$slots, "dateRender", ge(we(i)), () => [
-                      E("div", je, O(i.current.date()), 1)
+                  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: c(() => [
-                    $(r.$slots, "nextIcon", {}, () => [
-                      S(o(le), {
+                  nextIcon: h(() => [
+                    P(e.$slots, "nextIcon", {}, () => [
+                      $(d(Se), {
                         icon: "right",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  prevIcon: c(() => [
-                    $(r.$slots, "prevIcon", {}, () => [
-                      S(o(le), {
+                  prevIcon: h(() => [
+                    P(e.$slots, "prevIcon", {}, () => [
+                      $(d(Se), {
                         icon: "left",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  superNextIcon: c(() => [
-                    $(r.$slots, "superNextIcon", {}, () => [
-                      S(o(le), {
+                  superNextIcon: h(() => [
+                    P(e.$slots, "superNextIcon", {}, () => [
+                      $(d(Se), {
                         icon: "double-arrow-right",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  superPrevIcon: c(() => [
-                    $(r.$slots, "superPrevIcon", {}, () => [
-                      S(o(le), {
+                  superPrevIcon: h(() => [
+                    P(e.$slots, "superPrevIcon", {}, () => [
+                      $(d(Se), {
                         icon: "double-arrow-left",
                         size: "medium"
                       })
                     ], !0)
                   ]),
-                  suffixIcon: c(() => [
-                    $(r.$slots, "suffixIcon", {}, () => [
-                      S(o(le), {
+                  suffixIcon: h(() => [
+                    P(e.$slots, "suffixIcon", {}, () => [
+                      $(d(Se), {
                         class: "das-suffix-icon",
                         icon: "riqixuanze",
-                        size: "medium"
+                        size: "medium",
+                        "icon-color": "#666666"
                       })
                     ], !0)
                   ]),
                   _: 2
                 }, [
-                  r.$slots.renderExtraFooter ? {
+                  e.$slots.renderExtraFooter ? {
                     name: "renderExtraFooter",
-                    fn: c(() => [
-                      $(r.$slots, "renderExtraFooter", {}, void 0, !0)
+                    fn: h(() => [
+                      P(e.$slots, "renderExtraFooter", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1040, ["value", "size", "locale", "dropdownClassName", "placeholder", "showToday", "bordered", "disabled", "style", "popupStyle"])), [
-                  [o(ye), oe]
+                ]), 1040, ["value", "format", "valueFormat", "size", "locale", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
+                  [d(_e), Ye]
                 ])
               ];
             }),
@@ -235,37 +324,41 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      r.error && r.errorLabel ? (v(), z(ne, { key: 0 }, [
-        r.errorMode === "default" ? (v(), z("div", Ke, [
-          E("span", {
-            style: X(Y.value)
-          }, O(r.errorLabel), 5)
-        ])) : P("", !0),
-        r.errorMode === "overlay" && C.value ? (v(), H(o(he), {
+      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: r.errorLabel,
+          errorLabel: e.errorLabel,
           getEl: () => {
-            var e;
-            return (e = p.value) == null ? void 0 : e.$el;
+            var s;
+            return (s = v.value) == null ? void 0 : s.$el;
           },
-          errorModelZIndex: r.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
+          errorModelZIndex: e.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
+      ], 64)) : H("", !0)
     ], 6));
   }
-}), be = (q, K) => {
-  const d = q.__vccOpts || q;
-  for (const [l, f] of K)
-    d[l] = f;
-  return d;
-}, Xe = /* @__PURE__ */ be(Ye, [["__scopeId", "data-v-fc46c818"]]), Ge = { class: "date-range-separator" }, Je = {
+}), Oe = (T, S) => {
+  const l = T.__vccOpts || T;
+  for (const [t, k] of S)
+    l[t] = k;
+  return l;
+}, zt = /* @__PURE__ */ Oe(Ct, [["__scopeId", "data-v-4d258f15"]]), Dt = { class: "date-range-separator" }, Vt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, Qe = {
+}, Mt = {
   name: "DasDateRangePicker"
-}, er = /* @__PURE__ */ ve({
-  ...Qe,
+}, It = /* @__PURE__ */ Ee({
+  ...Mt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: {},
@@ -290,103 +383,127 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(q, { emit: K }) {
-    fe((a) => ({
-      "11f9697a": g.value,
-      "0db101da": B.value
+  setup(T, { emit: S }) {
+    Be((p) => ({
+      "67b14d92": Z.value,
+      d863b894: V.value
     }));
-    const d = q, l = K, f = Re(), L = s(() => d.placeholder ?? [ie("开始日期"), ie("结束日期")]), m = G(d, "modelValue"), p = G(d, "error"), B = s(() => d.width ? d.width : "230px"), g = s(() => d.height ? d.height : "auto"), y = s(() => ({ ...f, ...d.prevAttrs })), N = s(() => ({ ...f, ...d.nextAttrs })), V = u(), W = u(!1), J = u({
+    const l = T, t = S, k = Re(), O = r(() => l.placeholder ?? [$e("开始日期"), $e("结束日期")]), A = ye(l, "modelValue"), v = ye(l, "error"), X = r(() => ({
+      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)
+      ] : 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({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), Z = () => {
-      W.value = !0;
-    }, U = () => {
-      W.value = !1;
-    }, x = (a, n) => {
-      a ? Z() : U();
-    }, A = (a, n) => {
-      l("openChange", a, n), D.value === "en-US" && re(() => {
-        const b = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let I of b)
-          I && (I.innerText = "OK");
+    }), I = () => {
+      w.value = !0;
+    }, j = () => {
+      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)
+          ie && (ie.innerText = "OK");
       });
-    }, C = s(() => {
-      let a = d.valueFormat ? d.valueFormat : d.format;
+    }, fe = r(() => {
+      let p = l.valueFormat ? l.valueFormat : l.format;
       return [
-        m.value[0] ? Ee.isDayjs(m.value[0]) ? m.value[0].format(a) : m.value[0] : "",
-        m.value[1] ? Ee.isDayjs(m.value[1]) ? m.value[1].format(a) : m.value[1] : ""
+        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] : ""
       ];
-    }), Y = (a) => d.disabledDate && d.disabledDate(a) === !0 ? !0 : !!(m.value[1] && a.isAfter(m.value[1], d.disabledUnit || void 0)), h = (a) => d.disabledDate && d.disabledDate(a) === !0 ? !0 : !!(m.value[0] && a.isBefore(m.value[0], d.disabledUnit || void 0)), M = s(() => ({
-      width: d.width
-    })), _ = (a, n) => {
-      p.value = !1, l("update:model-value", m.value), l("change", m.value, C.value);
-    }, Q = (a, n) => {
-      p.value = !1, l("update:model-value", m.value), l("change", m.value, C.value);
+    }), 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(() => ({
+      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);
     };
-    return (a, n) => me((v(), z("div", {
+    return (p, m) => Ne((y(), M("div", {
       class: "das-ui-date-range-picker",
-      style: X(M.value),
+      style: he(ne.value),
       ref_key: "$dateRange",
-      ref: V
+      ref: G
     }, [
-      S(o(Ve), se(y.value, {
-        modelValue: o(m)[0],
-        "onUpdate:modelValue": n[0] || (n[0] = (b) => o(m)[0] = b),
-        size: d.size,
-        valueFormat: d.valueFormat,
-        borderType: d.borderType,
-        error: o(p),
-        width: d.itemWidth,
-        "disabled-date": Y,
-        placeholder: L.value[0],
-        onChange: _,
-        onOpenChange: n[1] || (n[1] = (b) => A(b, "before"))
-      }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      $(a.$slots, "separator", {}, () => [
-        E("span", Ge, O(d.separator), 1)
+      $(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),
-      S(o(Ve), se(N.value, {
-        modelValue: o(m)[1],
-        "onUpdate:modelValue": n[2] || (n[2] = (b) => o(m)[1] = b),
-        size: d.size,
-        valueFormat: d.valueFormat,
-        borderType: d.borderType,
-        error: o(p),
-        width: d.itemWidth,
-        "disabled-date": h,
-        placeholder: L.value[1],
-        onChange: Q,
-        onOpenChange: n[3] || (n[3] = (b) => A(b, "after"))
-      }), null, 16, ["modelValue", "size", "valueFormat", "borderType", "error", "width", "placeholder"]),
-      a.error && a.errorLabel ? (v(), z(ne, { key: 0 }, [
-        a.errorMode === "default" ? (v(), z("div", Je, [
-          E("span", {
-            style: X(J.value)
-          }, O(a.errorLabel), 5)
-        ])) : P("", !0),
-        a.errorMode === "overlay" && W.value ? (v(), H(o(he), {
+      $(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: a.errorLabel,
-          getEl: () => V.value,
-          errorModelZIndex: a.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
+          errorLabel: p.errorLabel,
+          getEl: () => G.value,
+          errorModelZIndex: p.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
+      ], 64)) : H("", !0)
     ], 4)), [
-      [o(ye), x]
+      [d(_e), B]
     ]);
   }
-}), rr = /* @__PURE__ */ be(er, [["__scopeId", "data-v-9599ec25"]]), lr = { class: "ant-picker-cell-inner" }, tr = { class: "das-picker-footer-extra" }, ar = {
+}), Ft = /* @__PURE__ */ Oe(It, [["__scopeId", "data-v-7dcb0d60"]]), $t = { class: "das-picker-footer-extra" }, Pt = {
   key: 0,
   class: "das-picker-ranges"
-}, or = { class: "das-picker-preset-span" }, ur = ["onClick"], nr = {
+}, Lt = { class: "das-picker-preset-span" }, At = ["onClick"], xt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, sr = {
+}, Et = {
   name: "DasRangePicker"
-}, ir = /* @__PURE__ */ ve({
-  ...sr,
+}, Bt = /* @__PURE__ */ Ee({
+  ...Et,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -411,204 +528,248 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(q, { expose: K, emit: d }) {
-    fe((e) => ({
-      c8be7bae: V.value,
-      "82aeedb8": J.value
+  setup(T, { expose: S, emit: l }) {
+    Be((o) => ({
+      "3d463760": p.value,
+      "3070abdd": E.value
     }));
-    const l = q, f = d;
-    Me({
+    const t = T, k = l;
+    ot({
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       riqixuanze: import("@das-fed/upf-ui/packages/icons/riqixuanze")
     });
-    const L = u(void 0);
-    j(D, async () => {
-      L.value = await Se(D.value);
+    const O = n(void 0);
+    ce(_, async () => {
+      O.value = await Ge(_.value);
     }, { immediate: !0 });
-    const m = s(() => `range-picker-${D.value}`), p = u(null), B = u(null), g = s(() => l.size === "table" || l.size === "middle" || l.size === "default" ? "middle" : l.size), y = G(l, "modelValue"), N = G(l, "error"), V = s(() => l.width ? l.width : "230px"), W = s(() => l.formSize), J = s(() => l.height ? l.height : W.value ? {
+    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,
+      // 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;
+      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 ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[W.value] : "auto"), Z = u(3e3), U = s(() => ({
-      "z-index": Z.value
-    })), x = u(!1), A = u({
+    }[m.value] : "auto"), ie = n(3e3), pe = r(() => ({
+      "z-index": ie.value
+    })), C = n(!1), N = n({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), C = s(() => {
-      var e;
-      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (e = l.placeholder) == null ? void 0 : e.map((i) => ie(i));
-    }), Y = s(() => ({
-      width: l.width
-    })), h = u(!1), M = u(["", ""]), _ = u("~"), Q = s(() => {
-      var e;
-      return (e = y.value) != null && e.length && y.value[0] && y.value[1] ? M.value.join(" " + _.value + " ") : C.value.join(" " + _.value + " ");
-    }), a = u([0, 0]), n = u([0, 0]), b = () => {
-      var k;
-      let e = [];
-      const i = (k = p.value) == null ? void 0 : k.$el.querySelectorAll(".ant-picker-input>input");
-      if (!i)
-        return e = [0, 0], e;
-      let T = [];
-      for (let R of i) {
-        T.push(R.getAttribute("value") || "");
-        let De = (R == null ? void 0 : R.offsetWidth) ?? 0;
-        e.push(De);
+    }), se = r(() => {
+      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(() => {
+      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 = () => {
+      var s;
+      let o = [];
+      const e = (s = v.value) == null ? void 0 : s.$el.querySelectorAll(".ant-picker-input>input");
+      if (!e)
+        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);
       }
-      return M.value = T, e;
-    }, I = (e) => {
-      const i = l.size === "table" ? 12 : 14;
-      return $e(e, i);
-    }, F = () => {
-      var T;
-      let e = [];
-      return ((T = p.value) == null ? void 0 : T.$el.querySelectorAll(".ant-picker-input>input")).forEach((k, R) => {
-        y.value.length && y.value[0] && y.value[0] ? e.push(k == null ? void 0 : k.scrollWidth) : e.push(I(C.value[R]));
-      }), e;
+      return Ze.value = i, o;
+    }, ze = (o) => {
+      const e = t.size === "table" ? 12 : 14;
+      return Je(o, e);
+    }, 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]));
+      }), o;
     };
-    j(() => [C.value, y.value], () => {
-      re(() => {
-        a.value = b(), n.value = F(), (a.value[0] === n.value[0] || n.value[0] - a.value[0] < 1) && (a.value[1] === n.value[1] || n.value[1] - a.value[1] < 1) && (h.value = !1);
+    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);
       });
     });
-    const w = u();
-    j(
+    const U = n();
+    ce(
       () => {
-        var e;
-        return (e = B.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        var o;
+        return (o = X.value) == null ? void 0 : o.$tooltipRef.popperRef.contentRef;
       },
-      (e) => {
-        e && (e.addEventListener("mouseenter", function() {
-          h.value = !0, w.value && clearTimeout(w.value);
-        }), e.addEventListener("mouseleave", function() {
-          w.value = setTimeout(() => {
-            h.value = !1;
+      (o) => {
+        o && (o.addEventListener("mouseenter", function() {
+          K.value = !0, U.value && clearTimeout(U.value);
+        }), o.addEventListener("mouseleave", function() {
+          U.value = setTimeout(() => {
+            K.value = !1;
           }, 200);
         }));
       }
     );
-    const te = (e) => {
-      e && (Z.value = Ie().nextZIndex()), f("openChange", e), D.value === "en-US" && re(() => {
-        const i = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let T of i)
-          T && (T.innerText = "OK");
+    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)
+          i && (i.innerText = "OK");
       });
-    }, ae = () => {
-      a.value = b(), n.value = F(), (a.value[0] === n.value[0] || n.value[0] - a.value[0] < 1) && (a.value[1] === n.value[1] || n.value[1] - a.value[1] < 1) ? h.value = !1 : (h.value = !0, w.value && clearTimeout(w.value)), x.value = !0;
-    }, oe = () => {
-      w.value = setTimeout(() => {
-        h.value = !1;
-      }, 200), x.value = !1;
-    }, ue = (e, i) => {
-      e ? ae() : oe();
-    }, de = (e, i) => {
-      if (N.value = !1, e === null) {
-        f("update:model-value", [null, null]), f("change", [null, null], i);
+    }, u = (o) => {
+      L(R.value) && (f.value = et(o));
+    }, a = () => {
+      f.value = "", V.value = Ce(
+        u,
+        L(R.value),
+        V.value
+      );
+    }, c = () => {
+      V.value = Ce(u, !1, V.value);
+    };
+    je(() => {
+      c(), f.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;
+    }, W = () => {
+      U.value = setTimeout(() => {
+        K.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);
         return;
       }
-      f("update:error", N.value), f("update:model-value", e), f("change", e, i);
-    }, pe = (e) => {
-      f("update:model-value", e.value), f("change", e.value, [e.value[0].format(l.format), e.value[1].format(l.format)]), p.value.blur();
+      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();
     };
-    return K({
-      $rangePicker: p,
+    return S({
+      $rangePicker: v,
       blur: () => {
-        p.value.blur();
+        v.value.blur();
       },
       focus: () => {
-        p.value.focus();
+        v.value.focus();
       }
-    }), (e, i) => (v(), z("div", {
-      class: ke(["das-ui-range-picker", [e.borderType, l.isView ? "readonly" : "", o(N) ? "is-error" : ""]]),
-      style: X(Y.value)
+    }), (o, e) => (y(), M("div", {
+      class: Ie(["das-ui-range-picker", [o.borderType, t.isView ? "readonly" : "", d(G) ? "is-error" : ""]]),
+      style: he(we.value)
     }, [
-      S(o(Te), { locale: L.value }, {
-        default: c(() => [
-          S(o(ze), {
+      $(d(Ue), { locale: O.value }, {
+        default: h(() => [
+          $(d(He), {
             ref_key: "inputTooltipRef",
-            ref: B,
+            ref: X,
             placement: "top",
             trigger: "hover",
-            visible: h.value,
-            disabled: !e.isTooltip,
-            content: Q.value
+            visible: K.value,
+            disabled: !o.isTooltip,
+            content: de.value
           }, {
-            default: c(() => {
-              var T;
+            default: h(() => {
+              var i;
               return [
-                me((v(), H(o(We), se({
-                  key: m.value,
+                Ne((y(), ve(d(mt), Fe({
+                  key: A.value,
                   ref_key: "$rangePicker",
-                  ref: p
-                }, e.$attrs, {
-                  value: o(y),
-                  size: g.value,
-                  locale: (T = L.value) == null ? void 0 : T.DatePicker,
-                  valueFormat: l.valueFormat,
-                  dropdownClassName: "das-ui-range-picker-dropdown " + e.dropdownClassName,
-                  placeholder: C.value,
-                  showToday: e.showToday,
-                  showTime: e.showTime,
-                  bordered: e.borderType === "bordered",
-                  disabled: l.disabled || l.isView,
-                  style: Y.value,
-                  popupStyle: U.value,
-                  onChange: de,
-                  onOpenChange: te
+                  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: c((k) => [
-                    $(e.$slots, "dateRender", ge(we(k)), () => [
-                      E("div", lr, O(k.current.date()), 1)
+                  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: c(() => i[1] || (i[1] = [
-                    Le(" XX ")
+                  nextIcon: h(() => e[1] || (e[1] = [
+                    at(" XX ")
                   ])),
-                  prevIcon: c(() => [
-                    $(e.$slots, "prevIcon", {}, void 0, !0)
+                  prevIcon: h(() => [
+                    P(o.$slots, "prevIcon", {}, void 0, !0)
                   ]),
-                  superNextIcon: c(() => [
-                    $(e.$slots, "superNextIcon", {}, void 0, !0)
+                  superNextIcon: h(() => [
+                    P(o.$slots, "superNextIcon", {}, void 0, !0)
                   ]),
-                  superPrevIcon: c(() => [
-                    $(e.$slots, "superPrevIcon", {}, void 0, !0)
+                  superPrevIcon: h(() => [
+                    P(o.$slots, "superPrevIcon", {}, void 0, !0)
                   ]),
-                  suffixIcon: c(() => [
-                    $(e.$slots, "suffixIcon", {}, () => [
-                      S(o(le), {
+                  suffixIcon: h(() => [
+                    P(o.$slots, "suffixIcon", {}, () => [
+                      $(d(Se), {
                         class: "das-suffix-icon",
                         icon: "riqixuanze",
-                        size: "medium"
+                        size: "medium",
+                        "icon-color": "#666666"
                       })
                     ], !0)
                   ]),
-                  separator: c(() => [
-                    $(e.$slots, "separator", {}, () => [
-                      i[2] || (i[2] = E("div", { style: { padding: "0 8px" } }, "~", -1))
+                  separator: h(() => [
+                    P(o.$slots, "separator", {}, () => [
+                      e[2] || (e[2] = J("div", { style: { padding: "0 8px" } }, "~", -1))
                     ], !0)
                   ]),
-                  renderExtraFooter: c(() => [
-                    E("div", tr, [
-                      $(e.$slots, "renderExtraFooter", {}, void 0, !0)
+                  renderExtraFooter: h(() => [
+                    J("div", $t, [
+                      P(o.$slots, "renderExtraFooter", {}, void 0, !0)
                     ]),
-                    e.showTime || e.ranges && e.ranges.length ? (v(), z("div", ar, [
-                      (v(!0), z(ne, null, Pe(e.ranges, (k) => (v(), z("div", {
+                    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: k.key
+                        key: s.key
                       }, [
-                        k.type === "dropdown" && k.children.length ? (v(), H(o(Ze), {
+                        s.type === "dropdown" && s.children.length ? (y(), ve(d(ht), {
                           key: 0,
                           trigger: ["click"]
                         }, {
-                          overlay: c(() => [
-                            S(o(Ae), null, {
-                              default: c(() => [
-                                (v(!0), z(ne, null, Pe(k.children, (R) => (v(), H(o(Fe), {
-                                  key: R.key,
-                                  onClick: (De) => pe(R)
+                          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: c(() => [
-                                    (v(), z("span", { key: R }, O(R.key), 1))
+                                  default: h(() => [
+                                    (y(), M("span", { key: g }, ae(g.key), 1))
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"]))), 128))
@@ -616,15 +777,15 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                               _: 2
                             }, 1024)
                           ]),
-                          default: c(() => [
-                            E("a", {
+                          default: h(() => [
+                            J("a", {
                               class: "ant-dropdown-link",
-                              onClick: i[0] || (i[0] = Be(() => {
+                              onClick: e[0] || (e[0] = vt(() => {
                               }, ["prevent"]))
                             }, [
-                              E("span", or, [
-                                Le(O(k.key) + " ", 1),
-                                S(o(le), {
+                              J("span", Lt, [
+                                at(ae(s.key) + " ", 1),
+                                $(d(Se), {
                                   icon: "fold",
                                   size: "mini",
                                   style: { display: "inline-block" }
@@ -633,17 +794,17 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
                             ])
                           ]),
                           _: 2
-                        }, 1024)) : (v(), z("span", {
+                        }, 1024)) : (y(), M("span", {
                           key: 1,
                           class: "das-picker-preset-span",
-                          onClick: (R) => pe(k)
-                        }, O(k.key), 9, ur))
+                          onClick: (g) => Ye(s)
+                        }, ae(s.key), 9, At))
                       ]))), 128))
-                    ])) : P("", !0)
+                    ])) : H("", !0)
                   ]),
                   _: 3
                 }, 16, ["value", "size", "locale", "valueFormat", "dropdownClassName", "placeholder", "showToday", "showTime", "bordered", "disabled", "style", "popupStyle"])), [
-                  [o(ye), ue]
+                  [d(_e), te]
                 ])
               ];
             }),
@@ -652,32 +813,36 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      e.error && e.errorLabel ? (v(), z(ne, { key: 0 }, [
-        e.errorMode === "default" ? (v(), z("div", nr, [
-          E("span", {
-            style: X(A.value)
-          }, O(e.errorLabel), 5)
-        ])) : P("", !0),
-        e.errorMode === "overlay" && x.value ? (v(), H(o(he), {
+      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: e.errorLabel,
+          errorLabel: o.errorLabel,
           getEl: () => {
-            var T;
-            return (T = p.value) == null ? void 0 : T.$el;
+            var i;
+            return (i = v.value) == null ? void 0 : i.$el;
           },
-          errorModelZIndex: e.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
+          errorModelZIndex: o.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
+      ], 64)) : H("", !0)
     ], 6));
   }
-}), dr = /* @__PURE__ */ be(ir, [["__scopeId", "data-v-960c26e8"]]), pr = { class: "ant-picker-cell-inner" }, cr = {
+}), Rt = /* @__PURE__ */ Oe(Bt, [["__scopeId", "data-v-808c8456"]]), Nt = { class: "ant-picker-cell-inner" }, Wt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, vr = {
+}, _t = {
   name: "DasDatePicker"
-}, fr = /* @__PURE__ */ ve({
-  ...vr,
+}, Ot = /* @__PURE__ */ Ee({
+  ..._t,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -698,135 +863,163 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(q, { expose: K, emit: d }) {
-    fe((r) => ({
-      "680e6b6e": N.value,
-      "7ff0087f": J.value
+  setup(T, { expose: S, emit: l }) {
+    Be((u) => ({
+      d2190082: j.value,
+      "2dad7e4e": fe.value
     }));
-    const l = q, f = d, L = u(void 0);
-    j(D, async () => {
-      L.value = await Se(D.value);
+    const t = T, k = l, O = n(void 0);
+    ce(_, async () => {
+      O.value = await Ge(_.value);
     }, { immediate: !0 });
-    const m = s(() => `time-picker-${D.value}`), p = u(null), B = u(null), g = G(l, "modelValue"), y = G(l, "error"), N = s(() => l.width ? l.width : "230px"), V = s(() => l.formSize), W = s(() => l.size === "large" ? "large" : l.size === "small" || l.size === "table" ? "small" : "middle"), J = s(() => l.height ? l.height : V.value ? {
+    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,
+      // timeZoneValueFormat 是最高优先级；未传时兼容旧业务继续使用 valueFormat 控制输出。
+      timeZoneValueFormat: t.timeZoneValueFormat ?? G.value
+    })), R = r(() => {
+      if (!L(w.value)) return Z;
+      const { valueFormat: u, "value-format": a, ...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 ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[V.value] : "auto"), Z = s(() => ({
-      width: l.width
-    })), U = s(() => l.isView ? l.noSetDefaultVal ? "" : "-" : ie(l.placeholder)), x = u(3e3), A = s(() => ({
-      "z-index": x.value
-    })), C = u(!1), Y = u({
+    }[B.value] : "auto"), Q = r(() => ({
+      width: t.width
+    })), le = r(() => t.isView ? t.noSetDefaultVal ? "" : "-" : $e(t.placeholder)), ne = n(3e3), ue = r(() => ({
+      "z-index": ne.value
+    })), ee = n(!1), p = n({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), h = (r) => {
-      r && (x.value = Ie().nextZIndex()), f("openChange", r), String(D.value).startsWith("en") && re(() => {
-        const t = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let e of t)
-          e && (e.innerText = "OK");
+    }), 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)
+          c && (c.innerText = "OK");
       });
-    }, M = u(!1), _ = u(""), Q = s(() => g.value ? _.value : U.value), a = () => {
-      const r = l.size === "table" ? 12 : 14;
-      return $e(U.value, r);
-    }, n = () => {
-      var t;
-      const r = (t = p.value) == null ? void 0 : t.$el.querySelector(".ant-picker-input>input");
-      return g.value ? r == null ? void 0 : r.scrollWidth : a();
-    }, b = () => {
-      var e;
-      const r = (e = p.value) == null ? void 0 : e.$el.querySelector(".ant-picker-input>input");
-      return r ? (_.value = r.getAttribute("value"), r.removeAttribute("title"), (r == null ? void 0 : r.offsetWidth) ?? 0) : 0;
-    }, I = u(0), F = u(0);
-    j(() => [U.value, g.value], () => {
-      re(() => {
-        I.value = b(), F.value = n(), (I.value === F.value || F.value - I.value < 1) && (M.value = !1);
+    }, E = (u) => {
+      L(w.value) && (f.value = et(u));
+    }, ie = () => {
+      f.value = "", V.value = Ce(
+        E,
+        L(w.value),
+        V.value
+      );
+    }, pe = () => {
+      V.value = Ce(E, !1, V.value);
+    };
+    je(() => {
+      pe(), f.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();
+    }, 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);
+    ce(() => [le.value, I.value], () => {
+      Te(() => {
+        F.value = Ze(), de.value = K(), (F.value === de.value || de.value - F.value < 1) && (C.value = !1);
       });
     });
-    const w = u();
-    j(
+    const D = n();
+    ce(
       () => {
-        var r;
-        return (r = B.value) == null ? void 0 : r.$tooltipRef.popperRef.contentRef;
+        var u;
+        return (u = X.value) == null ? void 0 : u.$tooltipRef.popperRef.contentRef;
       },
-      (r) => {
-        r && (r.addEventListener("mouseenter", function() {
-          M.value = !0, w.value && clearTimeout(w.value);
-        }), r.addEventListener("mouseleave", function() {
-          w.value = setTimeout(() => {
-            M.value = !1;
+      (u) => {
+        u && (u.addEventListener("mouseenter", function() {
+          C.value = !0, D.value && clearTimeout(D.value);
+        }), u.addEventListener("mouseleave", function() {
+          D.value = setTimeout(() => {
+            C.value = !1;
           }, 200);
         }));
       }
     );
-    const te = () => {
-      I.value = b(), F.value = n(), I.value === F.value || F.value - I.value < 1 ? M.value = !1 : (M.value = !0, w.value && clearTimeout(w.value)), C.value = !0;
-    }, ae = () => {
-      w.value = setTimeout(() => {
-        M.value = !1;
-      }, 200), C.value = !1;
-    }, oe = (r) => {
-      r ? te() : ae();
-    }, ue = (r, t) => {
-      y.value = !1, f("update:error", y.value), f("update:model-value", r), f("change", r, t);
+    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 = () => {
+      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);
     };
-    return K({
-      $timePicker: p,
+    return S({
+      $timePicker: v,
       blur: () => {
-        p.value.blur();
+        v.value.blur();
       },
       focus: () => {
-        p.value.focus();
+        v.value.focus();
       }
-    }), (r, t) => (v(), z("div", {
-      class: ke(["das-ui-time-picker", [r.borderType, l.isView ? "readonly" : "", o(y) ? "is-error" : ""]]),
-      style: X(Z.value)
+    }), (u, a) => (y(), M("div", {
+      class: Ie(["das-ui-time-picker", [u.borderType, t.isView ? "readonly" : "", d(Y) ? "is-error" : ""]]),
+      style: he(Q.value)
     }, [
-      S(o(Te), { locale: L.value }, {
-        default: c(() => [
-          S(o(ze), {
+      $(d(Ue), { locale: O.value }, {
+        default: h(() => [
+          $(d(He), {
             ref_key: "inputTooltipRef",
-            ref: B,
+            ref: X,
             placement: "top",
             trigger: "hover",
-            visible: M.value,
-            disabled: !r.isTooltip,
-            content: Q.value
+            visible: C.value,
+            disabled: !u.isTooltip,
+            content: se.value
           }, {
-            default: c(() => [
-              me((v(), H(o(Oe), se({
-                key: m.value,
+            default: h(() => [
+              Ne((y(), ve(d(bt), Fe({
+                key: A.value,
                 ref_key: "$timePicker",
-                ref: p
-              }, r.$attrs, {
-                value: o(g),
-                "onUpdate:value": t[0] || (t[0] = (e) => Ce(g) ? g.value = e : null),
-                size: W.value,
-                popupClassName: "das-ui-time-picker-dropdown " + r.dropdownClassName,
-                showNow: r.showNow,
-                bordered: r.borderType === "bordered",
-                placeholder: U.value,
-                disabled: l.disabled || l.isView,
-                style: Z.value,
-                popupStyle: A.value,
-                onChange: ue,
-                onOpenChange: h
+                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: c((e) => [
-                  $(r.$slots, "dateRender", ge(we(e)), () => [
-                    E("div", pr, O(e.current.date()), 1)
+                dateRender: h((c) => [
+                  P(u.$slots, "dateRender", qe(Ke(c)), () => [
+                    J("div", Nt, ae(c.current.date()), 1)
                   ], !0)
                 ]),
-                suffixIcon: c(() => [
-                  $(r.$slots, "suffixIcon", {}, () => [
-                    S(o(_e), {
+                suffixIcon: h(() => [
+                  P(u.$slots, "suffixIcon", {}, () => [
+                    $(d(wt), {
                       class: "das-suffix-icon",
-                      size: "medium"
+                      size: "medium",
+                      iconColor: "#666666"
                     })
                   ], !0)
                 ]),
                 _: 3
               }, 16, ["value", "size", "popupClassName", "showNow", "bordered", "placeholder", "disabled", "style", "popupStyle"])), [
-                [o(ye), oe]
+                [d(_e), be]
               ])
             ]),
             _: 3
@@ -834,32 +1027,36 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      r.error && r.errorLabel ? (v(), z(ne, { key: 0 }, [
-        r.errorMode === "default" ? (v(), z("div", cr, [
-          E("span", {
-            style: X(Y.value)
-          }, O(r.errorLabel), 5)
-        ])) : P("", !0),
-        r.errorMode === "overlay" && C.value ? (v(), H(o(he), {
+      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: r.errorLabel,
+          errorLabel: u.errorLabel,
           getEl: () => {
-            var e;
-            return (e = p.value) == null ? void 0 : e.$el;
+            var c;
+            return (c = v.value) == null ? void 0 : c.$el;
           },
-          errorModelZIndex: r.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
+          errorModelZIndex: u.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
+      ], 64)) : H("", !0)
     ], 6));
   }
-}), mr = /* @__PURE__ */ be(fr, [["__scopeId", "data-v-dfa7b5b9"]]), hr = { class: "ant-picker-cell-inner" }, yr = {
+}), Yt = /* @__PURE__ */ Oe(Ot, [["__scopeId", "data-v-05ea88f6"]]), jt = { class: "ant-picker-cell-inner" }, qt = {
   key: 0,
   class: "das-date-picker-error-label-content"
-}, br = {
+}, Kt = {
   name: "DasDatePicker"
-}, kr = /* @__PURE__ */ ve({
-  ...br,
+}, Ut = /* @__PURE__ */ Ee({
+  ...Kt,
   props: {
+    timeZoneMode: {},
+    timeZone: {},
+    useClientTimeZone: { type: Boolean },
+    timeZoneValueFormat: {},
     modelValue: {},
     borderType: { default: "bordered" },
     size: { default: "middle" },
@@ -880,164 +1077,191 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
     formSize: {}
   },
   emits: ["change", "openChange", "update:model-value", "update:error"],
-  setup(q, { expose: K, emit: d }) {
-    fe((t) => ({
-      43899416: N.value,
-      "13d9f4d7": J.value
-    })), Me({
+  setup(T, { expose: S, emit: l }) {
+    Be((a) => ({
+      "8abddf88": j.value,
+      "7fb1fd71": fe.value
+    })), ot({
       dengdai: import("@das-fed/upf-ui/packages/icons/dengdai")
     });
-    const l = q, f = d, L = u(void 0);
-    j(D, async () => {
-      L.value = await Se(D.value);
+    const t = T, k = l, O = n(void 0);
+    ce(_, async () => {
+      O.value = await Ge(_.value);
     }, { immediate: !0 });
-    const m = s(() => `time-range-picker-${D.value}`), p = u(null), B = u(null), g = G(l, "modelValue"), y = G(l, "error"), N = s(() => l.width ? l.width : "230px"), V = s(() => l.formSize), W = s(() => l.size === "large" ? "large" : l.size === "small" || l.size === "table" ? "small" : "middle"), J = s(() => l.height ? l.height : V.value ? {
+    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,
+      // 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 ? {
       small: "24px",
       default: "32px",
       large: "40px"
-    }[V.value] : "auto"), Z = u(3e3), U = s(() => ({
-      "z-index": Z.value
-    })), x = s(() => ({
-      width: l.width
-    })), A = s(() => {
-      var t;
-      return l.isView ? l.noSetDefaultVal ? ["", ""] : ["-", "-"] : (t = l.placeholder) == null ? void 0 : t.map((e) => ie(e));
-    }), C = u(!1), Y = u({
+    }[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({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), h = u(!1), M = u(["", ""]), _ = u("~"), Q = s(() => {
-      var t;
-      return (t = g.value) != null && t.length && g.value[0] && g.value[1] ? M.value.join(" " + _.value + " ") : A.value.join(" " + _.value + " ");
-    }), a = u([0, 0]), n = u([0, 0]), b = () => {
-      var T;
-      let t = [];
-      const e = (T = p.value) == null ? void 0 : T.$el.querySelectorAll(".ant-picker-input>input");
-      if (!e)
-        return t = [0, 0], t;
-      let i = [];
-      for (let k of e) {
-        i.push(k.getAttribute("value") || "");
-        let R = (k == null ? void 0 : k.offsetWidth) ?? 0;
-        t.push(R);
+    }), 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 = () => {
+      var W;
+      let a = [];
+      const c = (W = v.value) == null ? void 0 : W.$el.querySelectorAll(".ant-picker-input>input");
+      if (!c)
+        return a = [0, 0], a;
+      let b = [];
+      for (let te of c) {
+        b.push(te.getAttribute("value") || "");
+        let oe = (te == null ? void 0 : te.offsetWidth) ?? 0;
+        a.push(oe);
       }
-      return M.value = i, t;
-    }, I = (t) => {
-      const e = l.size === "table" ? 12 : 14;
-      return $e(t, e);
-    }, F = () => {
-      var i;
-      let t = [];
-      return ((i = p.value) == null ? void 0 : i.$el.querySelectorAll(".ant-picker-input>input")).forEach((T, k) => {
-        g.value.length && g.value[0] && g.value[0] ? t.push(T == null ? void 0 : T.scrollWidth) : t.push(I(A.value[k]));
-      }), t;
+      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;
     };
-    j(() => [A.value, g.value], () => {
-      re(() => {
-        a.value = b(), n.value = F(), (a.value[0] === n.value[0] || n.value[0] - a.value[0] < 1) && (a.value[1] === n.value[1] || n.value[1] - a.value[1] < 1) && (h.value = !1);
+    ce(() => [ue.value, x.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);
       });
     });
-    const w = u();
-    j(
+    const F = n();
+    ce(
       () => {
-        var t;
-        return (t = B.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var a;
+        return (a = X.value) == null ? void 0 : a.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          h.value = !0, w.value && clearTimeout(w.value);
-        }), t.addEventListener("mouseleave", function() {
-          w.value = setTimeout(() => {
-            h.value = !1;
+      (a) => {
+        a && (a.addEventListener("mouseenter", function() {
+          m.value = !0, F.value && clearTimeout(F.value);
+        }), a.addEventListener("mouseleave", function() {
+          F.value = setTimeout(() => {
+            m.value = !1;
           }, 200);
         }));
       }
     );
-    const te = (t) => {
-      t && (Z.value = Ie().nextZIndex()), f("openChange", t), String(D.value).startsWith("en") && re(() => {
-        const e = document == null ? void 0 : document.querySelectorAll(".ant-picker-ok > .ant-btn > span");
-        for (let i of e)
-          i && (i.innerText = "OK");
+    const de = (a) => {
+      a && (Q.value = Xe().nextZIndex()), a ? D() : ke(), k("openChange", a), String(_.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");
       });
-    }, ae = () => {
-      a.value = b(), n.value = F(), (a.value[0] === n.value[0] || n.value[0] - a.value[0] < 1) && (a.value[1] === n.value[1] || n.value[1] - a.value[1] < 1) ? h.value = !1 : (h.value = !0, w.value && clearTimeout(w.value)), C.value = !0;
-    }, oe = () => {
-      w.value = setTimeout(() => {
-        h.value = !1;
-      }, 200), C.value = !1;
-    }, ue = (t) => {
-      t ? ae() : oe();
-    }, de = (t, e) => {
-      if (y.value = !1, t === null) {
-        f("update:model-value", [null, null]), f("change", [null, null], Array.isArray(e) ? e.join(" ~ ") : e);
+    }, z = (a) => {
+      L(w.value) && (f.value = et(a));
+    }, D = () => {
+      f.value = "", V.value = Ce(
+        z,
+        L(w.value),
+        V.value
+      );
+    }, ke = () => {
+      V.value = Ce(z, !1, V.value);
+    };
+    je(() => {
+      ke(), f.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;
+    }, be = () => {
+      F.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);
         return;
       }
-      f("update:error", y.value), f("update:model-value", t), f("change", t, Array.isArray(e) ? e.join(" ~ ") : e);
+      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);
     };
-    return K({
-      $timeRangePicker: p,
+    return S({
+      $timeRangePicker: v,
       blur: () => {
-        p.value.blur();
+        v.value.blur();
       },
       focus: () => {
-        p.value.focus();
+        v.value.focus();
       }
-    }), (t, e) => (v(), z("div", {
-      class: ke(["das-ui-time-range-picker", [t.borderType, l.isView ? "readonly" : "", o(y) ? "is-error" : ""]]),
-      style: X(x.value)
+    }), (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)
     }, [
-      S(o(Te), { locale: L.value }, {
-        default: c(() => [
-          S(o(ze), {
+      $(d(Ue), { locale: O.value }, {
+        default: h(() => [
+          $(d(He), {
             ref_key: "inputTooltipRef",
-            ref: B,
+            ref: X,
             placement: "top",
             trigger: "hover",
-            visible: h.value,
-            disabled: !t.isTooltip,
-            content: Q.value
+            visible: m.value,
+            disabled: !a.isTooltip,
+            content: pe.value
           }, {
-            default: c(() => [
-              me((v(), H(o(qe), se({
-                key: m.value,
+            default: h(() => [
+              Ne((y(), ve(d(gt), Fe({
+                key: A.value,
                 ref_key: "$timeRangePicker",
-                ref: p
-              }, t.$attrs, {
-                value: o(g),
-                "onUpdate:value": e[0] || (e[0] = (i) => Ce(g) ? g.value = i : null),
-                size: W.value,
-                popupClassName: "das-ui-time-range-picker-dropdown " + t.dropdownClassName,
-                showNow: t.showNow,
-                bordered: t.borderType === "bordered",
-                placeholder: A.value,
-                disabled: l.disabled || l.isView,
-                style: x.value,
-                popupStyle: U.value,
-                onChange: de,
-                onOpenChange: te
+                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: c((i) => [
-                  $(t.$slots, "dateRender", ge(we(i)), () => [
-                    E("div", hr, O(i.current.date()), 1)
+                dateRender: h((b) => [
+                  P(a.$slots, "dateRender", qe(Ke(b)), () => [
+                    J("div", jt, ae(b.current.date()), 1)
                   ], !0)
                 ]),
-                suffixIcon: c(() => [
-                  $(t.$slots, "suffixIcon", {}, () => [
-                    S(o(le), {
+                suffixIcon: h(() => [
+                  P(a.$slots, "suffixIcon", {}, () => [
+                    $(d(Se), {
                       class: "das-suffix-icon",
                       icon: "dengdai",
-                      size: "medium"
+                      size: "medium",
+                      "icon-color": "#666666"
                     })
                   ], !0)
                 ]),
-                separator: c(() => [
-                  $(t.$slots, "separator", {}, () => [
-                    e[1] || (e[1] = E("div", { style: { padding: "0 8px" } }, "~", -1))
+                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"])), [
-                [o(ye), ue]
+                [d(_e), De]
               ])
             ]),
             _: 3
@@ -1045,25 +1269,25 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
         ]),
         _: 3
       }, 8, ["locale"]),
-      t.error && t.errorLabel ? (v(), z(ne, { key: 0 }, [
-        t.errorMode === "default" ? (v(), z("div", yr, [
-          E("span", {
-            style: X(Y.value)
-          }, O(t.errorLabel), 5)
-        ])) : P("", !0),
-        t.errorMode === "overlay" && C.value ? (v(), H(o(he), {
+      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: t.errorLabel,
+          errorLabel: a.errorLabel,
           getEl: () => {
-            var i;
-            return (i = p.value) == null ? void 0 : i.$el;
+            var b;
+            return (b = v.value) == null ? void 0 : b.$el;
           },
-          errorModelZIndex: t.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : P("", !0)
-      ], 64)) : P("", !0)
+          errorModelZIndex: a.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : H("", !0)
+      ], 64)) : H("", !0)
     ], 6));
   }
-}), gr = /* @__PURE__ */ be(kr, [["__scopeId", "data-v-897bf2ce"]]), wr = {
+}), Ht = /* @__PURE__ */ Oe(Ut, [["__scopeId", "data-v-62ff6a8e"]]), Xt = {
   开始日期: { "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" },
@@ -1071,13 +1295,13 @@ const je = { class: "ant-picker-cell-inner" }, Ke = {
   请选择日期: { "zh-CN": "请选择日期", en: "Please select a date", "zh-MO": "請選擇日期", _appCode: "framework" },
   请选择时间: { "zh-CN": "请选择时间", en: "Please select the time", "zh-MO": "請選擇時間", _appCode: "framework" }
 };
-Ue(wr);
-const Fr = ce(Xe), Or = ce(rr), qr = ce(dr), Ur = ce(mr), _r = ce(gr), jr = { name: "datePicker 日期时间选择器" };
+Tt(Xt);
+const ko = xe(zt), bo = xe(Ft), go = xe(Rt), To = xe(Yt), wo = xe(Ht), Zo = { name: "datePicker 日期时间选择器" };
 export {
-  Fr as DasDatePicker,
-  Or as DasDateRangePicker,
-  qr as DasRangePicker,
-  Ur as DasTimePicker,
-  _r as DasTimeRangePicker,
-  jr as default
+  ko as DasDatePicker,
+  bo as DasDateRangePicker,
+  go as DasRangePicker,
+  To as DasTimePicker,
+  wo as DasTimeRangePicker,
+  Zo as default
 };