@aplus-frontend/ui 0.6.0-beta.2 → 0.6.0-beta.21

package/es/src/ap-action/group/index.vue.d.ts

@@ -4,8 +4,8 @@ import { Trigger } from '@aplus-frontend/antdv/es/dropdown/props';
 import { GroupActionTypes } from '..';
 declare const _default: DefineComponent<ApActionGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApActionGroupProps> & Readonly<{}>, {
     placement: "top" | "topLeft" | "bottom" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter";
-    count: number;
     trigger: Trigger | Trigger[];
     actions: GroupActionTypes[];
+    count: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/ap-action/item-dropdown/index.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_component: DefineComponent<ApActionItemDropdownProps, {}, {}
     visible: boolean;
     color: ActionColor;
     disabled: boolean;
-    trigger: Trigger | Trigger[];
     loading: boolean;
+    trigger: Trigger | Trigger[];
     actions: MixedActionTypes[];
     showIcon: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/es/src/ap-descriptions/ap-descriptions.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as B, createElementBlock as i, openBlock as r, normalizeStyle as E, normalizeClass as d, unref as l, createVNode as _, mergeProps as w, withCtx as b, Fragment as p, renderList as M, createBlock as c, createCommentVNode as j, h as u, renderSlot as z, resolveDynamicComponent as A } from "vue";
+import { defineComponent as B, createElementBlock as i, openBlock as r, normalizeStyle as E, normalizeClass as d, unref as l, createVNode as _, mergeProps as w, withCtx as b, Fragment as p, renderList as A, createBlock as c, createCommentVNode as M, h as u, renderSlot as j, resolveDynamicComponent as z } from "vue";
 import { Descriptions as F, DescriptionsItem as m } from "@aplus-frontend/antdv";
 import { mixinsAttachmentExtraProps as G, transformValue as L, isEmptyWithType as R } from "./helper.mjs";
 import { get as S } from "lodash-unified";
