@aplus-frontend/ui 0.4.10 → 0.4.11

package/es/index.mjs

@@ -4,8 +4,8 @@ import "./src/hooks/index.mjs";
 import { configProviderProps as d } from "./src/config-provider/config-provider-props.mjs";
 import { DEFAULT_NAMESPACE as s, DEFAULT_UIMODE as A, configProviderContextKey as n } from "./src/config-provider/constants.mjs";
 import { keysOf as c, provideGlobalConfig as F, useGlobalConfig as I } from "./src/config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as b, buildTranslator as C, localeContextKey as D, translate as S, useLocale as g } from "./src/config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as G, namespaceContextKey as M, useGetDerivedNamespace as P, useNamespace as E } from "./src/config-provider/hooks/use-namespace.mjs";
+import { buildLocaleContext as b, buildTranslator as S, localeContextKey as C, translate as D, useLocale as g } from "./src/config-provider/hooks/use-locale.mjs";
+import { defaultNamespace as G, namespaceContextKey as P, useGetDerivedNamespace as M, useNamespace as E } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as N, globalConfigCached as R } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as w } from "./src/config-provider/index.mjs";
 import { ApFormItemText as v } from "./src/ap-form/items/text/index.mjs";
@@ -28,10 +28,10 @@ import { default as ne } from "./src/ap-form/dependency/index.vue.mjs";
 import { default as ce } from "./src/ap-form/set/index.vue.mjs";
 import { default as Ie } from "./src/ap-form/drawer-form/index.vue.mjs";
 import { default as be } from "./src/ap-form/render/control.vue.mjs";
-import { default as De } from "./src/ap-form/render/item.vue.mjs";
+import { default as Ce } from "./src/ap-form/render/item.vue.mjs";
 import { default as ge } from "./src/ap-form/provider/index.vue.mjs";
 import { ApField as Ge } from "./src/ap-field/index.mjs";
-import { ApFieldText as Pe } from "./src/ap-field/text/index.mjs";
+import { ApFieldText as Me } from "./src/ap-field/text/index.mjs";
 import { default as Le } from "./src/ap-field/checkbox/index.vue.mjs";
 import { default as Re } from "./src/ap-field/date/index.vue.mjs";
 import { default as we } from "./src/ap-field/number/index.vue.mjs";
@@ -53,10 +53,10 @@ import { default as so } from "./src/ap-action/group/index.vue.mjs";
 import { DictCode as no, langMap as io } from "./src/work-order-modal/interfaces.mjs";
 import { createWorkOrderModal as Fo } from "./src/work-order-modal/createWorkOrder.mjs";
 import { default as To } from "./src/work-order-modal/work-order-modal.vue.mjs";
-import { default as Co } from "./src/ap-tag/ap-tag.vue.mjs";
-import { default as So } from "./src/ap-tag/ap-tag-group.vue.mjs";
+import { default as So } from "./src/ap-tag/ap-tag.vue.mjs";
+import { default as Do } from "./src/ap-tag/ap-tag-group.vue.mjs";
 import { default as ho } from "./src/ap-info-layout/ApInfoLayout.vue.mjs";
-import { NeedNameKeyDefault as Mo } from "./src/ap-upload/apUploadTypes.mjs";
+import { NeedNameKeyDefault as Po } from "./src/ap-upload/apUploadTypes.mjs";
 import { default as Eo } from "./src/ap-upload/apUpload.vue.mjs";
 import { ApDownLoadNeedNameKeyDefault as No } from "./src/ap-download/interface.mjs";
 import { default as yo } from "./src/ap-download/ap-download.vue.mjs";
@@ -80,10 +80,10 @@ import { ApExpandAlert as Ar } from "./src/business/ap-expand-alert/index.mjs";
 import { ApExportGroupActionType as ir } from "./src/business/ap-export-group/interface.mjs";
 import { ApExportGroup as Fr } from "./src/business/ap-export-group/index.mjs";
 import { handleExportDownload as Tr } from "./src/business/ap-export-group/handleExportDownload.mjs";
-import { convertExportField as Cr } from "./src/business/ap-export-group/convertExportField.mjs";
-import { ApImage as Sr } from "./src/business/ap-image/index.mjs";
+import { convertExportField as Sr } from "./src/business/ap-export-group/convertExportField.mjs";
+import { ApImage as Dr } from "./src/business/ap-image/index.mjs";
 import { ApInputRadio as hr } from "./src/business/ap-input-radio/index.mjs";
