@aplus-frontend/ui 0.0.17 → 0.0.18

package/es/index.mjs

@@ -9,7 +9,7 @@ import { defaultNamespace as R, namespaceContextKey as h, useGetDerivedNamespace
 import { ConfigProvider as w } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as G } from "./src/config-provider/index.mjs";
 import { Scrollbar as y } from "./src/scroll-bar/index.mjs";
-import { CollapseContainer as L, ScrollContainer as X } from "./src/container/index.mjs";
+import { CollapseContainer as E, ScrollContainer as X } from "./src/container/index.mjs";
 import { IconPicker as Y } from "./src/icon-picker/index.mjs";
 import { default as H } from "./src/locale/lang/zh-cn.mjs";
 import { default as z } from "./src/locale/lang/en.mjs";
@@ -28,7 +28,7 @@ import { default as Me } from "./src/pro-form/components/api-select.vue.mjs";
 import { default as we } from "./src/pro-form/components/api-transfer.vue.mjs";
 import { default as Ge } from "./src/pro-form/components/api-tree.vue.mjs";
 import { default as ye } from "./src/pro-form/components/radio-button-group.vue.mjs";
-import { default as Le } from "./src/pro-form/pro-form.vue.mjs";
+import { default as Ee } from "./src/pro-form/pro-form.vue.mjs";
 import { default as Ke } from "./src/pro-form/components/api-tree-select.vue.mjs";
 import { default as Oe } from "./src/pro-form/table-form.vue.mjs";
 import { default as We } from "./src/pro-form/table-form-inner.vue.mjs";
@@ -53,7 +53,7 @@ import { default as Mo } from "./src/ap-form/items/text-area/index.vue.mjs";
 import { default as wo } from "./src/ap-form/items/number/index.vue.mjs";
 import { default as Go } from "./src/ap-form/items/date/index.vue.mjs";
 import { default as yo } from "./src/ap-form/items/date-range/index.vue.mjs";
-import { default as Lo } from "./src/ap-form/items/radio/index.vue.mjs";
+import { default as Eo } from "./src/ap-form/items/radio/index.vue.mjs";
 import { default as Ko } from "./src/ap-form/items/select/index.vue.mjs";
 import { default as Oo } from "./src/ap-form/items/switch/index.vue.mjs";
 import { default as Wo } from "./src/ap-form/items/checkbox/index.vue.mjs";
@@ -79,7 +79,7 @@ import { default as hr } from "./src/ap-field/slider/index.vue.mjs";
 import { default as Mr } from "./src/ap-field/segmented/index.vue.mjs";
 import { default as wr } from "./src/ap-field/rate/index.vue.mjs";
 import { adminToken as Gr, aplusToken as Nr } from "./src/design-token/index.mjs";
-import { ApActionItem as Er } from "./src/ap-action/index.mjs";
+import { ApActionItem as Lr } from "./src/ap-action/index.mjs";
 import { default as Xr } from "./src/ap-action/item-modal/index.vue.mjs";
 import { default as Yr } from "./src/ap-action/item-popconfirm/index.vue.mjs";
 import { default as Hr } from "./src/ap-action/item-dropdown/index.vue.mjs";
@@ -99,13 +99,13 @@ import { default as ut } from "./src/ap-upload/apUpload.vue.mjs";
 import { default as ct } from "./src/ap-download/ap-download.vue.mjs";
 import { CheckCard as Tt } from "./src/check-card/index.mjs";
 import { default as St } from "./src/check-card/group.vue.mjs";
