@aplus-frontend/ui 0.0.1-beta.7 → 0.0.1-beta.8

package/es/src/ap-action/item-modal/index.vue.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as i, openBlock as c, createBlock as m, mergeProps as d, unref as f } from "vue";
-import { Modal as p } from "ant-design-vue";
-import s from "../item/index.vue.mjs";
-import { omit as u } from "lodash-unified";
-const B = /* @__PURE__ */ i({
+import { defineComponent as i, openBlock as m, createBlock as c, mergeProps as p, unref as d } from "vue";
+import { Modal as f } from "ant-design-vue";
+import "../item/index.vue.mjs";
+import { omit as s } from "lodash-unified";
+import u from "../item/index.vue2.mjs";
+const P = /* @__PURE__ */ i({
   name: "ApActionItemModal",
   __name: "index",
   props: {
@@ -18,7 +19,7 @@ const B = /* @__PURE__ */ i({
   setup(l) {
     const o = l;
     async function r(e) {
-      p.confirm({
+      f.confirm({
         ...o.modalProps,
         onOk: async () => {
           var n, t, a;
@@ -26,9 +27,9 @@ const B = /* @__PURE__ */ i({
         }
       });
     }
-    return (e, n) => (c(), m(s, d(f(u)(o, ["modalProps", "onAction"]), { onAction: r }), null, 16));
+    return (e, n) => (m(), c(u, p(d(s)(o, ["modalProps", "onAction"]), { onAction: r }), null, 16));
   }
 });
 export {
-  B as default
+  P as default
 };

package/es/src/ap-action/item-popconfirm/index.vue.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as f, openBlock as m, createBlock as c, unref as i, mergeProps as l, withCtx as s, createVNode as d, normalizeProps as u, guardReactiveProps as P } from "vue";
+import { defineComponent as m, openBlock as f, createBlock as c, unref as i, mergeProps as l, withCtx as s, createVNode as d, normalizeProps as u, guardReactiveProps as P } from "vue";
 import { Popconfirm as _ } from "ant-design-vue";
-import C from "../item/index.vue.mjs";
-import { omit as x } from "lodash-unified";
-const g = /* @__PURE__ */ f({
+import "../item/index.vue.mjs";
+import { omit as y } from "lodash-unified";
+import x from "../item/index.vue2.mjs";
+const h = /* @__PURE__ */ m({
   name: "ApActionItemPopconfirm",
   __name: "index",
   props: {
@@ -21,17 +22,18 @@ const g = /* @__PURE__ */ f({
       var n, r, t;
       (r = (n = o.popconfirmProps).onConfirm) == null || r.call(n, e), await ((t = o.onAction) == null ? void 0 : t.call(o, e));
     }
-    return (e, n) => (m(), c(i(_), l(o.popconfirmProps, {
+    return (e, n) => (f(), c(i(_), l(o.popconfirmProps, {
       onConfirm: a,
-      disabled: !o.popconfirmProps
+      disabled: !o.popconfirmProps,
+      "overlay-style": { zIndex: 1060 }
     }), {
       default: s(() => [
-        d(C, u(P(i(x)(o, ["popconfirmProps", "onAction"]))), null, 16)
+        d(x, u(P(i(y)(o, ["popconfirmProps", "onAction"]))), null, 16)
       ]),
       _: 1
     }, 16, ["disabled"]));
   }
 });
 export {
-  g as default
+  h as default
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as x, ref as k, onMounted as y, openBlock as o, createElementBlock as i, Fragment as p, unref as e, createTextVNode as m, toDisplayString as s, createBlock as g, mergeProps as h } from "vue";
-import { isFunction as C, isNil as V } from "lodash-unified";
-import { CheckboxGroup as b } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as _ } from "../../hooks/useControllableValue.mjs";
-import { getOptionValue as B, getOptionLabel as T } from "./helper.mjs";
-const D = /* @__PURE__ */ x({
+import { defineComponent as g, ref as m, onMounted as h, openBlock as o, createElementBlock as a, Fragment as l, unref as e, createTextVNode as d, toDisplayString as f, createBlock as c, mergeProps as C } from "vue";
+import { isFunction as V, isNil as b } from "lodash-unified";
+import { Spin as _, CheckboxGroup as B } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { getOptionValue as T, getOptionLabel as q } from "./helper.mjs";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+const D = /* @__PURE__ */ g({
   name: "ApFieldCheckbox",
   inheritAttrs: !1,
   __name: "index",
@@ -23,31 +23,38 @@ const D = /* @__PURE__ */ x({
     request: {}
   },
   emits: ["update:value"],
-  setup(d, { emit: f }) {
-    const c = f, t = d, a = k(t.options);
-    y(() => {
-      C(t.request) && t.request().then((l) => a.value = l);
+  setup(v, { emit: y }) {
+    const k = y, t = v, n = m(t.options), i = m(!1);
+    h(() => {
+      V(t.request) && (i.value = !0, t.request().then((r) => n.value = r).finally(() => {
+        i.value = !1;
+      }));
     });
-    const { value: n, updateValue: v } = _(
+    const { value: u, updateValue: x } = F(
       t,
-      c,
+      k,
       {
         defaultValue: []
       }
     );
-    return (l, q) => {
-      var u;
-      return l.mode === "read" ? (o(), i(p, { key: 0 }, [
-        e(V)(e(n)) ? (o(), i(p, { key: 0 }, [
-          m(s(t.emptyText), 1)
-        ], 64)) : (o(), i(p, { key: 1 }, [
-          m(s(((u = a.value) == null ? void 0 : u.filter((r) => e(n).indexOf(e(B)(r)) > -1).map((r) => e(T)(r)).join("、")) || t.emptyText), 1)
+    return (r, O) => {
+      var s;
+      return r.mode === "read" ? (o(), a(l, { key: 0 }, [
+        e(b)(e(u)) ? (o(), a(l, { key: 0 }, [
+          d(f(t.emptyText), 1)
+        ], 64)) : (o(), a(l, { key: 1 }, [
+          d(f(((s = n.value) == null ? void 0 : s.filter((p) => e(u).indexOf(e(T)(p)) > -1).map((p) => e(q)(p)).join("、")) || t.emptyText), 1)
         ], 64))
-      ], 64)) : (o(), g(e(b), h({ key: 1 }, t, {
-        options: a.value,
-        value: e(n),
-        "onUpdate:value": e(v)
-      }), null, 16, ["options", "value", "onUpdate:value"]));
+      ], 64)) : (o(), a(l, { key: 1 }, [
+        i.value ? (o(), c(e(_), {
+          key: 0,
+          size: "small"
+        })) : (o(), c(e(B), C({ key: 1 }, t, {
+          options: n.value,
+          value: e(u),
+          "onUpdate:value": e(x)
+        }), null, 16, ["options", "value", "onUpdate:value"]))
+      ], 64));
     };
   }
 });

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

@@ -2,13 +2,12 @@ import { defineComponent as C, computed as s, unref as o, openBlock as p, create
 import i from "dayjs";
 import { DatePicker as U } from "ant-design-vue";
 import { ApFieldDatePresetFormats as $, PRESET_FORMAT_MAP as b, PRESET_FORMAT_PICK_MAP as w, PRESET_FORMAT_TIME_MAP as z } from "./constant.mjs";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
+import "../../hooks/index.mjs";
 import { isNil as P } from "lodash-unified";
 import { formatDay as d } from "./helper.mjs";
+import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
 const X = /* @__PURE__ */ C({
   name: "ApFieldDate",
-  inheritAttrs: !1,
   __name: "index",
   props: {
     mode: { default: "edit" },
@@ -26,45 +25,45 @@ const X = /* @__PURE__ */ C({
       () => $.indexOf(e.format) > -1
     ), l = s(
       () => n.value ? b[e.format] : e.format
-    ), O = s(() => P(o(u)) ? void 0 : i(o(u))), g = s(() => o(n) ? e.fieldProps.picker ?? w[e.format] : e.fieldProps.picker), h = s(() => {
+    ), O = s(() => P(o(u)) ? void 0 : i(o(u))), g = s(() => o(n) ? e.fieldProps.picker ?? w[e.format] : e.fieldProps.picker), y = s(() => {
       const t = o(n) ? z[e.format] : {};
       return {
         ...e.fieldProps,
         ...t
       };
     });
-    function y(t) {
+    function T(t) {
       if (P(t)) {
         c(null);
         return;
       }
-      const r = i(t);
-      o(n) ? c(d(r, o(l))) : c(r.valueOf());
+      const a = i(t);
+      o(n) ? c(d(a, o(l))) : c(a.valueOf());
     }
-    function T(t, r) {
+    function h(t, a) {
       var f;
-      const m = i(t), a = o(n) ? d(m, o(l)) : t ? m.valueOf() : null;
-      (f = e.onChange) == null || f.call(e, a, r);
+      const m = i(t), r = o(n) ? d(m, o(l)) : t ? m.valueOf() : null;
+      (f = e.onChange) == null || f.call(e, r, a);
     }
     function A(t) {
-      var a;
-      const r = i(t), m = o(n) ? d(r, o(l)) : t ? r.valueOf() : null;
-      (a = e.onOk) == null || a.call(e, m);
+      var r;
+      const a = i(t), m = o(n) ? d(a, o(l)) : t ? a.valueOf() : null;
+      (r = e.onOk) == null || r.call(e, m);
     }
-    return (t, r) => t.mode === "read" ? (p(), E(F, { key: 0 }, [
+    return (t, a) => t.mode === "read" ? (p(), E(F, { key: 0 }, [
       R(M(o(u) ? o(i)(o(u)).format(l.value) : t.emptyText), 1)
-    ], 64)) : (p(), D(o(U), S({ key: 1 }, h.value, {
+    ], 64)) : (p(), D(o(U), S({ key: 1 }, y.value, {
       value: O.value,
       format: l.value,
-      "onUpdate:value": y,
-      onChange: T,
+      "onUpdate:value": T,
+      onChange: h,
       onOk: A,
       picker: g.value
     }), V({ _: 2 }, [
-      x(t.$slots, (m, a) => ({
-        name: a,
+      x(t.$slots, (m, r) => ({
+        name: r,
         fn: j((f) => [
-          B(t.$slots, a, I(N(f || {})))
+          B(t.$slots, r, I(N(f || {})))
         ])
       }))
     ]), 1040, ["value", "format", "picker"]));

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

@@ -1,12 +1,12 @@
 import { defineComponent as V, computed as m, unref as t, openBlock as p, createElementBlock as k, Fragment as _, createTextVNode as T, toDisplayString as O, createVNode as C, createBlock as x, mergeProps as B, createSlots as N, renderList as w, withCtx as I, renderSlot as U, normalizeProps as $, guardReactiveProps as b } from "vue";
 import { ApFieldDatePresetFormats as j, PRESET_FORMAT_MAP as z, PRESET_FORMAT_PICK_MAP as K, PRESET_FORMAT_TIME_MAP as L } from "../date/constant.mjs";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as Y } from "../../hooks/useControllableValue.mjs";
-import { isNil as q, isString as c } from "lodash-unified";
+import "../../hooks/index.mjs";
+import { isNil as Y, isString as c } from "lodash-unified";
 import u from "dayjs";
-import { DatePicker as G } from "ant-design-vue";
+import { DatePicker as q } from "ant-design-vue";
 import { formatDay as d, formatValue as R } from "../date/helper.mjs";
-import { SwapRightOutlined as H } from "@ant-design/icons-vue";
+import { SwapRightOutlined as G } from "@ant-design/icons-vue";
+import { useControllableValue as H } from "../../hooks/useControllableValue.mjs";
 const ae = /* @__PURE__ */ V({
   __name: "index",
   props: {
@@ -25,12 +25,12 @@ const ae = /* @__PURE__ */ V({
       () => j.indexOf(o.format) > -1
     ), n = m(
       () => l.value ? z[o.format] : o.format
-    ), { value: P, updateValue: v } = Y(
+    ), { value: P, updateValue: v } = H(
       o,
       E
     ), s = m(() => {
       var e, r;
-      if (!q(t(P)))
+      if (!Y(t(P)))
         return [
           u((e = t(P)) == null ? void 0 : e[0]),
           u((r = t(P)) == null ? void 0 : r[1])
@@ -60,12 +60,12 @@ const ae = /* @__PURE__ */ V({
       return e.mode === "read" ? (p(), k(_, { key: 0 }, [
         s.value ? (p(), k(_, { key: 0 }, [
           T(O((a = s.value[0]) == null ? void 0 : a.format(n.value)) + " ", 1),
-          C(t(H)),
+          C(t(G)),
           T(" " + O((f = s.value[1]) == null ? void 0 : f.format(n.value)), 1)
         ], 64)) : (p(), k(_, { key: 1 }, [
           T(O(e.emptyText), 1)
         ], 64))
-      ], 64)) : (p(), x(t(G).RangePicker, B({ key: 1 }, A.value, {
+      ], 64)) : (p(), x(t(q).RangePicker, B({ key: 1 }, A.value, {
         value: s.value,
         "onUpdate:value": F,
         picker: S.value,

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

@@ -8,5 +8,17 @@ import { default as ApFieldTextArea } from './text-area/index.vue';
 import { default as ApFieldDateRange } from './date-range/index.vue';
 import { default as ApFieldSelect } from './select/index.vue';
 
+export type FieldType = {
+    Text: typeof ApFieldText;
+    TextArea: typeof ApFieldTextArea;
+    Number: typeof ApFieldNumber;
+    Date: typeof ApFieldDate;
+    DateRange: typeof ApFieldDateRange;
+    Radio: typeof ApFieldRadio;
+    Checkbox: typeof ApFieldCheckbox;
+    Select: typeof ApFieldSelect;
+    Switch: typeof ApFieldSwitch;
+};
+export declare const ApField: FieldType;
 export * from './interface';
 export { ApFieldText, ApFieldCheckbox, ApFieldDate, ApFieldNumber, ApFieldRadio, ApFieldSwitch, ApFieldTextArea, ApFieldDateRange, ApFieldSelect };

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

@@ -0,0 +1,42 @@
+import "./text/index.vue2.mjs";
+import "./checkbox/index.vue2.mjs";
+import "./date/index.vue2.mjs";
+import "./number/index.vue2.mjs";
+import "./radio/index.vue2.mjs";
+import "./switch/index.vue2.mjs";
+import "./text-area/index.vue2.mjs";
+import "./date-range/index.vue2.mjs";
+import "./select/index.vue2.mjs";
+import "./interface.mjs";
+import i from "./text/index.vue.mjs";
+import m from "./text-area/index.vue.mjs";
+import o from "./number/index.vue.mjs";
+import r from "./date/index.vue.mjs";
+import t from "./date-range/index.vue.mjs";
+import e from "./radio/index.vue.mjs";
+import p from "./checkbox/index.vue.mjs";
+import a from "./select/index.vue.mjs";
+import s from "./switch/index.vue.mjs";
+const w = {
+  Text: i,
+  TextArea: m,
+  Number: o,
+  Date: r,
+  DateRange: t,
+  Radio: e,
+  Checkbox: p,
+  Select: a,
+  Switch: s
+};
+export {
+  w as ApField,
+  p as ApFieldCheckbox,
+  r as ApFieldDate,
+  t as ApFieldDateRange,
+  o as ApFieldNumber,
+  e as ApFieldRadio,
+  a as ApFieldSelect,
+  s as ApFieldSwitch,
+  i as ApFieldText,
+  m as ApFieldTextArea
+};

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

@@ -3,6 +3,7 @@ import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils'
 import { ApFormatPresetType } from './date/interface';
 import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
 import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
+import { LiteralUnion } from '../type';
 
 export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
@@ -32,7 +33,7 @@ export type ApFieldDateProps = ApFieldComposedProps<Omit<DatePickerProps, 'mode'
     defaultValue?: number;
     onChange?: (ts: number | null, dayStr: string) => void;
     onOk?: (ts: number | null) => void;
-    format?: ApFormatPresetType | string;
+    format?: LiteralUnion<ApFormatPresetType, string>;
 };
 export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
     emptyText?: string;
@@ -76,7 +77,7 @@ export type ApFieldDateRangeProps = ApFieldComposedProps<Omit<RangePickerProps,
     defaultValue?: RangeValue<number>;
     onChange?: (ts: RangeValue<number>, dayStr: string) => void;
     onOk?: (ts: RangeValue<number>) => void;
-    format?: ApFormatPresetType | string;
+    format?: LiteralUnion<ApFormatPresetType, string>;
 };
 export type ApFieldSelectProps = ApFieldComposedProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
     emptyText?: string;

package/es/src/ap-field/interface.mjs

@@ -0,0 +1 @@
+

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

@@ -2,8 +2,8 @@ import { isNil as i } from "lodash-unified";
 function a(t, r) {
   if (i(r))
     return t;
-  let [f, e] = t.split(".");
-  if (!e || e.length >= r)
+  let [f, e = ""] = t.split(".");
+  if (e.length >= r)
     return t;
   for (let l = e.length; l < r; l++)
     e += "0";

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

@@ -1,16 +1,15 @@
-import { defineComponent as C, ref as S, computed as N, unref as o, openBlock as r, createElementBlock as n, Fragment as V, normalizeClass as m, renderSlot as i, createCommentVNode as d, createElementVNode as $, toDisplayString as x, createBlock as A, mergeProps as D, createSlots as P, renderList as R, withCtx as I, normalizeProps as z, guardReactiveProps as E } from "vue";
+import { defineComponent as h, ref as C, computed as x, unref as o, openBlock as r, createElementBlock as n, Fragment as N, normalizeClass as d, renderSlot as s, createCommentVNode as m, createElementVNode as V, toDisplayString as $, createBlock as D, mergeProps as P, createSlots as R, renderList as A, withCtx as I, normalizeProps as z, guardReactiveProps as E } from "vue";
 import { InputNumber as F } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
-import { isNil as T, omit as U } from "lodash-unified";
-import { toDecimalMark as w } from "@fruits-chain/utils";
-import { addZeroToDecimalPlaces as L } from "./helper.mjs";
+import "../../hooks/index.mjs";
+import { isNil as M, omit as T } from "lodash-unified";
+import { toDecimalMark as U } from "@fruits-chain/utils";
+import { addZeroToDecimalPlaces as _ } from "./helper.mjs";
 import "../../config-provider/index.mjs";
 import "./style.css";
-import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
-const Y = /* @__PURE__ */ C({
+import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as L } from "../../hooks/useControllableValue.mjs";
+const Y = /* @__PURE__ */ h({
   name: "ApFieldNumber",
-  inheritAttrs: !1,
   __name: "index",
   props: {
     mode: {},
@@ -55,15 +54,15 @@ const Y = /* @__PURE__ */ C({
   },
   emits: ["update:value"],
   setup(f, { expose: c, emit: y }) {
-    const v = y, { b: s } = Z("field-number"), t = f, l = S(), { value: p, updateValue: B } = M(
+    const v = y, { b: i } = w("field-number"), t = f, l = C(), { value: u, updateValue: B } = L(
       t,
       v
-    ), b = N(() => {
-      let e = o(p);
-      if (T(e))
+    ), b = x(() => {
+      let e = o(u);
+      if (M(e))
         return t.emptyText;
-      let a = w(e, t.precision);
-      return t.precision && t.limitDecimalsRetain && (a = L(a, t.precision)), a;
+      let a = t.thousands ? U(e, t.precision) : String(e);
+      return t.precision && t.limitDecimalsRetain && (a = _(a, t.precision)), a;
     });
     function k() {
       var e;
@@ -73,34 +72,33 @@ const Y = /* @__PURE__ */ C({
       var e;
       (e = l.value) == null || e.blur();
     }
-    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n(V, { key: 0 }, [
+    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n(N, { key: 0 }, [
       e.$slots.prefix ? (r(), n("span", {
         key: 0,
-        class: m(o(s)("label-left"))
+        class: d(o(i)("label-left"))
       }, [
-        i(e.$slots, "prefix")
-      ], 2)) : d("", !0),
-      $("span", null, x(b.value), 1),
+        s(e.$slots, "prefix")
+      ], 2)) : m("", !0),
+      V("span", null, $(b.value), 1),
       e.$slots.addonAfter ? (r(), n("span", {
         key: 1,
-        class: m(o(s)("label-right"))
+        class: d(o(i)("label-right"))
       }, [
-        i(e.$slots, "addonAfter")
-      ], 2)) : d("", !0)
-    ], 64)) : (r(), A(o(F), D({ key: 1 }, o(U)(t, ["precision", "value", "update:value"]), {
-      value: o(p),
+        s(e.$slots, "addonAfter")
+      ], 2)) : m("", !0)
+    ], 64)) : (r(), D(o(F), P({ key: 1 }, o(T)(t, ["value", "update:value"]), {
+      value: o(u),
       "onUpdate:value": o(B),
-      precision: e.precision,
       ref_key: "inputRef",
       ref: l
-    }), P({ _: 2 }, [
-      R(e.$slots, (_, u) => ({
-        name: u,
-        fn: I((h) => [
-          i(e.$slots, u, z(E(h || {})))
+    }), R({ _: 2 }, [
+      A(e.$slots, (Z, p) => ({
+        name: p,
+        fn: I((S) => [
+          s(e.$slots, p, z(E(S || {})))
         ])
       }))
-    ]), 1040, ["value", "onUpdate:value", "precision"]));
+    ]), 1040, ["value", "onUpdate:value"]));
   }
 });
 export {

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

@@ -1,12 +1,11 @@
-import { defineComponent as b, ref as i, onMounted as k, computed as T, unref as o, openBlock as p, createElementBlock as _, Fragment as V, createTextVNode as h, toDisplayString as B, createBlock as C, mergeProps as R } from "vue";
-import { RadioGroup as G } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as U } from "../../hooks/useControllableValue.mjs";
-import { isNil as q, omit as A } from "lodash-unified";
+import { defineComponent as V, ref as i, onMounted as q, computed as B, unref as o, openBlock as n, createElementBlock as m, Fragment as d, createTextVNode as C, toDisplayString as R, createBlock as f, mergeProps as h } from "vue";
+import { Spin as G, RadioGroup as S } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { isNil as U, omit as z } from "lodash-unified";
 import { getOptionValue as F, getOptionLabel as N } from "./helper.mjs";
-const M = /* @__PURE__ */ b({
+import { useControllableValue as O } from "../../hooks/useControllableValue.mjs";
+const j = /* @__PURE__ */ V({
   name: "ApFieldRadio",
-  inheritAttrs: !1,
   __name: "index",
   props: {
     mode: { default: "edit" },
@@ -25,44 +24,51 @@ const M = /* @__PURE__ */ b({
     request: {}
   },
   emits: ["update:value"],
-  setup(s, { expose: m, emit: d }) {
-    const t = s, f = d, n = i(), u = i((t == null ? void 0 : t.options) || []), { value: l, updateValue: c } = U(t, f);
-    k(() => {
+  setup(c, { expose: v, emit: y }) {
+    const t = c, g = y, u = i(), l = i((t == null ? void 0 : t.options) || []), { value: s, updateValue: x } = O(t, g), r = i(!1);
+    q(() => {
       var e;
-      (e = t.request) == null || e.call(t).then((a) => u.value = a);
+      t.request && (r.value = !0, (e = t.request) == null || e.call(t).then((a) => l.value = a).finally(() => {
+        r.value = !1;
+      }));
     });
-    const v = T(() => {
-      var r;
-      const e = o(l);
-      if (q(e))
+    const k = B(() => {
+      var p;
+      const e = o(s);
+      if (U(e))
         return t.emptyText;
-      const a = (r = u.value) == null ? void 0 : r.find(
-        (g) => e === F(g)
+      const a = (p = l.value) == null ? void 0 : p.find(
+        (_) => e === F(_)
       );
       return N(a) || t.emptyText;
     });
-    function y() {
+    function b() {
       var e;
-      (e = n.value) == null || e.focus();
+      (e = u.value) == null || e.focus();
     }
-    function x() {
+    function T() {
       var e;
-      (e = n.value) == null || e.blur();
+      (e = u.value) == null || e.blur();
     }
-    return m({
-      focus: y,
-      blur: x
-    }), (e, a) => e.mode === "read" ? (p(), _(V, { key: 0 }, [
-      h(B(v.value), 1)
-    ], 64)) : (p(), C(o(G), R({ key: 1 }, o(A)(t, ["value", "update:value", "options"]), {
-      value: o(l),
-      "onUpdate:value": o(c),
-      options: u.value,
-      ref_key: "radioGroupRef",
-      ref: n
-    }), null, 16, ["value", "onUpdate:value", "options"]));
+    return v({
+      focus: b,
+      blur: T
+    }), (e, a) => e.mode === "read" ? (n(), m(d, { key: 0 }, [
+      C(R(k.value), 1)
+    ], 64)) : (n(), m(d, { key: 1 }, [
+      r.value ? (n(), f(o(G), {
+        key: 0,
+        size: "small"
+      })) : (n(), f(o(S), h({ key: 1 }, o(z)(t, ["value", "update:value", "options", "request"]), {
+        value: o(s),
+        "onUpdate:value": o(x),
+        options: l.value,
+        ref_key: "radioGroupRef",
+        ref: u
+      }), null, 16, ["value", "onUpdate:value", "options"]))
+    ], 64));
   }
 });
 export {
-  M as default
+  j as default
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent as B, ref as d, onMounted as C, computed as v, unref as a, openBlock as h, createElementBlock as V, toDisplayString as T, createBlock as I, mergeProps as M, createSlots as R, renderList as U, withCtx as y, renderSlot as z, normalizeProps as N, guardReactiveProps as $, createVNode as j } from "vue";
 import { debounce as D, isFunction as P, isArray as E, isNil as L } from "lodash-unified";
 import { Select as G, Spin as H } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
+import "../../hooks/index.mjs";
 import { useControllableValue as J } from "../../hooks/useControllableValue.mjs";
 const K = { key: 0 }, ee = /* @__PURE__ */ B({
   name: "ApFieldSelect",

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

@@ -1,9 +1,9 @@
-import { defineComponent as U, useSlots as _, ref as z, computed as D, unref as o, createVNode as u, Fragment as s, openBlock as h, createBlock as k, resolveDynamicComponent as T, createElementBlock as E, mergeProps as p, createSlots as g, renderList as V, withCtx as C, renderSlot as v, normalizeProps as B, guardReactiveProps as w } from "vue";
+import { defineComponent as U, useSlots as _, ref as z, unref as o, computed as D, createVNode as u, Fragment as s, openBlock as h, createBlock as k, resolveDynamicComponent as T, createElementBlock as E, mergeProps as p, createSlots as g, renderList as V, withCtx as C, renderSlot as v, normalizeProps as B, guardReactiveProps as w } from "vue";
 import { Switch as A, Popconfirm as K } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as L } from "../../hooks/useControllableValue.mjs";
-import { isNil as M, omit as P } from "lodash-unified";
+import "../../hooks/index.mjs";
+import { isNil as L, omit as P } from "lodash-unified";
 import { isDef as f } from "@fruits-chain/utils";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
 const J = /* @__PURE__ */ U({
   name: "ApFieldSwitch",
   __name: "index",
@@ -53,7 +53,7 @@ const J = /* @__PURE__ */ U({
     const t = _(), n = S, $ = N, {
       value: d,
       updateValue: a
-    } = L(n, $, {
+    } = M(n, $, {
       valuePropName: "checked"
     }), i = z(!1);
     async function y(e, r) {
@@ -81,7 +81,7 @@ const J = /* @__PURE__ */ U({
     const F = D(() => {
       var l, c;
       const e = o(d);
-      return M(e) ? u(s, null, [n.emptyText]) : e === n.checkedValue ? u(s, null, [n.checkedChildren || ((l = t.checkedChildren) == null ? void 0 : l.call(t)) || n.checkedValue]) : u(s, null, [n.unCheckedChildren || ((c = t.unCheckedChildren) == null ? void 0 : c.call(t)) || n.unCheckedValue]);
+      return L(e) ? u(s, null, [n.emptyText]) : e === n.checkedValue ? u(s, null, [n.checkedChildren || ((l = t.checkedChildren) == null ? void 0 : l.call(t)) || n.checkedValue]) : u(s, null, [n.unCheckedChildren || ((c = t.unCheckedChildren) == null ? void 0 : c.call(t)) || n.unCheckedValue]);
     });
     return (e, r) => e.mode === "read" ? (h(), k(T(F.value), {
       key: 0