@aplus-frontend/ui 0.0.17 → 0.0.19

package/es/index.mjs

@@ -99,13 +99,14 @@ 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 { ApModal as bt } from "./src/ap-modal/index.mjs";
+import { ApExpandAlert as Pt, ApLabel as Dt, ApTitle as Rt } from "./src/business/index.mjs";
+import { useTablePaging as vt } from "./src/ap-table/hooks/use-table-paging.mjs";
+import { default as kt } from "./src/ap-table/ap-table.vue.mjs";
+import { default as Bt } from "./src/editable-table/index.vue.mjs";
+import { default as Nt } from "./src/editable-table/form-item.vue.mjs";
+import { useMessage as Et } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Xt } from "./src/hooks/useControllableValue.mjs";
 const p = {
   install: (r) => {
     for (const t in o) {
@@ -124,6 +125,7 @@ export {
   Jr as ApCustomColumn,
   Zr as ApCustomSelect,
   ct as ApDownload,
+  Pt as ApExpandAlert,
   pr as ApField,
   sr as ApFieldCheckbox,
   xr as ApFieldDate,
@@ -155,10 +157,12 @@ export {
   tr as ApFormModalForm,
   or as ApFormSearchForm,
   dt as ApInfoLayout,
-  Rt as ApTable,
+  Dt as ApLabel,
+  bt as ApModal,
+  kt as ApTable,
   ft as ApTag,
   lt as ApTagGroup,
-  bt as ApTitle,
+  Rt as ApTitle,
   ut as ApUpload,
   De as ApiCascader,
   he as ApiRadioGroup,
@@ -184,8 +188,8 @@ export {
   et as DictCode,
   Ao as Dropdown,
   Io as EditTableHeaderIcon,
-  vt as EditableTable,
-  kt as EditableTableFormItem,
+  Bt as EditableTable,
+  Nt as EditableTableFormItem,
   Z as ExpandTransition,
   _ as ExpandXTransition,
   ee as FadeTransition,
@@ -239,18 +243,18 @@ export {
   g as translate,
   jr as useCacheColumnSetting,
   ce as useComponentRegister,
-  Nt as useControllableValue,
+  Xt as useControllableValue,
   ie as useDescription,
   Te as useForm,
   v as useGetDerivedNamespace,
   T as useGlobalConfig,
   P as useLocale,
-  Bt as useMessage,
+  Et as useMessage,
   oo as useModal,
   _e as useModalContext,
   ro as useModalInner,
   M as useNamespace,
   Do as useTable,
-  Pt as useTablePaging,
+  vt 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.d.ts

@@ -1,6 +1,8 @@
 import { default as dayjs } from 'dayjs';
 import { ApFieldDateProps, FieldMode } from '../interface';
+import { ApFormatPresetType } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
+import { LiteralUnion } from '../../type';
 import { SharedTimeProps } from 'ant-design-vue/es/vc-picker/panels/TimePanel';
 
 type ApFieldDataSlots = {
@@ -84,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }> | null;
     allowClear: boolean;
     defaultOpen: boolean;
-    format: string;
+    format: LiteralUnion<ApFormatPresetType, string>;
     inputReadOnly: boolean;
     showToday: boolean;
     showTime: boolean | SharedTimeProps<dayjs.Dayjs>;

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.d.ts

@@ -1,7 +1,7 @@
 import { ApFieldDateRangeProps, FieldMode } from '../interface';
-import { default as dayjs } from 'dayjs';
+import { ApFormatPresetType } from '../date/interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
-import { CustomFormat } from 'ant-design-vue/es/vc-picker/interface';
+import { LiteralUnion } from '../../type';
 
 type ApFieldDateRangeSlots = {
     suffixIcon?: any;
@@ -96,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
-    format: (string | CustomFormat<dayjs.Dayjs> | (string | CustomFormat<dayjs.Dayjs>)[]) & string;
+    format: LiteralUnion<ApFormatPresetType, string>;
     inputReadOnly: boolean;
     emptyText: string;
 }, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;

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" },
@@ -46,7 +47,6 @@ const de = /* @__PURE__ */ x({
     open: { type: Boolean, default: void 0 },
     defaultOpen: { type: Boolean, default: void 0 },
     inputReadOnly: { type: Boolean, default: void 0 },
-    format: { default: "Y-D" },
     suffixIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
     clearIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
     getPopupContainer: {},
@@ -83,29 +83,31 @@ const de = /* @__PURE__ */ x({
     value: {},
     defaultValue: {},
     onChange: {},
-    onOk: {}
+    onOk: {},
+    format: { default: "Y-D" },
+    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;
@@ -77,13 +82,17 @@ export type ApFieldTextAreaExpose = {
     blur: () => void;
     resizableTextArea: any;
 };
-export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode'>> & {
+export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode' | 'format'>> & {
     emptyText?: string;
     value?: RangeValue<number> | null;
     defaultValue?: RangeValue<number>;
     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;