-import { ApLabel as Mr, ApLabelGroup as Pr } from "./src/business/ap-label/index.mjs";
+import { ApLabel as Pr, ApLabelGroup as Mr } from "./src/business/ap-label/index.mjs";
 import { locales as Lr } from "./src/business/ap-ladder/interface.mjs";
 import { ApLadder as Rr } from "./src/business/ap-ladder/index.mjs";
 import { ApSelectLayout as wr } from "./src/business/ap-select-layout/index.mjs";
@@ -104,15 +104,18 @@ import { useTablePaging as nt } from "./src/ap-table/hooks/use-table-paging.mjs"
 import { ApTable as ct } from "./src/ap-table/index.mjs";
 import { default as It } from "./src/editable-table/index.vue.mjs";
 import { default as bt } from "./src/editable-table/form-item.vue.mjs";
-import { default as Dt } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
+import { default as Ct } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
 import { ensureRangeValue as gt } from "./src/scroll-bar/utils/index.mjs";
 import { default as Gt } from "./src/scroll-bar/index.vue.mjs";
-import { default as Pt } from "./src/scroll-bar/internal.vue.mjs";
+import { default as Mt } from "./src/scroll-bar/internal.vue.mjs";
 import { default as Lt } from "./src/scroll-view/index.vue.mjs";
