@aplus-frontend/ui 0.0.16 → 0.0.18

package/es/index.mjs

@@ -5,11 +5,11 @@ import { configProviderProps as x } from "./src/config-provider/config-provider-
 import { configProviderContextKey as n, tableDefaultConfig as u } from "./src/config-provider/constants.mjs";
 import { keysOf as c, provideGlobalConfig as F, useGlobalConfig as T } from "./src/config-provider/hooks/use-global-config.mjs";
 import { buildLocaleContext as S, buildTranslator as I, localeContextKey as b, translate as g, useLocale as P } from "./src/config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as R, namespaceContextKey as v, useGetDerivedNamespace as M, useNamespace as h } from "./src/config-provider/hooks/use-namespace.mjs";
-import { ConfigProvider as B } from "./src/config-provider/config-provider.mjs";
+import { defaultNamespace as R, namespaceContextKey as h, useGetDerivedNamespace as v, useNamespace as M } from "./src/config-provider/hooks/use-namespace.mjs";
+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";
@@ -23,12 +23,12 @@ import { useForm as Te } from "./src/pro-form/hooks/use-form.mjs";
 import { isComponentFormSchema as Se, isSlotFormSchema as Ie } from "./src/pro-form/types/form.mjs";
 import { Field as ge } from "./src/pro-form/index.mjs";
 import { default as De } from "./src/pro-form/components/api-cascader.vue.mjs";
-import { default as ve } from "./src/pro-form/components/api-radio-group.vue.mjs";
-import { default as he } from "./src/pro-form/components/api-select.vue.mjs";
-import { default as Be } from "./src/pro-form/components/api-transfer.vue.mjs";
+import { default as he } from "./src/pro-form/components/api-radio-group.vue.mjs";
+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";
@@ -48,12 +48,12 @@ import { default as Co } from "./src/pro-table/components/table-action.vue.mjs";
 import { default as Io } from "./src/pro-table/components/edit-table-header-icon.vue.mjs";
 import { default as go } from "./src/pro-table/components/table-image.vue.mjs";
 import { useTable as Do } from "./src/pro-table/hooks/use-table.mjs";
-import { ApFormItemText as vo } from "./src/ap-form/items/text/index.mjs";
-import { default as ho } from "./src/ap-form/items/text-area/index.vue.mjs";
-import { default as Bo } from "./src/ap-form/items/number/index.vue.mjs";
+import { ApFormItemText as ho } from "./src/ap-form/items/text/index.mjs";
+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";
@@ -75,11 +75,11 @@ import { default as Cr } from "./src/ap-field/text-area/index.vue.mjs";
 import { default as Ir } from "./src/ap-field/date-range/index.vue.mjs";
 import { default as gr } from "./src/ap-field/select/index.vue.mjs";
 import { default as Dr } from "./src/ap-field/text/password.vue.mjs";
-import { default as vr } from "./src/ap-field/slider/index.vue.mjs";
-import { default as hr } from "./src/ap-field/segmented/index.vue.mjs";
-import { default as Br } from "./src/ap-field/rate/index.vue.mjs";
+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";
@@ -97,13 +97,15 @@ import { default as dt } from "./src/ap-layout/ap-info-layout/ap-info-layout.vue
 import { NeedNameKeyDefault as it } from "./src/ap-upload/apUploadTypes.mjs";
 import { default as ut } from "./src/ap-upload/apUpload.vue.mjs";
 import { default as ct } from "./src/ap-download/ap-download.vue.mjs";
-import { ApTitle as Tt } from "./src/business/index.mjs";
-import { useTablePaging as St } from "./src/ap-table/hooks/use-table-paging.mjs";
-import { default as bt } from "./src/ap-table/ap-table.vue.mjs";
-import { default as Pt } from "./src/editable-table/index.vue.mjs";
-import { default as Rt } from "./src/editable-table/form-item.vue.mjs";
-import { useMessage as Mt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as wt } from "./src/hooks/useControllableValue.mjs";
+import { CheckCard as Tt } from "./src/check-card/index.mjs";
+import { default as St } from "./src/check-card/group.vue.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) {
@@ -115,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,
@@ -129,10 +131,10 @@ export {
   nr as ApFieldNumber,
   Dr as ApFieldPassword,
   Ar as ApFieldRadio,
-  Br as ApFieldRate,
-  hr as ApFieldSegmented,
+  wr as ApFieldRate,
+  Mr as ApFieldSegmented,
   gr as ApFieldSelect,
-  vr as ApFieldSlider,
+  hr as ApFieldSlider,
   Fr as ApFieldSwitch,
   mr as ApFieldText,
   Cr as ApFieldTextArea,
@@ -142,26 +144,27 @@ export {
   Go as ApFormItemDate,
   yo as ApFormItemDateRange,
   Qo as ApFormItemGroup,
-  Bo as ApFormItemNumber,
-  Lo as ApFormItemRadio,
+  wo as ApFormItemNumber,
+  Eo as ApFormItemRadio,
   Ko as ApFormItemSelect,
   Oo as ApFormItemSwitch,
-  vo as ApFormItemText,
-  ho as ApFormItemTextArea,
+  ho as ApFormItemText,
+  Mo as ApFormItemTextArea,
   Uo as ApFormItemTextPassword,
   _o as ApFormList,
   tr as ApFormModalForm,
   or as ApFormSearchForm,
   dt as ApInfoLayout,
-  bt as ApTable,
+  bt as ApLabel,
+  ht as ApTable,
   ft as ApTag,
   lt as ApTagGroup,
-  Tt as ApTitle,
+  gt as ApTitle,
   ut as ApUpload,
   De as ApiCascader,
-  ve as ApiRadioGroup,
-  he as ApiSelect,
-  Be as ApiTransfer,
+  he as ApiRadioGroup,
+  Me as ApiSelect,
+  we as ApiTransfer,
   Ge as ApiTree,
   Ke as ApiTreeSelect,
   qe as BaseButton,
@@ -169,9 +172,11 @@ export {
   V as BasicArrow,
   $ as BasicHelp,
   j as BasicTitle,
-  L as CollapseContainer,
+  Tt as CheckCard,
+  St as CheckCardGroup,
+  E as CollapseContainer,
   J as CollapseTransition,
-  B as ConfigProvider,
+  w as ConfigProvider,
   so as CountdownButton,
   xo as CountdownInput,
   fo as CropperAvatar,
@@ -180,8 +185,8 @@ export {
   et as DictCode,
   Ao as Dropdown,
   Io as EditTableHeaderIcon,
-  Pt as EditableTable,
-  Rt as EditableTableFormItem,
+  Mt as EditableTable,
+  wt as EditableTableFormItem,
   Z as ExpandTransition,
   _ as ExpandXTransition,
   ee as FadeTransition,
@@ -191,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,
@@ -229,24 +234,24 @@ export {
   Ie as isSlotFormSchema,
   c as keysOf,
   b as localeContextKey,
-  v as namespaceContextKey,
+  h as namespaceContextKey,
   F as provideGlobalConfig,
   u as tableDefaultConfig,
   g as translate,
   jr as useCacheColumnSetting,
   ce as useComponentRegister,
-  wt as useControllableValue,
+  yt as useControllableValue,
   ie as useDescription,
   Te as useForm,
-  M as useGetDerivedNamespace,
+  v as useGetDerivedNamespace,
   T as useGlobalConfig,
   P as useLocale,
-  Mt as useMessage,
+  Gt as useMessage,
   oo as useModal,
   _e as useModalContext,
   ro as useModalInner,
-  h as useNamespace,
+  M as useNamespace,
   Do as useTable,
-  St 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;