-import { ApTitle as bt } from "./src/business/index.mjs";
-import { useTablePaging as Pt } from "./src/ap-table/hooks/use-table-paging.mjs";
-import { default as Rt } from "./src/ap-table/ap-table.vue.mjs";
-import { default as vt } from "./src/editable-table/index.vue.mjs";
-import { default as kt } from "./src/editable-table/form-item.vue.mjs";
-import { useMessage as Bt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as Nt } from "./src/hooks/useControllableValue.mjs";
+import { ApLabel as bt, ApTitle as gt } from "./src/business/index.mjs";
+import { useTablePaging as Dt } from "./src/ap-table/hooks/use-table-paging.mjs";
+import { default as ht } from "./src/ap-table/ap-table.vue.mjs";
+import { default as Mt } from "./src/editable-table/index.vue.mjs";
+import { default as wt } from "./src/editable-table/form-item.vue.mjs";
+import { useMessage as Gt } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as yt } from "./src/hooks/useControllableValue.mjs";
 const p = {
   install: (r) => {
     for (const t in o) {
@@ -117,7 +117,7 @@ const p = {
 export {
   G as APConfigProvider,
   zr as ApActionGroup,
-  Er as ApActionItem,
+  Lr as ApActionItem,
   Hr as ApActionItemDropdown,
   Xr as ApActionItemModal,
   Yr as ApActionItemPopconfirm,
@@ -145,7 +145,7 @@ export {
   yo as ApFormItemDateRange,
   Qo as ApFormItemGroup,
   wo as ApFormItemNumber,
-  Lo as ApFormItemRadio,
+  Eo as ApFormItemRadio,
   Ko as ApFormItemSelect,
   Oo as ApFormItemSwitch,
   ho as ApFormItemText,
@@ -155,10 +155,11 @@ export {
   tr as ApFormModalForm,
   or as ApFormSearchForm,
   dt as ApInfoLayout,
-  Rt as ApTable,
+  bt as ApLabel,
+  ht as ApTable,
   ft as ApTag,
   lt as ApTagGroup,
-  bt as ApTitle,
+  gt as ApTitle,
   ut as ApUpload,
   De as ApiCascader,
   he as ApiRadioGroup,
@@ -173,7 +174,7 @@ export {
   j as BasicTitle,
   Tt as CheckCard,
   St as CheckCardGroup,
-  L as CollapseContainer,
+  E as CollapseContainer,
   J as CollapseTransition,
   w as ConfigProvider,
   so as CountdownButton,
@@ -184,8 +185,8 @@ export {
   et as DictCode,
   Ao as Dropdown,
   Io as EditTableHeaderIcon,
-  vt as EditableTable,
-  kt as EditableTableFormItem,
+  Mt as EditableTable,
+  wt as EditableTableFormItem,
   Z as ExpandTransition,
   _ as ExpandXTransition,
   ee as FadeTransition,
@@ -195,7 +196,7 @@ export {
   Ue as ModalButton,
   it as NeedNameKeyDefault,
   $e as PopConfirmButton,
-  Le as ProForm,
+  Ee as ProForm,
   Fo as ProTable,
   Oe as ProTableForm,
   We as ProTableFormInner,
@@ -239,18 +240,18 @@ export {
   g as translate,
   jr as useCacheColumnSetting,
   ce as useComponentRegister,
-  Nt as useControllableValue,
+  yt as useControllableValue,
   ie as useDescription,
   Te as useForm,
   v as useGetDerivedNamespace,
   T as useGlobalConfig,
   P as useLocale,
-  Bt as useMessage,
+  Gt as useMessage,
   oo as useModal,
   _e as useModalContext,
   ro as useModalInner,
   M as useNamespace,
   Do as useTable,
-  Pt as useTablePaging,
+  Dt as useTablePaging,
   H as zhCn
 };

package/es/src/ap-field/date/helper.d.ts

@@ -1,5 +1,12 @@
+import { ZoneAlias } from '@aplus-frontend/utils';
 import { EventValue } from 'ant-design-vue/es/vc-picker/interface';
 import { Dayjs } from 'dayjs';
 
 export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number | null;
+/**
+ * 带timezone的日期格式化生成函数
+ * @param timezone
+ * @returns
+ */
+export declare function formatDayWithTimezone(timezone?: ZoneAlias): (d: Dayjs, f: string, begin?: boolean) => number | null;
 export declare const formatValue: (v: EventValue<Dayjs>) => number | null;

package/es/src/ap-field/date/helper.mjs

@@ -1,10 +1,20 @@
-const o = (e, n, f = !0) => {
-  if (!e)
+import { getUtcTimestamp as m } from "@aplus-frontend/utils";
+import n from "dayjs";
+const i = (o, r, e = !0) => {
+  if (!o)
     return null;
-  let t = e.clone();
-  return t = t.millisecond(0), n.indexOf("ss") === -1 && (t = t.second(f ? 0 : 59)), n.indexOf("mm") === -1 && (t = t.minute(f ? 0 : 59)), n.indexOf("HH") === -1 && (t = t.hour(f ? 0 : 23)), n.indexOf("DD") === -1 && (t = t.date(f ? 1 : 0), f || (t = t.month(t.month() + 1))), n.indexOf("MM") === -1 && (t = t.month(f ? 0 : 12)), t.valueOf();
-}, i = (e) => e && e.valueOf();
+  let t = o.clone();
+  return t = t.millisecond(0), r.indexOf("ss") === -1 && (t = t.second(e ? 0 : 59)), r.indexOf("mm") === -1 && (t = t.minute(e ? 0 : 59)), r.indexOf("HH") === -1 && (t = t.hour(e ? 0 : 23)), r.indexOf("DD") === -1 && (t = t.date(e ? 1 : 0), e || (t = t.month(t.month() + 1))), r.indexOf("MM") === -1 && (t = t.month(e ? 0 : 12)), t.valueOf();
+};
+function d(o) {
+  return (r, e, t = !0) => {
+    const f = o ? n(m(r, o)) : n(r);
+    return i(f, e, t);
+  };
+}
+const l = (o) => o && o.valueOf();
 export {
-  o as formatDay,
-  i as formatValue
+  i as formatDay,
+  d as formatDayWithTimezone,
+  l as formatValue
 };

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

@@ -1,12 +1,13 @@
-import { defineComponent as b, computed as u, unref as t, openBlock as c, createElementBlock as _, Fragment as w, createTextVNode as M, toDisplayString as R, createBlock as T, mergeProps as A, createSlots as F, renderList as x, withCtx as E, renderSlot as V, normalizeProps as D, guardReactiveProps as N } from "vue";
-import i from "dayjs";
-import { DatePicker as j } from "ant-design-vue";
-import { ApFieldDatePresetFormats as I, PRESET_FORMAT_MAP as H, PRESET_FORMAT_PICK_MAP as U, PRESET_FORMAT_TIME_MAP as z } from "./constant.mjs";
+import { defineComponent as S, computed as s, unref as t, openBlock as c, createElementBlock as b, Fragment as _, createTextVNode as w, toDisplayString as M, createBlock as R, mergeProps as F, createSlots as A, renderList as x, withCtx as D, renderSlot as E, normalizeProps as V, guardReactiveProps as z } from "vue";
+import r from "dayjs";
+import { DatePicker as N } from "ant-design-vue";
+import { ApFieldDatePresetFormats as j, PRESET_FORMAT_MAP as I, PRESET_FORMAT_PICK_MAP as H, PRESET_FORMAT_TIME_MAP as U } from "./constant.mjs";
 import "../../hooks/index.mjs";
 import { isNil as v, omit as K } from "lodash-unified";
-import { formatDay as f } from "./helper.mjs";
-import { useControllableValue as $ } from "../../hooks/useControllableValue.mjs";
-const Z = /* @__PURE__ */ b({
+import { formatDayWithTimezone as $ } from "./helper.mjs";
+import { getTimeFormatToZone as L } from "@aplus-frontend/utils";
+import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
+const te = /* @__PURE__ */ S({
   name: "ApFieldDate",
   __name: "index",
   props: {
@@ -80,16 +81,22 @@ const Z = /* @__PURE__ */ b({
     defaultValue: {},
     onChange: {},
     onOk: {},
-    format: { default: "Y-D" }
+    format: { default: "Y-D" },
+    timezone: {}
   },
   emits: ["update:value"],
   setup(y, { emit: h }) {
-    const e = y, B = h, { value: s, updateValue: m } = $(e, B), l = u(
-      () => I.indexOf(e.format) > -1
-    ), r = u(
-      () => l.value ? H[e.format] : e.format
-    ), k = u(() => v(t(s)) ? void 0 : i(t(s))), O = u(() => t(l) ? e.picker ?? U[e.format] : e.picker), P = u(() => {
-      const o = t(l) ? z[e.format] : {};
+    const e = y, B = h, { value: d, updateValue: p } = W(e, B), l = s(
+      () => j.indexOf(e.format) > -1
+    ), u = s(
+      () => l.value ? I[e.format] : e.format
+    ), k = s(() => {
+      if (v(t(d)))
+        return;
+      let o = r(t(d));
+      return e.timezone && (o = r(L(t(d), e.timezone))), o;
+    }), g = s(() => t(l) ? e.picker ?? H[e.format] : e.picker), O = s(() => {
+      const o = t(l) ? U[e.format] : {};
       return {
         ...K(e, [
           "value",
@@ -102,44 +109,44 @@ const Z = /* @__PURE__ */ b({
         ]),
         ...o
       };
-    });
-    function C(o) {
+    }), f = $(e.timezone);
+    function P(o) {
       if (v(o)) {
-        m(null);
+        p(null);
         return;
       }
-      const a = i(o);
-      t(l) ? m(f(a, t(r))) : m(a.valueOf());
+      const a = r(o);
+      t(l) ? p(f(a, t(u))) : p(a.valueOf());
     }
-    function g(o, a) {
-      var p;
-      const d = i(o), n = t(l) ? f(d, t(r)) : o ? d.valueOf() : null;
-      (p = e.onChange) == null || p.call(e, n, a);
+    function C(o, a) {
+      var m;
+      const i = r(o), n = o ? t(l) ? f(i, t(u)) : i.valueOf() : null;
+      (m = e.onChange) == null || m.call(e, n, a);
     }
-    function S(o) {
+    function T(o) {
       var n;
-      const a = i(o), d = t(l) ? f(a, t(r)) : o ? a.valueOf() : null;
-      (n = e.onOk) == null || n.call(e, d);
+      const a = r(o), i = o ? t(l) ? f(a, t(u)) : a.valueOf() : null;
+      (n = e.onOk) == null || n.call(e, i);
     }
-    return (o, a) => o.mode === "read" ? (c(), _(w, { key: 0 }, [
-      M(R(t(s) ? t(i)(t(s)).format(r.value) : o.emptyText), 1)
-    ], 64)) : (c(), T(t(j), A({ key: 1 }, P.value, {
+    return (o, a) => o.mode === "read" ? (c(), b(_, { key: 0 }, [
+      w(M(t(d) ? t(r)(t(d)).format(u.value) : o.emptyText), 1)
+    ], 64)) : (c(), R(t(N), F({ key: 1 }, O.value, {
       value: k.value,
-      format: r.value,
-      "onUpdate:value": C,
-      onChange: g,
-      onOk: S,
-      picker: O.value
-    }), F({ _: 2 }, [
-      x(o.$slots, (d, n) => ({
+      format: u.value,
+      "onUpdate:value": P,
+      onChange: C,
+      onOk: T,
+      picker: g.value
+    }), A({ _: 2 }, [
+      x(o.$slots, (i, n) => ({
         name: n,
-        fn: E((p) => [
-          V(o.$slots, n, D(N(p || {})))
+        fn: D((m) => [
+          E(o.$slots, n, V(z(m || {})))
         ])
       }))
     ]), 1040, ["value", "format", "picker"]));
   }
 });
 export {
-  Z as default
+  te as default
 };

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

@@ -1,14 +1,15 @@
-import { defineComponent as x, computed as p, unref as o, openBlock as y, createElementBlock as k, Fragment as B, createTextVNode as O, toDisplayString as C, renderSlot as S, createVNode as V, createBlock as I, mergeProps as j, createSlots as U, renderList as H, withCtx as $, normalizeProps as z, guardReactiveProps as K } from "vue";
-import { ApFieldDatePresetFormats as L, PRESET_FORMAT_MAP as Y, PRESET_FORMAT_PICK_MAP as q, PRESET_FORMAT_TIME_MAP as G } from "../date/constant.mjs";
+import { defineComponent as x, computed as c, unref as t, openBlock as g, createElementBlock as k, Fragment as B, createTextVNode as O, toDisplayString as C, renderSlot as T, createVNode as V, createBlock as I, mergeProps as j, createSlots as U, renderList as H, withCtx as $, normalizeProps as K, guardReactiveProps as L } from "vue";
+import { ApFieldDatePresetFormats as W, PRESET_FORMAT_MAP as Y, PRESET_FORMAT_PICK_MAP as Z, PRESET_FORMAT_TIME_MAP as q } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as b, omit as T, isString as s } from "lodash-unified";
+import { isNil as S, omit as b, isString as f } from "lodash-unified";
 import u from "dayjs";
-import { DatePicker as J } from "ant-design-vue";
-import { formatDay as f, formatValue as M } from "../date/helper.mjs";
+import { DatePicker as G } from "ant-design-vue";
+import { formatDayWithTimezone as J, formatValue as D } from "../date/helper.mjs";
 import { SwapRightOutlined as Q } from "@ant-design/icons-vue";
-import { omitUndefined as W } from "../../utils/index.mjs";
-import { useControllableValue as X } from "../../hooks/useControllableValue.mjs";
-const de = /* @__PURE__ */ x({
+import { omitUndefined as X } from "../../utils/index.mjs";
+import { getTimeFormatToZone as M } from "@aplus-frontend/utils";
+import { useControllableValue as ee } from "../../hooks/useControllableValue.mjs";
+const fe = /* @__PURE__ */ x({
   __name: "index",
   props: {
     mode: { default: "edit" },
@@ -83,29 +84,30 @@ const de = /* @__PURE__ */ x({
     value: {},
     defaultValue: {},
     onChange: {},
-    onOk: {}
+    onOk: {},
+    timezone: {}
   },
   emits: ["update:value"],
   setup(R, { emit: w }) {
-    const t = R, D = w, r = p(
-      () => L.indexOf(t.format) > -1
-    ), l = p(
-      () => r.value ? Y[t.format] : t.format
-    ), { value: g, updateValue: h } = X(
-      t,
-      D
-    ), m = p(() => {
-      var n, a;
-      const e = o(g);
-      return b(e) || !(e != null && e.length) ? e : [
-        u((n = o(g)) == null ? void 0 : n[0]),
-        u((a = o(g)) == null ? void 0 : a[1])
-      ];
-    }), _ = p(() => o(r) ? t.picker ?? q[t.format] : t.picker), A = p(() => {
-      const e = o(r) ? G[t.format] : {};
+    const o = R, _ = w, i = c(
+      () => W.indexOf(o.format) > -1
+    ), r = c(
+      () => i.value ? Y[o.format] : o.format
+    ), { value: p, updateValue: h } = ee(
+      o,
+      _
+    ), m = J(o.timezone), v = c(() => {
+      var l, d;
+      const e = t(p);
+      if (S(e) || !(e != null && e.length))
+        return e;
+      const n = o.timezone ? M(t(p)[0], o.timezone) : (l = t(p)) == null ? void 0 : l[0], a = o.timezone ? M(t(p)[1], o.timezone) : (d = t(p)) == null ? void 0 : d[1];
+      return [u(n), u(a)];
+    }), A = c(() => t(i) ? o.picker ?? Z[o.format] : o.picker), F = c(() => {
+      const e = t(i) ? q[o.format] : {};
       return {
-        ...W(
-          T(t, [
+        ...X(
+          b(o, [
             "value",
             "onUpdate:value",
             "onChange",
@@ -117,55 +119,55 @@ const de = /* @__PURE__ */ x({
         ...e
       };
     });
-    function E(e) {
+    function z(e) {
       if (!e) {
         h(e);
         return;
       }
-      const n = s(e[0]) ? u(e[0]) : e[0], a = s(e[1]) ? u(e[1]) : e[1];
-      o(r) ? h([
-        f(n, o(l)),
-        f(a, o(l), !1)
-      ]) : h([M(n), M(a)]);
+      let n = f(e[0]) ? u(e[0]) : e[0], a = f(e[1]) ? u(e[1]) : e[1];
+      t(i) ? h([
+        m(n, t(r)),
+        m(a, t(r), !1)
+      ]) : h([D(n), D(a)]);
     }
-    function F(e) {
-      var d;
-      const n = s(e[0]) ? u(e[0]) : e[0], a = s(e[1]) ? u(e[1]) : e[1], i = e[0] ? o(r) ? f(n, o(l)) : n.valueOf() : null, c = e[1] ? o(r) ? f(a, o(l), !1) : a.valueOf() : null;
-      (d = t.onOk) == null || d.call(t, [i, c]);
+    function E(e) {
+      var s;
+      const n = f(e[0]) ? u(e[0]) : e[0], a = f(e[1]) ? u(e[1]) : e[1], l = e[0] ? t(i) ? m(n, t(r)) : n.valueOf() : null, d = e[1] ? t(i) ? m(a, t(r), !1) : a.valueOf() : null;
+      (s = o.onOk) == null || s.call(o, [l, d]);
     }
     function N(e, n) {
-      var v, P;
-      if (b(e)) {
-        (v = t.onChange) == null || v.call(t, e, n);
+      var y, P;
+      if (S(e)) {
+        (y = o.onChange) == null || y.call(o, e, n);
         return;
       }
-      const a = s(e[0]) ? u(e[0]) : e[0], i = s(e[1]) ? u(e[1]) : e[1], c = e[0] ? o(r) ? f(a, o(l)) : a.valueOf() : null, d = e[1] ? o(r) ? f(i, o(l), !1) : i.valueOf() : null;
-      (P = t.onChange) == null || P.call(t, [c, d], n);
+      const a = f(e[0]) ? u(e[0]) : e[0], l = f(e[1]) ? u(e[1]) : e[1], d = e[0] ? t(i) ? m(a, t(r)) : a.valueOf() : null, s = e[1] ? t(i) ? m(l, t(r), !1) : l.valueOf() : null;
+      (P = o.onChange) == null || P.call(o, [d, s], n);
     }
     return (e, n) => {
-      var a, i;
-      return e.mode === "read" ? (y(), k(B, { key: 0 }, [
-        m.value ? (y(), k(B, { key: 0 }, [
-          O(C((a = m.value[0]) == null ? void 0 : a.format(l.value)) + " ", 1),
-          S(e.$slots, "readModeSeparator", {}, () => [
-            V(o(Q))
+      var a, l;
+      return e.mode === "read" ? (g(), k(B, { key: 0 }, [
+        v.value ? (g(), k(B, { key: 0 }, [
+          O(C((a = v.value[0]) == null ? void 0 : a.format(r.value)) + " ", 1),
+          T(e.$slots, "readModeSeparator", {}, () => [
+            V(t(Q))
           ]),
-          O(" " + C((i = m.value[1]) == null ? void 0 : i.format(l.value)), 1)
-        ], 64)) : (y(), k(B, { key: 1 }, [
+          O(" " + C((l = v.value[1]) == null ? void 0 : l.format(r.value)), 1)
+        ], 64)) : (g(), k(B, { key: 1 }, [
           O(C(e.emptyText), 1)
         ], 64))
-      ], 64)) : (y(), I(o(J).RangePicker, j({ key: 1 }, A.value, {
-        value: m.value,
-        "onUpdate:value": E,
+      ], 64)) : (g(), I(t(G).RangePicker, j({ key: 1 }, F.value, {
+        value: v.value,
+        "onUpdate:value": z,
         onChange: N,
-        picker: _.value,
-        format: l.value,
-        onOk: F
+        picker: A.value,
+        format: r.value,
+        onOk: E
       }), U({ _: 2 }, [
-        H(o(T)(e.$slots, "readModeSeparator"), (c, d) => ({
-          name: d,
-          fn: $((v) => [
-            S(e.$slots, d, z(K(v || {})))
+        H(t(b)(e.$slots, "readModeSeparator"), (d, s) => ({
+          name: s,
+          fn: $((y) => [
+            T(e.$slots, s, K(L(y || {})))
           ])
         }))
       ]), 1040, ["value", "picker", "format"]));
@@ -173,5 +175,5 @@ const de = /* @__PURE__ */ x({
   }
 });
 export {
-  de as default
+  fe as default
 };

package/es/src/ap-field/interface.d.ts

@@ -5,6 +5,7 @@ import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
 import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
 import { LiteralUnion } from '../type';
 import { InputPasswordProps } from './text/input-password-props';
+import { ZoneAlias } from '@aplus-frontend/utils';
 
 export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
@@ -40,6 +41,10 @@ export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' |
     onChange?: (ts: number | null, dayStr: string) => void;
     onOk?: (ts: number | null) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
+    /**
+     * 指定时区，指定后value会变为特定时区下的timestamp
+     */
+    timezone?: ZoneAlias;
 };
 export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
     emptyText?: string;
@@ -84,6 +89,10 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
     onChange?: (ts: RangeValue<number> | null, dayStr: [string, string]) => void;
     onOk?: (ts: RangeValue<number>) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
+    /**
+     * 指定时区，指定后value会变为特定时区下的timestamp
+     */
+    timezone?: ZoneAlias;
 };
 export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
     emptyText?: string;