-import { useMessage as Rt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as wt } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as vt } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as Kt } from "./src/hooks/useThrottleRef.mjs";
+import { default as Rt } from "./src/portal/index.vue.mjs";
+import { default as wt } from "./src/full-screen/index.vue.mjs";
+import { useMessage as vt } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Kt } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as Ot } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as Wt } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as zt } from "./src/hooks/useFullScreen.mjs";
 const a = {
   install: (r) => {
     for (const t in o) {
@@ -136,7 +139,7 @@ export {
   _o as ApButton,
   xr as ApButtonGroup,
   ur as ApCard,
-  Dt as ApDescriptions,
+  Ct as ApDescriptions,
   No as ApDownLoadNeedNameKeyDefault,
   yo as ApDownload,
   jo as ApDrawer,
@@ -156,7 +159,7 @@ export {
   ze as ApFieldSelect,
   qe as ApFieldSlider,
   Ke as ApFieldSwitch,
-  Pe as ApFieldText,
+  Me as ApFieldText,
   Oe as ApFieldTextArea,
   re as ApForm,
   be as ApFormControlRender,
@@ -170,7 +173,7 @@ export {
   fe as ApFormItemGroup,
   O as ApFormItemNumber,
   $ as ApFormItemRadio,
-  De as ApFormItemRender,
+  Ce as ApFormItemRender,
   q as ApFormItemSelect,
   Q as ApFormItemSwitch,
   v as ApFormItemText,
@@ -182,11 +185,11 @@ export {
   de as ApFormSearchForm,
   ce as ApFormSet,
   tt as ApGroupSearch,
-  Sr as ApImage,
+  Dr as ApImage,
   ho as ApInfoLayout,
   hr as ApInputRadio,
-  Mr as ApLabel,
-  Pr as ApLabelGroup,
+  Pr as ApLabel,
+  Mr as ApLabelGroup,
   Rr as ApLadder,
   Vo as ApList,
   Uo as ApModal,
@@ -199,8 +202,8 @@ export {
   Qr as ApSummary,
   ct as ApTable,
   Xo as ApTableModal,
-  Co as ApTag,
-  So as ApTagGroup,
+  So as ApTag,
+  Do as ApTagGroup,
   Ur as ApTitle,
   Jo as ApTransformDataHelper,
   Eo as ApUpload,
@@ -214,19 +217,21 @@ export {
   no as DictCode,
   It as EditableTable,
   bt as EditableTableFormItem,
-  Pt as InternalScrollBar,
-  Mo as NeedNameKeyDefault,
+  wt as FullScreen,
+  Mt as InternalScrollBar,
+  Po as NeedNameKeyDefault,
+  Rt as Portal,
   Gt as ScrollBar,
   Lt as ScrollView,
   To as WorkOrderModal,
   eo as adminToken,
   oo as aplusToken,
   b as buildLocaleContext,
-  C as buildTranslator,
+  S as buildTranslator,
   Hr as computedRecords,
   n as configProviderContextKey,
   d as configProviderProps,
-  Cr as convertExportField,
+  Sr as convertExportField,
   Fo as createWorkOrderModal,
   a as default,
   G as defaultNamespace,
@@ -238,23 +243,24 @@ export {
   Tr as handleExportDownload,
   c as keysOf,
   io as langMap,
-  D as localeContextKey,
+  C as localeContextKey,
   Lr as locales,
-  M as namespaceContextKey,
+  P as namespaceContextKey,
   l as pathMap,
   F as provideGlobalConfig,
-  S as translate,
-  wt as useControllableValue,
-  P as useGetDerivedNamespace,
+  D as translate,
+  Kt as useControllableValue,
+  zt as useFullScreen,
+  M as useGetDerivedNamespace,
   I as useGlobalConfig,
   g as useLocale,
-  vt as useManualRef,
-  Rt as useMessage,
+  Ot as useManualRef,
+  vt as useMessage,
   E as useNamespace,
   Vr as usePageListApTable,
   Zo as useTableModal,
   nt as useTablePaging,
   _r as useTableRefresh,
   or as useTableSelectModal,
-  Kt as useThrottleRef
+  Wt as useThrottleRef
 };

package/es/src/ap-field/date/index.vue.mjs

@@ -1,14 +1,15 @@
-import { defineComponent as b, computed as i, unref as t, openBlock as v, createElementBlock as _, Fragment as w, createTextVNode as M, toDisplayString as R, createBlock as F, mergeProps as A, createSlots as D, renderList as x, withCtx as E, renderSlot as V, normalizeProps as z, guardReactiveProps as N } from "vue";
-import r from "dayjs";
-import { DatePicker as j } from "@aplus-frontend/antdv";
-import { ApFieldDatePresetFormats as I, PRESET_FORMAT_MAP as H, PRESET_FORMAT_PICK_MAP as U, PRESET_FORMAT_TIME_MAP as K } from "./constant.mjs";
+import { defineComponent as x, computed as s, unref as a, openBlock as m, createElementBlock as g, Fragment as k, createTextVNode as P, toDisplayString as C, createBlock as h, normalizeStyle as V, withCtx as f, isRef as E, renderList as S, createCommentVNode as N, createVNode as j, mergeProps as I, createSlots as U, renderSlot as H, normalizeProps as K, guardReactiveProps as $ } from "vue";
+import u from "dayjs";
+import { InputGroup as G, Select as L, SelectOption as W, DatePicker as Y } from "@aplus-frontend/antdv";
+import { ApFieldDatePresetFormats as Z, PRESET_FORMAT_MAP as q, PRESET_FORMAT_PICK_MAP as J, PRESET_FORMAT_TIME_MAP as Q } from "./constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as y, omit as $ } from "lodash-unified";
-import { formatDayWithTimezone as L } from "./helper.mjs";
-import { getTimeFormatToZone as W } from "@aplus-frontend/utils";
-import { useDefaultPlaceholder as Y } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
-const le = /* @__PURE__ */ b({
+import { isNil as T, omit as X } from "lodash-unified";
+import { formatDayWithTimezone as z } from "./helper.mjs";
+import { getTimeFormatToZone as ee } from "@aplus-frontend/utils";
+import { useDefaultPlaceholder as oe } from "../hooks/use-default-placeholder.mjs";
+import { useDateTimezone as te } from "../hooks/use-date-timezone.mjs";
+import { useControllableValue as ae } from "../../hooks/useControllableValue.mjs";
+const ve = /* @__PURE__ */ x({
   name: "ApFieldDate",
   __name: "index",
   props: {
@@ -87,23 +88,23 @@ const le = /* @__PURE__ */ b({
     timezone: {}
   },
   emits: ["update:value"],
-  setup(h, { emit: B }) {
-    const e = h, g = B, { value: m, updateValue: c } = Z(
+  setup(O, { emit: b }) {
+    const e = O, w = b, { value: c, updateValue: B } = ae(
       e,
-      g
-    ), k = Y("Date", e), n = i(
-      () => I.indexOf(e.format) > -1
-    ), d = i(
-      () => n.value ? H[e.format] : e.format
-    ), p = i(() => {
-      if (y(t(m)))
+      w
+    ), A = oe("Date", e), { currentTimezone: d } = te(e), r = s(
+      () => Z.indexOf(e.format) > -1
+    ), i = s(
+      () => r.value ? q[e.format] : e.format
+    ), v = s(() => {
+      if (T(a(c)))
         return;
-      let o = r(t(m));
-      return e.timezone && (o = r(W(t(m), e.timezone))), o;
-    }), P = i(() => t(n) ? e.picker ?? U[e.format] : e.picker), C = i(() => {
-      const o = t(n) ? K[e.format] : {};
+      let t = u(a(c));
+      return e.timezone && (t = u(ee(a(c), d.value))), t;
+    }), _ = s(() => a(r) ? e.picker ?? J[e.format] : e.picker), R = s(() => {
+      const t = a(r) ? Q[e.format] : {};
       return {
-        ...$(e, [
+        ...X(e, [
           "value",
           "defaultValue",
           "onChange",
@@ -112,61 +113,93 @@ const le = /* @__PURE__ */ b({
           "onUpdate:value",
           "mode"
         ]),
-        placeholder: t(k),
-        ...o
+        placeholder: a(A),
+        ...t
       };
-    }), f = L(e.timezone);
-    function O(o) {
-      if (y(o)) {
-        c(null);
+    }), y = (t, n, o = !0) => z(d.value)(t, n, o);
+    function M(t) {
+      if (T(t)) {
+        B(null);
         return;
       }
-      const l = r(o);
-      c(
-        f(
-          l,
-          t(n) ? t(d) : void 0,
+      const n = u(t);
+      B(
+        y(
+          n,
+          a(r) ? a(i) : void 0,
           e.formatBegins
         )
       );
     }
-    function T(o, l) {
-      var s;
-      const u = r(o), a = o ? f(
-        u,
-        t(n) ? t(d) : void 0,
+    function D(t, n) {
+      var p;
+      const o = u(t), l = t ? y(
+        o,
+        a(r) ? a(i) : void 0,
         e.formatBegins
       ) : null;
-      (s = e.onChange) == null || s.call(e, a, l);
+      (p = e.onChange) == null || p.call(e, l, n);
     }
-    function S(o) {
-      var a;
-      const l = r(o), u = o ? f(
-        l,
-        t(n) ? t(d) : void 0,
+    function F(t) {
+      var l;
+      const n = u(t), o = t ? y(
+        n,
+        a(r) ? a(i) : void 0,
         e.formatBegins
       ) : null;
-      (a = e.onOk) == null || a.call(e, u);
+      (l = e.onOk) == null || l.call(e, o);
     }
-    return (o, l) => o.mode === "read" ? (v(), _(w, { key: 0 }, [
-      M(R(p.value ? t(r)(p.value).format(d.value) : o.emptyText), 1)
-    ], 64)) : (v(), F(t(j), A({ key: 1 }, C.value, {
-      value: p.value,
-      format: d.value,
-      picker: P.value,
-      "onUpdate:value": O,
-      onChange: T,
-      onOk: S
-    }), D({ _: 2 }, [
-      x(o.$slots, (u, a) => ({
-        name: a,
-        fn: E((s) => [
-          V(o.$slots, a, z(N(s || {})))
-        ])
-      }))
-    ]), 1040, ["value", "format", "picker"]));
+    return (t, n) => t.mode === "read" ? (m(), g(k, { key: 0 }, [
+      P(C(v.value ? a(u)(v.value).format(i.value) : t.emptyText), 1)
+    ], 64)) : (m(), h(a(G), {
+      key: 1,
+      compact: "",
+      style: V({
+        display: Array.isArray(e.timezone) && e.timezone.length ? "flex" : "block"
+      })
+    }, {
+      default: f(() => [
+        Array.isArray(e.timezone) && e.timezone.length ? (m(), h(a(L), {
+          key: 0,
+          value: a(d),
+          "onUpdate:value": n[0] || (n[0] = (o) => E(d) ? d.value = o : null),
+          "default-active-first-option": "",
+          "dropdown-match-select-width": !1,
+          style: { "max-width": "50%" }
+        }, {
+          default: f(() => [
+            (m(!0), g(k, null, S(e.timezone, (o) => (m(), h(a(W), {
+              key: o == null ? void 0 : o.value,
+              value: o == null ? void 0 : o.value
+            }, {
+              default: f(() => [
+                P(C((o == null ? void 0 : o.label) ?? (o == null ? void 0 : o.value)), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["value"])) : N("", !0),
+        j(a(Y), I(R.value, {
+          value: v.value,
+          format: i.value,
+          picker: _.value,
+          "onUpdate:value": M,
+          onChange: D,
+          onOk: F
+        }), U({ _: 2 }, [
+          S(t.$slots, (o, l) => ({
+            name: l,
+            fn: f((p) => [
+              H(t.$slots, l, K($(p || {})))
+            ])
+          }))
+        ]), 1040, ["value", "format", "picker"])
+      ]),
+      _: 3
+    }, 8, ["style"]));
   }
 });
 export {
-  le as default
+  ve as default
 };

package/es/src/ap-field/date-range/index.vue.mjs

@@ -1,17 +1,18 @@
-import { defineComponent as H, useSlots as K, computed as m, unref as n, isVNode as $, createVNode as T, Fragment as h, openBlock as g, createElementBlock as v, createTextVNode as B, toDisplayString as P, createBlock as O, resolveDynamicComponent as L, mergeProps as W, createSlots as Y, renderList as Z, withCtx as q, renderSlot as G, normalizeProps as J, guardReactiveProps as Q } from "vue";
-import { ApFieldDatePresetFormats as X, PRESET_FORMAT_MAP as ee, PRESET_FORMAT_PICK_MAP as oe, PRESET_FORMAT_TIME_MAP as ne } from "../date/constant.mjs";
+import { defineComponent as L, useSlots as W, computed as y, unref as t, isVNode as Y, createVNode as M, Fragment as v, openBlock as d, createElementBlock as k, createTextVNode as B, toDisplayString as P, createBlock as C, resolveDynamicComponent as Z, normalizeStyle as q, withCtx as D, isRef as J, renderList as R, createCommentVNode as Q, mergeProps as X, createSlots as z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ne } from "vue";
+import { ApFieldDatePresetFormats as te, PRESET_FORMAT_MAP as ae, PRESET_FORMAT_PICK_MAP as re, PRESET_FORMAT_TIME_MAP as le } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as b, omit as R, isString as c, isFunction as te } from "lodash-unified";
-import u from "dayjs";
-import { DatePicker as ae } from "@aplus-frontend/antdv";
-import { formatDayWithTimezone as re } from "../date/helper.mjs";
-import { SwapRightOutlined as le } from "@ant-design/icons-vue";
-import { omitUndefined as ue } from "../../utils/index.mjs";
-import { getTimeFormatToZone as w } from "@aplus-frontend/utils";
-import { useDefaultPlaceholder as de } from "../hooks/use-default-placeholder.mjs";
-import { useDefaultPresets as ie } from "../hooks/use-default-presets.mjs";
-import { useControllableValue as se } from "../../hooks/useControllableValue.mjs";
-const De = /* @__PURE__ */ H({
+import { isNil as w, omit as _, isString as h, isFunction as ue } from "lodash-unified";
+import i from "dayjs";
+import { InputGroup as de, Select as ie, SelectOption as se, DatePicker as fe } from "@aplus-frontend/antdv";
+import { formatDayWithTimezone as pe } from "../date/helper.mjs";
+import { SwapRightOutlined as me } from "@ant-design/icons-vue";
+import { omitUndefined as ce } from "../../utils/index.mjs";
+import { getTimeFormatToZone as F } from "@aplus-frontend/utils";
+import { useDefaultPlaceholder as ye } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPresets as ve } from "../hooks/use-default-presets.mjs";
+import { useDateTimezone as he } from "../hooks/use-date-timezone.mjs";
+import { useControllableValue as ge } from "../../hooks/useControllableValue.mjs";
+const Fe = /* @__PURE__ */ L({
   __name: "index",
   props: {
     mode: {
@@ -153,85 +154,112 @@ const De = /* @__PURE__ */ H({
     }
   },
   emits: ["update:value"],
-  setup(_, {
-    emit: A
+  setup(N, {
+    emit: x
   }) {
-    const o = _, F = A, k = K(), d = m(() => X.indexOf(o.format) > -1), i = m(() => d.value ? ee[o.format] : o.format), {
-      value: y,
-      updateValue: C
-    } = se(o, F), N = de("DateRange", o), x = ie(o), s = re(o.timezone), S = m(() => {
-      var a, l;
-      const e = n(y);
-      if (b(e) || !(e != null && e.length))
+    const o = N, E = x, T = W(), s = y(() => te.indexOf(o.format) > -1), f = y(() => s.value ? ae[o.format] : o.format), {
+      value: g,
+      updateValue: O
+    } = ge(o, E), V = ye("DateRange", o), {
+      currentTimezone: u
+    } = he(o), I = ve({
+      ...o,
+      timezone: u
+    }), p = (e, a, r = !0) => pe(u.value)(e, a, r), S = y(() => {
+      var l, n;
+      const e = t(g);
+      if (w(e) || !(e != null && e.length))
         return e;
-      const r = o.timezone ? w(n(y)[0], o.timezone) : (a = n(y)) == null ? void 0 : a[0], t = o.timezone ? w(n(y)[1], o.timezone) : (l = n(y)) == null ? void 0 : l[1];
-      return [u(r), u(t)];
-    }), z = m(() => n(d) ? o.picker ?? oe[o.format] : o.picker), E = m(() => {
-      const e = n(d) ? ne[o.format] : {};
+      const a = u.value ? F(t(g)[0], u.value) : (l = t(g)) == null ? void 0 : l[0], r = o.timezone ? F(t(g)[1], u.value) : (n = t(g)) == null ? void 0 : n[1];
+      return [i(a), i(r)];
+    }), U = y(() => t(s) ? o.picker ?? re[o.format] : o.picker), j = y(() => {
+      const e = t(s) ? le[o.format] : {};
       return {
-        ...ue(R(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
-        placeholder: n(N),
-        presets: n(x),
+        ...ce(_(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
+        placeholder: t(V),
+        presets: t(I),
         ...e
       };
     });
-    function V(e) {
+    function H(e) {
       if (!e) {
-        C(e);
+        O(e);
         return;
       }
-      let r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1];
-      const a = n(d) ? n(i) : void 0;
-      C([s(r, a), s(t, a, !1)]);
+      let a = h(e[0]) ? i(e[0]) : e[0], r = h(e[1]) ? i(e[1]) : e[1];
+      const l = t(s) ? t(f) : void 0;
+      O([p(a, l), p(r, l, !1)]);
     }
-    function I(e) {
-      var p;
-      const r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1], a = n(d) ? n(i) : void 0, l = e[0] ? s(r, a) : null, f = e[1] ? s(t, a, !1) : null;
-      (p = o.onOk) == null || p.call(o, [l, f]);
+    function K(e) {
+      var c;
+      const a = h(e[0]) ? i(e[0]) : e[0], r = h(e[1]) ? i(e[1]) : e[1], l = t(s) ? t(f) : void 0, n = e[0] ? p(a, l) : null, m = e[1] ? p(r, l, !1) : null;
+      (c = o.onOk) == null || c.call(o, [n, m]);
     }
-    function j(e, r) {
-      var D, M;
-      if (b(e)) {
-        (D = o.onChange) == null || D.call(o, e, r);
+    function $(e, a) {
+      var b, A;
+      if (w(e)) {
+        (b = o.onChange) == null || b.call(o, e, a);
         return;
       }
-      const t = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1], l = n(d) ? n(i) : void 0, f = e[0] ? s(t, l) : null, p = e[1] ? s(a, l, !1) : null;
-      (M = o.onChange) == null || M.call(o, [f, p], r);
+      const r = h(e[0]) ? i(e[0]) : e[0], l = h(e[1]) ? i(e[1]) : e[1], n = t(s) ? t(f) : void 0, m = e[0] ? p(r, n) : null, c = e[1] ? p(l, n, !1) : null;
+      (A = o.onChange) == null || A.call(o, [m, c], a);
     }
-    const U = m(() => {
-      var t;
+    const G = y(() => {
+      var r;
       const e = o.readModeSeparator;
       if (e)
-        return $(e) || te(e) ? o.readModeSeparator : T(h, null, [o.readModeSeparator]);
-      const r = (t = k.readModeSeparator) == null ? void 0 : t.call(k);
-      return r ? T(h, null, [r]) : le;
+        return Y(e) || ue(e) ? o.readModeSeparator : M(v, null, [o.readModeSeparator]);
+      const a = (r = T.readModeSeparator) == null ? void 0 : r.call(T);
+      return a ? M(v, null, [a]) : me;
     });
-    return (e, r) => {
-      var t, a;
-      return e.mode === "read" ? (g(), v(h, {
+    return (e, a) => {
+      var r, l;
+      return e.mode === "read" ? (d(), k(v, {
         key: 0
-      }, [S.value ? (g(), v(h, {
+      }, [S.value ? (d(), k(v, {
         key: 0
-      }, [B(P((t = S.value[0]) == null ? void 0 : t.format(i.value)) + " ", 1), (g(), O(L(U.value))), B(" " + P((a = S.value[1]) == null ? void 0 : a.format(i.value)), 1)], 64)) : (g(), v(h, {
+      }, [B(P((r = S.value[0]) == null ? void 0 : r.format(f.value)) + " ", 1), (d(), C(Z(G.value))), B(" " + P((l = S.value[1]) == null ? void 0 : l.format(f.value)), 1)], 64)) : (d(), k(v, {
         key: 1
-      }, [B(P(e.emptyText), 1)], 64))], 64)) : (g(), O(n(ae).RangePicker, W({
-        key: 1
-      }, E.value, {
-        value: S.value,
-        picker: z.value,
-        format: i.value,
-        "onUpdate:value": V,
-        onChange: j,
-        onOk: I
-      }), Y({
-        _: 2
-      }, [Z(n(R)(e.$slots, "readModeSeparator"), (l, f) => ({
-        name: f,
-        fn: q((p) => [G(e.$slots, f, J(Q(p || {})))])
-      }))]), 1040, ["value", "picker", "format"]));
+      }, [B(P(e.emptyText), 1)], 64))], 64)) : (d(), C(t(de), {
+        key: 1,
+        compact: "",
+        style: q({
+          display: Array.isArray(o.timezone) && o.timezone.length ? "flex" : "block"
+        })
+      }, {
+        default: D(() => [Array.isArray(o.timezone) && o.timezone.length ? (d(), C(t(ie), {
+          key: 0,
+          value: t(u),
+          "onUpdate:value": a[0] || (a[0] = (n) => J(u) ? u.value = n : null),
+          "default-active-first-option": "",
+          "dropdown-match-select-width": !1
+        }, {
+          default: D(() => [(d(!0), k(v, null, R(o.timezone, (n) => (d(), C(t(se), {
+            key: n == null ? void 0 : n.value,
+            value: n == null ? void 0 : n.value
+          }, {
+            default: D(() => [B(P((n == null ? void 0 : n.label) ?? (n == null ? void 0 : n.value)), 1)]),
+            _: 2
+          }, 1032, ["value"]))), 128))]),
+          _: 1
+        }, 8, ["value"])) : Q("", !0), M(t(fe).RangePicker, X(j.value, {
+          value: S.value,
+          picker: U.value,
+          format: f.value,
+          "onUpdate:value": H,
+          onChange: $,
+          onOk: K
+        }), z({
+          _: 2
+        }, [R(t(_)(e.$slots, "readModeSeparator"), (n, m) => ({
+          name: m,
+          fn: D((c) => [ee(e.$slots, m, oe(ne(c || {})))])
+        }))]), 1040, ["value", "picker", "format"])]),
+        _: 3
+      }, 8, ["style"]));
     };
   }
 });
 export {
-  De as default
+  Fe as default
 };

package/es/src/ap-field/hooks/use-date-timezone.d.ts

@@ -0,0 +1,7 @@
+import { ApFieldDateRangeProps, BasicApFieldProps } from '../interface';
+import { Ref } from 'vue';
+export declare const useDateTimezone: (props: BasicApFieldProps<{
+    timezone?: ApFieldDateRangeProps["timezone"];
+}>) => {
+    currentTimezone: Ref<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS" | undefined, "RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS" | undefined>;
+};

package/es/src/ap-field/hooks/use-date-timezone.mjs

@@ -0,0 +1,10 @@
+import { ref as n } from "vue";
+const t = (r) => {
+  var e;
+  return Array.isArray(r) ? (e = r[0]) == null ? void 0 : e.value : r;
+}, i = (r) => ({
+  currentTimezone: n(t(r.timezone))
+});
+export {
+  i as useDateTimezone
+};

package/es/src/ap-field/hooks/use-default-presets.d.ts

@@ -1,10 +1,11 @@
+import { Ref, ComputedRef } from 'vue';
 import { ApFieldDateRangeProps, BasicApFieldProps } from '../interface';
 import { Dayjs } from 'dayjs';
-import { ComputedRef } from 'vue';
+import { ZoneAlias } from '@aplus-frontend/utils';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 export declare const useDefaultPresets: (props: BasicApFieldProps<{
     presets?: ApFieldDateRangeProps["presets"];
-    timezone?: ApFieldDateRangeProps["timezone"];
+    timezone?: Ref<ZoneAlias | undefined>;
 }>) => ComputedRef<{
     label: VueNode;
     value: Dayjs[];