@@ -8,6 +8,7 @@ import { useGlobalConfig as f } from "../config-provider/hooks/use-global-config
 import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
 import I from "./help-message/index.vue2.mjs";
 const O = { key: 0 }, Z = /* @__PURE__ */ B({
+  name: "ApDescriptions",
   __name: "ap-descriptions",
   props: {
     descriptionsProps: {},
@@ -17,7 +18,7 @@ const O = { key: 0 }, Z = /* @__PURE__ */ B({
     className: {}
   },
   setup(g) {
-    const n = g, v = f("uiMode", "admin"), C = f("apDescriptions"), k = f("downloadCenterTriggerConfig"), { m: P, b: N, be: D } = $("ap-descriptions"), T = (e = {}) => {
+    const n = g, v = f("uiMode", "admin"), C = f("apDescriptions"), k = f("downloadCenterTriggerConfig"), { m: P, b: D, be: N } = $("ap-descriptions"), T = (e = {}) => {
       var s;
       let o = "";
       return ((s = n.descriptionsProps) == null ? void 0 : s.layout) === "vertical" && (o = "start"), {
@@ -53,14 +54,14 @@ const O = { key: 0 }, Z = /* @__PURE__ */ B({
     return (e, o) => {
       var s;
       return r(), i("div", {
-        class: d([e.className, l(N)(), l(P)(l(v))]),
+        class: d([e.className, l(D)(), l(P)(l(v))]),
         style: E(e.style)
       }, [
         _(l(F), w(e.descriptionsProps, {
           "label-style": T({ ...((s = e.descriptionsProps) == null ? void 0 : s.labelStyle) || {} })
         }), {
           default: b(() => [
-            (r(!0), i(p, null, M(e.schemas, (t, a) => (r(), i(p, {
+            (r(!0), i(p, null, A(e.schemas, (t, a) => (r(), i(p, {
               key: t.field || "empty" + a
             }, [
               t.valueType === "empty" ? (r(), c(l(m), {
@@ -70,7 +71,7 @@ const O = { key: 0 }, Z = /* @__PURE__ */ B({
                 span: t.span
               }, null, 8, ["content-style", "label-style", "span"])) : x(t) ? (r(), c(l(m), {
                 key: 1,
-                class: d(V(t) ? l(D)("item", "ellipsis") : ""),
+                class: d(V(t) ? l(N)("item", "ellipsis") : ""),
                 label: t.label ? u(p, [
                   u(I, {
                     helpMessage: t.helpMessage,
@@ -83,12 +84,12 @@ const O = { key: 0 }, Z = /* @__PURE__ */ B({
               }, {
                 default: b(() => [
                   l(R)(l(S)(e.dataSource, t.field), t) ? (r(), i("span", O, "--")) : (r(), i(p, { key: 1 }, [
-                    t.contentSlotName ? z(e.$slots, t.contentSlotName, {
+                    t.contentSlotName ? j(e.$slots, t.contentSlotName, {
                       key: 0,
                       index: a,
                       item: y(t),
                       record: e.dataSource
-                    }) : (r(), c(A(
+                    }) : (r(), c(z(
                       u(p, [
                         t.prefix,
                         y(t),
@@ -98,7 +99,7 @@ const O = { key: 0 }, Z = /* @__PURE__ */ B({
                   ], 64))
                 ]),
                 _: 2
-              }, 1032, ["class", "label", "span", "content-style", "label-style"])) : j("", !0)
+              }, 1032, ["class", "label", "span", "content-style", "label-style"])) : M("", !0)
             ], 64))), 128))
           ]),
           _: 3

package/es/src/ap-descriptions/help-message/index.vue2.mjs

@@ -21,7 +21,7 @@ const C = {
       return typeof e != "object" ? t("div", {
         class: p("item-label"),
         style: {
-          maxWidth: "calc(var(--ap-descriptions-item-label-width))"
+          maxWidth: "var(--ap-descriptions-item-label-width, auto)"
         }
       }, [t(_, {
         ellipsis: {

package/es/src/ap-drawer/ApDrawer.vue.d.ts

@@ -0,0 +1,29 @@
+import { ApDrawerMixedProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, CSSProperties, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ApDrawerMixedProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<ApDrawerMixedProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    mask: boolean;
+    closable: boolean;
+    getContainer: string | false | HTMLElement | (() => HTMLElement);
+    rootStyle: CSSProperties;
+    outSideClick: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-drawer/ApDrawer.vue.mjs

@@ -0,0 +1,91 @@
+import { defineComponent as d, h as m, watch as u, onBeforeUnmount as f, createBlock as y, openBlock as C, unref as t, mergeProps as k, withCtx as h, renderSlot as B } from "vue";
+import { Drawer as S } from "@aplus-frontend/antdv";
+import "../config-provider/index.mjs";
+import "./components/ApDrawerClose.vue2.mjs";
+import { omit as b } from "lodash-unified";
+import { useGlobalConfig as w } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as x } from "../config-provider/hooks/use-namespace.mjs";
+import v from "./components/ApDrawerClose.vue.mjs";
+const U = /* @__PURE__ */ d({
+  name: "ApDrawer",
+  __name: "ApDrawer",
+  props: {
+    autofocus: { type: Boolean },
+    closable: { type: Boolean, default: !1 },
+    closeIcon: {},
+    destroyOnClose: { type: Boolean },
+    forceRender: { type: Boolean },
+    getContainer: { type: [String, Boolean, Function], default: () => document.body },
+    maskClosable: { type: Boolean },
+    mask: { type: Boolean, default: !1 },
+    maskStyle: {},
+    rootClassName: {},
+    rootStyle: { default: () => ({
+      top: "0px"
+    }) },
+    size: {},
+    drawerStyle: {},
+    headerStyle: {},
+    bodyStyle: {},
+    contentWrapperStyle: {},
+    title: {},
+    visible: { type: Boolean },
+    open: { type: Boolean },
+    width: {},
+    height: {},
+    zIndex: {},
+    prefixCls: {},
+    push: {},
+    placement: {},
+    keyboard: { type: Boolean },
+    extra: {},
+    footer: {},
+    footerStyle: {},
+    level: {},
+    levelMove: {},
+    handle: {},
+    afterVisibleChange: {},
+    onAfterVisibleChange: {},
+    onAfterOpenChange: {},
+    "onUpdate:visible": {},
+    "onUpdate:open": {},
+    onClose: {},
+    createDrawer: {},
+    outSideClick: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open"],
+  setup(l, { emit: s }) {
+    const r = s, i = w("uiMode"), { b: c } = x("ap-drawer"), p = m(v, {
+      onClose: () => {
+        r("update:open", !1);
+      }
+    }), e = l, n = (o) => {
+      if (!e.open || !e.outSideClick) return;
+      const a = document.querySelector(".ant-drawer-open");
+      if (!a) return;
+      !a.contains(o.target) && (e.onClose ? e.onClose(o) : r("update:open", !1));
+    };
+    return u(
+      () => e.open,
+      (o) => {
+        o && e.outSideClick ? setTimeout(() => {
+          document.addEventListener("click", n);
+        }, 0) : document.removeEventListener("click", n);
+      },
+      { immediate: !0 }
+    ), f(() => {
+      document.removeEventListener("click", n);
+    }), (o, a) => (C(), y(t(S), k(t(b)(e, ["class", "extra", "outSideClick"]), {
+      class: t(c)(t(i)),
+      extra: e.extra ? e.extra : t(p)
+    }), {
+      default: h(() => [
+        B(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "extra"]));
+  }
+});
+export {
+  U as default
+};

package/es/src/ap-drawer/ApDrawer.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ApDrawer.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-drawer/components/ApDrawerClose.vue.d.ts

@@ -0,0 +1,8 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    onClose: () => void;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    onClose: () => void;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/ap-drawer/components/ApDrawerClose.vue.mjs

@@ -0,0 +1,25 @@
+import { defineComponent as p, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, createVNode as c } from "vue";
+import "../../config-provider/index.mjs";
+import { IconApAdLineCloseDrawer as i } from "@aplus-frontend/icon";
+import { useNamespace as C } from "../../config-provider/hooks/use-namespace.mjs";
+const _ = /* @__PURE__ */ p({
+  name: "ApDrawerClose",
+  __name: "ApDrawerClose",
+  props: {
+    onClose: { type: Function, default: () => {
+    } }
+  },
+  setup(n) {
+    const { b: s } = C("ap-drawer"), e = n;
+    return (f, o) => (l(), a("div", {
+      class: m([r(s)("close")]),
+      onClick: o[0] || (o[0] = //@ts-ignore
+      (...t) => e.onClose && e.onClose(...t))
+    }, [
+      c(r(i))
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/es/src/ap-drawer/components/ApDrawerClose.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ApDrawerClose.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-drawer/index.d.ts

@@ -1,8 +1,4 @@
-import { Drawer as _Drawer } from '@aplus-frontend/antdv';
-import { CreateDrawerFunc } from './interface';
+import { default as ApDrawer } from './ApDrawer.vue';
+import { default as ApDrawerClose } from './components/ApDrawerClose.vue';
 export * from './interface';
-type ApDrawerMixedProps = typeof _Drawer & {
-    createDrawer: CreateDrawerFunc;
-};
-declare const ApDrawer: ApDrawerMixedProps;
-export { ApDrawer };
+export { ApDrawer, ApDrawerClose };

package/es/src/ap-drawer/index.mjs

@@ -1,10 +1,15 @@
-import { Drawer as e } from "@aplus-frontend/antdv";
 import "./utils/index.mjs";
+import "./ApDrawer.vue2.mjs";
+import "./components/ApDrawerClose.vue2.mjs";
 import "./interface.mjs";
-import { createDrawer as a } from "./utils/createDrawer.mjs";
-const r = e;
-r.createDrawer = a;
+import { createDrawer as e } from "./utils/createDrawer.mjs";
+import r from "./ApDrawer.vue.mjs";
+import o from "./components/ApDrawerClose.vue.mjs";
+r.createDrawer = e;
 r.name = "ApDrawer";
+r.Close = o;
+r.Close.name = "ApDrawerClose";
 export {
-  r as ApDrawer
+  r as ApDrawer,
+  o as ApDrawerClose
 };

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

@@ -14,3 +14,7 @@ export type CreateDrawerFuncReturn = {
     close: () => void;
 };
 export type CreateDrawerFunc = (props: CreateDrawerFuncProps) => CreateDrawerFuncReturn;
+export type ApDrawerMixedProps = DrawerProps & {
+    createDrawer?: CreateDrawerFunc;
+    outSideClick?: boolean;
+};

package/es/src/ap-drawer/style/css.d.ts

@@ -1 +0,0 @@
-export {};

package/es/src/ap-drawer/style/css.js

@@ -1 +1 @@
-export {};
+import '@aplus-frontend/ui/theme/ap-drawer/ap-drawer.css';

package/es/src/ap-drawer/style/index.d.ts

@@ -1 +0,0 @@
-export {};

package/es/src/ap-drawer/style/index.js

@@ -1 +1 @@
-export {};
+import '@aplus-frontend/ui/theme/ap-drawer/ap-drawer.less';

package/es/src/ap-drawer/utils/createDrawer.mjs

@@ -1,31 +1,34 @@
-import { render as x, defineComponent as D, createVNode as v, mergeProps as O, h as V } from "vue";
-import { Drawer as E } from "@aplus-frontend/antdv";
-import { ConfigProvider as U, globalConfigCached as A } from "../../config-provider/config-provider.mjs";
-import { omit as N } from "lodash-unified";
-const z = (l) => {
+import { render as b, defineComponent as O, createVNode as u, mergeProps as V, h as D } from "vue";
+import "../ApDrawer.vue2.mjs";
+import "../components/ApDrawerClose.vue2.mjs";
+import { ConfigProvider as E, globalConfigCached as U } from "../../config-provider/config-provider.mjs";
+import { omit as A } from "lodash-unified";
+import N from "../ApDrawer.vue.mjs";
+import T from "../components/ApDrawerClose.vue.mjs";
+const G = (l) => {
   let o, c;
   const {
-    destroyOnClose: f = !0
+    destroyOnClose: m = !0
   } = l;
-  function h() {
+  function f() {
     o && o(!1), setTimeout(() => {
       var e;
-      x(null, t), (e = t.parentElement) == null || e.removeChild(t);
+      b(null, t), (e = t.parentElement) == null || e.removeChild(t);
     }, 500);
   }
-  function b() {
+  function P() {
     o && o(!0);
   }
-  function m() {
+  function h() {
     o && o(!1);
   }
   function w(e) {
     c && c(e);
   }
-  const P = /* @__PURE__ */ D({
+  const y = /* @__PURE__ */ O({
     data() {
       return {
-        open: f,
+        open: m,
         props: l
       };
     },
@@ -41,42 +44,44 @@ const z = (l) => {
     },
     methods: {
       async handleClose() {
-        var e, n, r, s, p;
+        var e, n, r, s, i;
         if ((e = this.props) != null && e.onClose) {
-          const i = ((s = (r = (n = this.props) == null ? void 0 : n.content) == null ? void 0 : r.component) == null ? void 0 : s.exposed) ?? void 0;
-          await ((p = this.props) == null ? void 0 : p.onClose(i));
+          const p = ((s = (r = (n = this.props) == null ? void 0 : n.content) == null ? void 0 : r.component) == null ? void 0 : s.exposed) ?? void 0;
+          await ((i = this.props) == null ? void 0 : i.onClose(p));
         }
-        f ? h() : m();
+        m ? f() : h();
       }
     },
     render() {
-      var s, p, i;
-      const e = N(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), n = ((i = (p = (s = this.props) == null ? void 0 : s.content) == null ? void 0 : p.component) == null ? void 0 : i.exposed) ?? void 0, r = () => f ? h() : m();
-      return v(U, A.value, {
+      var s, i, p;
+      const e = A(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), n = ((p = (i = (s = this.props) == null ? void 0 : s.content) == null ? void 0 : i.component) == null ? void 0 : p.exposed) ?? void 0, r = () => m ? f() : h();
+      return u(E, U.value, {
         default: () => {
-          var a, u, d, C;
-          return [v(E, O({
+          var C, a, g, d, x;
+          return [u(N, V({
             open: this.open,
             onClose: this.handleClose,
-            extra: (u = (a = this.props) == null ? void 0 : a.extra) == null ? void 0 : u.call(a, n, r),
-            footer: (C = (d = this.props) == null ? void 0 : d.footer) == null ? void 0 : C.call(d, n, r)
+            extra: (C = this.props) != null && C.extra ? (g = (a = this.props) == null ? void 0 : a.extra) == null ? void 0 : g.call(a, n, r) : u(T, {
+              onClose: () => this.handleClose()
+            }, null),
+            footer: (x = (d = this.props) == null ? void 0 : d.footer) == null ? void 0 : x.call(d, n, r)
           }, e), {
             default: () => {
-              var g;
-              return [(g = this.props) == null ? void 0 : g.content];
+              var v;
+              return [(v = this.props) == null ? void 0 : v.content];
             }
           })];
         }
       });
     }
-  }), y = l.getContainer || document.body, t = document.createElement("div");
-  return y.appendChild(t), x(V(P), t), {
-    destroy: h,
+  }), _ = l.getContainer || document.body, t = document.createElement("div");
+  return _.appendChild(t), b(D(y), t), {
+    destroy: f,
     update: w,
-    open: b,
-    close: m
+    open: P,
+    close: h
   };
 };
 export {
-  z as createDrawer
+  G as createDrawer
 };

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

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

package/es/src/ap-field/date/index.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_component: DefineComponent<ApFieldDateProps, {}, {}, {}, {},
     mode: FieldMode;
     open: boolean;
     disabled: boolean;
-    bordered: boolean;
     autofocus: boolean;
+    bordered: boolean;
     format: LiteralUnion<ApFormatPresetType, string>;
     clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;

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

@@ -41,8 +41,8 @@ declare const __VLS_component: DefineComponent<ApFieldDateRangeProps, {}, {}, {}
         [key: string]: any;
     }> | null;
     disabled: boolean | [boolean, boolean];
-    bordered: boolean;
     autofocus: boolean;
+    bordered: boolean;
     format: LiteralUnion<ApFormatPresetType, string>;
     clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, useSlots as J, computed as f, unref as t, isVNode as Q, createVNode as T, Fragment as y, createElementBlock as k, createBlock as C, openBlock as d, createTextVNode as B, toDisplayString as P, resolveDynamicComponent as X, normalizeStyle as z, withCtx as D, createCommentVNode as ee, isRef as ne, renderList as A, mergeProps as oe, createSlots as te, renderSlot as ae, normalizeProps as re, guardReactiveProps as le } from "vue";
+import { defineComponent as q, useSlots as J, computed as f, unref as t, isVNode as Q, createVNode as T, Fragment as y, createElementBlock as k, createBlock as C, openBlock as d, createTextVNode as B, toDisplayString as D, resolveDynamicComponent as X, normalizeStyle as z, withCtx as P, createCommentVNode as ee, isRef as ne, renderList as A, mergeProps as oe, createSlots as te, renderSlot as ae, normalizeProps as re, guardReactiveProps as le } from "vue";
 import { ApFieldDatePresetFormats as ue, PRESET_FORMAT_MAP as R, PRESET_FORMAT_PICK_MAP as de, PRESET_FORMAT_TIME_MAP as ie } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
 import { isNil as F, omit as _, isString as h, isFunction as se } from "lodash-unified";
@@ -13,6 +13,7 @@ import { useDefaultPresets as Se } from "../hooks/use-default-presets.mjs";
 import { useDateTimezone as ke } from "../hooks/use-date-timezone.mjs";
 import { useControllableValue as Ce } from "../../hooks/useControllableValue.mjs";
 const Ee = /* @__PURE__ */ q({
+  name: "ApFieldDateRange",
   __name: "index",
   props: {
     mode: {
@@ -226,27 +227,27 @@ const Ee = /* @__PURE__ */ q({
         key: 0
       }, [S.value ? (d(), k(y, {
         key: 0
-      }, [B(P((r = S.value[0]) == null ? void 0 : r.format(v.value)) + " ", 1), (d(), C(X(Z.value))), B(" " + P((l = S.value[1]) == null ? void 0 : l.format(v.value)), 1)], 64)) : (d(), k(y, {
+      }, [B(D((r = S.value[0]) == null ? void 0 : r.format(v.value)) + " ", 1), (d(), C(X(Z.value))), B(" " + D((l = S.value[1]) == null ? void 0 : l.format(v.value)), 1)], 64)) : (d(), k(y, {
         key: 1
-      }, [B(P(e.emptyText), 1)], 64))], 64)) : (d(), C(t(fe), {
+      }, [B(D(e.emptyText), 1)], 64))], 64)) : (d(), C(t(fe), {
         key: 1,
         compact: "",
         style: z({
           display: Array.isArray(n.timezone) && n.timezone.length ? "flex" : "block"
         })
       }, {
-        default: D(() => [Array.isArray(n.timezone) && n.timezone.length ? (d(), C(t(me), {
+        default: P(() => [Array.isArray(n.timezone) && n.timezone.length ? (d(), C(t(me), {
           key: 0,
           value: t(u),
           "onUpdate:value": a[0] || (a[0] = (o) => ne(u) ? u.value = o : null),
           "default-active-first-option": "",
           "dropdown-match-select-width": !1
         }, {
-          default: D(() => [(d(!0), k(y, null, A(n.timezone, (o) => (d(), C(t(pe), {
+          default: P(() => [(d(!0), k(y, null, A(n.timezone, (o) => (d(), C(t(pe), {
             key: o == null ? void 0 : o.value,
             value: o == null ? void 0 : o.value
           }, {
-            default: D(() => [B(P((o == null ? void 0 : o.label) ?? (o == null ? void 0 : o.value)), 1)]),
+            default: P(() => [B(D((o == null ? void 0 : o.label) ?? (o == null ? void 0 : o.value)), 1)]),
             _: 2
           }, 1032, ["value"]))), 128))]),
           _: 1
@@ -262,7 +263,7 @@ const Ee = /* @__PURE__ */ q({
           _: 2
         }, [A(t(_)(e.$slots, "readModeSeparator"), (o, p) => ({
           name: p,
-          fn: D((c) => [ae(e.$slots, p, re(le(c || {})))])
+          fn: P((c) => [ae(e.$slots, p, re(le(c || {})))])
         }))]), 1040, ["value", "picker", "format"])]),
         _: 3
       }, 8, ["style"]));

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

@@ -1,10 +1,19 @@
-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))
-});
+import { ref as o, watch as m } from "vue";
+import { isUndefined as u } from "lodash-unified";
+const n = (e) => {
+  var r;
+  return Array.isArray(e) ? (r = e[0]) == null ? void 0 : r.value : e;
+}, c = (e) => {
+  const r = o(n(e.timezone));
+  return m(
+    () => e.timezone,
+    (t, i) => {
+      u(i) && (r.value = n(t));
+    }
+  ), {
+    currentTimezone: r
+  };
+};
 export {
-  i as useDateTimezone
+  c as useDateTimezone
 };

package/es/src/ap-field/number/index.vue.d.ts

@@ -13,8 +13,6 @@ type ApFieldNumberSlots = {
     upIcon?: any;
     downIcon?: any;
 };
-declare function focus(): void;
-declare function blur(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApFieldNumberSlots> & ApFieldNumberSlots;
@@ -344,8 +342,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldNumberProps, {
-    focus: typeof focus;
-    blur: typeof blur;
+    focus: () => void;
+    blur: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldNumberProps> & Readonly<{
@@ -353,8 +351,8 @@ declare const __VLS_component: DefineComponent<ApFieldNumberProps, {
 }>, {
     step: ValueType;
     disabled: boolean;
-    bordered: boolean;
     keyboard: boolean;
+    bordered: boolean;
     max: ValueType;
     min: ValueType;
     controls: boolean;

package/es/src/ap-field/radio/index.vue.d.ts

@@ -6,11 +6,9 @@ import { RadioGroupChildOption } from '@aplus-frontend/antdv/es/radio/Group';
 import { RadioGroupButtonStyle, RadioGroupOptionType } from '@aplus-frontend/antdv/es/radio/interface';
 import { RadioChangeEvent } from '@aplus-frontend/antdv';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
-declare function focus(): void;
-declare function blur(): void;
 declare const _default: DefineComponent<ApFieldRadioProps, {
-    focus: typeof focus;
-    blur: typeof blur;
+    focus: () => void;
+    blur: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldRadioProps> & Readonly<{