@aplus-frontend/ui 7.17.4 → 7.18.0

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

@@ -1,11 +1,14 @@
-import { defineComponent as B, computed as b, shallowRef as x, useSlots as S, createElementBlock as _, createBlock as g, openBlock as r, toDisplayString as k, unref as e, mergeProps as P, createSlots as C, renderList as I, withCtx as U, renderSlot as w, normalizeProps as R, guardReactiveProps as V } from "vue";
+import { defineComponent as R, computed as l, shallowRef as _, useSlots as P, createBlock as u, openBlock as d, unref as e, withCtx as p, createElementVNode as k, toDisplayString as C, mergeProps as I, createSlots as M, renderList as N, renderSlot as U, normalizeProps as V, guardReactiveProps as w } from "vue";
 import { InputNumber as z } from "@aplus-frontend/antdv";
 import { omit as A } from "lodash-unified";
 import "../../hooks/index.mjs";
+import "../../render/index.mjs";
 import { useDefaultPlaceholder as D } from "../hooks/use-default-placeholder.mjs";
-import { formatSecond as E } from "./helper.mjs";
+import { useReadModeRender as E } from "../hooks/use-read-mode-render.mjs";
+import { formatSecond as s } from "./helper.mjs";
 import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
-const M = { key: 0 }, H = /* @__PURE__ */ B({
+import O from "../../render/render.mjs";
+const Y = /* @__PURE__ */ R({
   name: "ApFieldSecond",
   __name: "index",
   props: {
@@ -13,6 +16,7 @@ const M = { key: 0 }, H = /* @__PURE__ */ B({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     size: {},
     bordered: { type: Boolean, default: !0 },
     placeholder: {},
@@ -54,35 +58,46 @@ const M = { key: 0 }, H = /* @__PURE__ */ B({
     onFocus: {}
   },
   emits: ["update:value"],
-  setup(u, { expose: d, emit: s }) {
-    const o = u, p = b(
+  setup(i, { expose: m, emit: f }) {
+    const o = i, { renderer: c } = E(
+      o,
+      l(() => s(Number(t.value)))
+    ), v = l(
       () => A(o, ["value", "onUpdate:value", "min", "placeholder", "mode"])
-    ), i = s, t = x(), { value: a, updateValue: f } = F(
+    ), y = f, r = _(), { value: t, updateValue: h } = F(
       o,
-      i
-    ), c = S(), m = D("Second", o);
-    function y() {
-      t.value?.focus();
+      y
+    ), B = P(), b = D("Second", o);
+    function x() {
+      r.value?.focus();
     }
-    function v() {
-      t.value?.blur();
+    function S() {
+      r.value?.blur();
     }
-    return d({ focus: y, blur: v }), (l, N) => l.mode === "read" ? (r(), _("span", M, k(e(E)(Number(e(a)))), 1)) : (r(), g(e(z), P({
+    return m({ focus: x, blur: S }), (a, L) => a.mode === "read" ? (d(), u(e(O), {
+      key: 0,
+      renderer: e(c)
+    }, {
+      default: p(() => [
+        k("span", null, C(e(s)(Number(e(t)))), 1)
+      ]),
+      _: 1
+    }, 8, ["renderer"])) : (d(), u(e(z), I({
       key: 1,
       min: 0,
       style: { width: "100%" },
-      placeholder: e(m),
-      value: e(a)
-    }, p.value, { "onUpdate:value": e(f) }), C({ _: 2 }, [
-      I(c, (O, n) => ({
+      placeholder: e(b),
+      value: e(t)
+    }, v.value, { "onUpdate:value": e(h) }), M({ _: 2 }, [
+      N(B, (T, n) => ({
         name: n,
-        fn: U((h) => [
-          w(l.$slots, n, R(V(h || {})))
+        fn: p((g) => [
+          U(a.$slots, n, V(w(g || {})))
         ])
       }))
     ]), 1040, ["placeholder", "value", "onUpdate:value"]));
   }
 });
 export {
-  H as default
+  Y as default
 };

package/es/src/ap-field/second/read.vue2.mjs

@@ -8,6 +8,7 @@ const m = /* @__PURE__ */ n({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     size: {},
     bordered: { type: Boolean },
     placeholder: {},

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

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as f, ref as h, useSlots as U, onMounted as V, unref as o, createVNode as s, Fragment as a, createBlock as i, createElementBlock as _, openBlock as u, resolveDynamicComponent as N, mergeProps as P, withCtx as q, renderSlot as z, normalizeProps as F, guardReactiveProps as T } from "vue";
-import { Spin as O, Segmented as R } from "@aplus-frontend/antdv";
-import { omit as w, isFunction as c, isUndefined as A, isString as D, isNumber as E } from "lodash-unified";
+import { defineComponent as S, computed as c, ref as h, useSlots as U, onMounted as V, unref as o, createVNode as s, Fragment as a, createBlock as i, createElementBlock as _, openBlock as u, resolveDynamicComponent as N, mergeProps as P, withCtx as q, renderSlot as z, normalizeProps as F, guardReactiveProps as R } from "vue";
+import { Spin as T, Segmented as M } from "@aplus-frontend/antdv";
+import { omit as O, isFunction as f, isUndefined as w, isString as A, isNumber as D } from "lodash-unified";
 import "../../hooks/index.mjs";
-import M from "../hooks/use-options.mjs";
+import E from "../hooks/use-options.mjs";
 import { useControllableValue as $ } from "../../hooks/useControllableValue.mjs";
 const L = /* @__PURE__ */ S({
   name: "ApFieldSegmented",
@@ -16,6 +16,7 @@ const L = /* @__PURE__ */ S({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     prefixCls: {},
     options: {},
     block: {
@@ -43,45 +44,45 @@ const L = /* @__PURE__ */ S({
   setup(v, {
     emit: y
   }) {
-    const t = v, g = f(() => w(t, ["onUpdate:value", "value", "defaultValue", "options"])), {
+    const t = v, g = c(() => O(t, ["onUpdate:value", "value", "defaultValue", "options"])), {
       options: p,
       updateOptions: b
-    } = M(t), k = y, {
+    } = E(t), k = y, {
       value: d,
       updateValue: x
     } = $(t, k), r = h(!1), B = U();
     V(() => {
-      c(t.request) && (r.value = !0, t.request().then((e) => b(e)).finally(() => {
+      f(t.request) && (r.value = !0, t.request().then((e) => b(e)).finally(() => {
         r.value = !1;
       }));
     });
-    const C = f(() => {
+    const C = c(() => {
       const e = o(d);
-      if (A(e))
+      if (w(e))
         return s(a, null, [t.emptyText]);
       const l = o(p)?.find((m) => m === e || m?.value === e);
-      if (D(l) || E(l))
+      if (A(l) || D(l))
         return s(a, null, [l]);
       const n = l?.label || B.label;
-      return c(n) ? s(a, null, [n?.({
+      return f(n) ? s(a, null, [n?.({
         ...l
       })]) : s(a, null, [n || t.emptyText]);
     });
-    return (e, l) => r.value ? (u(), i(o(O), {
+    return (e, l) => r.value ? (u(), i(o(T), {
       key: 0,
       size: "small"
     })) : (u(), _(a, {
       key: 1
     }, [e.mode === "read" ? (u(), i(N(C.value), {
       key: 0
-    })) : (u(), i(o(R), P({
+    })) : (u(), i(o(M), P({
       key: 1
     }, g.value, {
       value: o(d),
       options: o(p),
       "onUpdate:value": o(x)
     }), {
-      label: q((n) => [z(e.$slots, "label", F(T(n)))]),
+      label: q((n) => [z(e.$slots, "label", F(R(n)))]),
       _: 3
     }, 16, ["value", "options", "onUpdate:value"]))], 64));
   }

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

@@ -1,6 +1,6 @@
-import { defineComponent as fe, useSlots as me, ref as k, shallowRef as he, computed as s, onMounted as ve, watch as ye, unref as o, createVNode as m, createElementBlock as M, createBlock as C, openBlock as h, toDisplayString as N, mergeProps as ge, h as Ce, createSlots as be, withCtx as v, createElementVNode as x, normalizeClass as y, createCommentVNode as P, resolveDynamicComponent as L, withModifiers as we, renderList as Oe, renderSlot as Se, normalizeProps as Fe, guardReactiveProps as Be } from "vue";
+import { defineComponent as fe, useSlots as me, ref as k, shallowRef as he, computed as s, onMounted as ve, watch as ye, unref as l, createVNode as m, createElementBlock as M, createBlock as C, openBlock as h, toDisplayString as N, mergeProps as ge, h as Ce, createSlots as be, withCtx as v, createElementVNode as x, normalizeClass as y, createCommentVNode as P, resolveDynamicComponent as L, withModifiers as we, renderList as Oe, renderSlot as Se, normalizeProps as Fe, guardReactiveProps as Be } from "vue";
 import { Select as ke, Flex as T, Checkbox as q, Spin as Ne } from "@aplus-frontend/antdv";
-import { debounce as xe, isFunction as z, isArray as Ve, isNil as Ae, omit as R, isNumber as Ie } from "lodash-unified";
+import { debounce as xe, isFunction as R, isArray as Ve, isNil as Ae, omit as z, isNumber as Ie } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
 import { useDevWarning as _e } from "../../utils/warning.mjs";
@@ -14,7 +14,7 @@ import { useLocale as Le } from "../../config-provider/hooks/use-locale.mjs";
 import { useControllableValue as Te } from "../../hooks/useControllableValue.mjs";
 const qe = {
   key: 0
-}, ze = ["onClick"], et = /* @__PURE__ */ fe({
+}, Re = ["onClick"], et = /* @__PURE__ */ fe({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -26,6 +26,7 @@ const qe = {
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     defaultValue: {},
     notFoundContent: {},
     suffixIcon: {},
@@ -196,16 +197,16 @@ const qe = {
     } = E("field-select-popup-option"), H = Me("field"), A = k(!1), I = k(!1), {
       t: _
     } = Le(), W = xe((t) => {
-      if (!z(e.request))
+      if (!R(e.request))
         return;
       r += 1;
       const n = r;
-      g([]), u.value = !0, e.request(t).then((l) => {
-        r === n && (g(l), u.value = !1);
+      g([]), u.value = !0, e.request(t).then((o) => {
+        r === n && (g(o), u.value = !1);
       });
     }, e.searchDelay), G = (t, n) => {
-      const l = e.fieldNames?.label || "label";
-      return typeof n?.[l] == "string" && n[l].toLowerCase().indexOf(t.toLowerCase()) > -1;
+      const o = e.fieldNames?.label || "label";
+      return typeof n?.[o] == "string" && n[o].toLowerCase().indexOf(t.toLowerCase()) > -1;
     }, {
       options: p,
       updateOptions: g
@@ -214,16 +215,16 @@ const qe = {
         return e.tokenSeparators ? "tags" : "multiple";
     });
     async function i(t = !0) {
-      if (!z(e.request))
+      if (!R(e.request))
         return;
       u.value = !0, r += 1;
       const n = r;
       try {
         t && g([]);
-        const l = await e.request(void 0, e.params);
+        const o = await e.request(void 0, e.params);
         if (n !== r)
           return;
-        g(l);
+        g(o);
       } finally {
         u.value = !1;
       }
@@ -252,15 +253,15 @@ const qe = {
       value: f,
       updateValue: S
     } = Te(e, J), ee = De("Select", e), te = s(() => {
-      const t = o(f);
+      const t = l(f);
       if (!t)
         return e.emptyText;
-      const n = e.fieldNames?.label || "label", l = e.fieldNames?.value || "value";
-      return Ve(t) ? t.map((a) => o(p).find((pe) => pe[l] === a)?.[n]).filter(Boolean).join("、") || e.emptyText : o(p).find((a) => a[l] === t)?.[n] || e.emptyText;
+      const n = e.fieldNames?.label || "label", o = e.fieldNames?.value || "value";
+      return Ve(t) ? t.map((a) => l(p).find((pe) => pe[o] === a)?.[n]).filter(Boolean).join("、") || e.emptyText : l(p).find((a) => a[o] === t)?.[n] || e.emptyText;
     }), ne = s(() => {
       const t = !!e?.showSearch, n = e.searchMode;
-      let l = {};
-      return t && (l = n === "request" ? {
+      let o = {};
+      return t && (o = n === "request" ? {
         defaultActiveFirstOption: !1,
         onSearch: W,
         notFoundContent: u.value ? void 0 : null,
@@ -269,11 +270,11 @@ const qe = {
       } : {
         filterOption: Ae(e?.filterOption) ? G : e?.filterOption
       }), {
-        ...R(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect", "onDropdownVisibleChange"]),
-        placeholder: o(ee),
-        ...l
+        ...z(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect", "onDropdownVisibleChange"]),
+        placeholder: l(ee),
+        ...o
       };
-    }), le = s(() => p.value.map((t) => t[e.fieldNames?.value || "value"])), F = s(() => p.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), D = s(() => !e.multiple || V(e.maxCount) ? !1 : Ie(e.addAll) ? le.value.length >= e.addAll : !!e.addAll), oe = s(() => e.multiple && e.allowOnlySelect && (!V(e.maxCount) || e.maxCount >= 1));
+    }), oe = s(() => p.value.map((t) => t[e.fieldNames?.value || "value"])), F = s(() => p.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), D = s(() => !e.multiple || V(e.maxCount) ? !1 : Ie(e.addAll) ? oe.value.length >= e.addAll : !!e.addAll), le = s(() => e.multiple && e.allowOnlySelect && (!V(e.maxCount) || e.maxCount >= 1));
     function ae() {
       O.value?.focus();
     }
@@ -281,8 +282,8 @@ const qe = {
       O.value?.blur();
     }
     function B(t, n) {
-      const l = e.fieldNames?.[n] ?? n;
-      return l === "groupLabel" ? t[l] ?? t.label : t[l];
+      const o = e.fieldNames?.[n] ?? n;
+      return o === "groupLabel" ? t[o] ?? t.label : t[o];
     }
     function ue(t) {
       const n = B(t, "value");
@@ -296,14 +297,14 @@ const qe = {
       }, [B(t, t.options?.length ? "groupLabel" : "label")]);
     }
     const ie = s(() => {
-      const t = o(f) || [], n = F.value;
-      return n.length > 0 && n.every((l) => t.includes(l));
+      const t = l(f) || [], n = F.value;
+      return n.length > 0 && n.every((o) => t.includes(o));
     }), ce = s(() => {
-      const t = o(f) || [], n = F.value, l = n.filter((c) => t.includes(c)).length;
-      return l > 0 && l < n.length;
+      const t = l(f) || [], n = F.value, o = n.filter((c) => t.includes(c)).length;
+      return o > 0 && o < n.length;
     });
     function de() {
-      const t = new Set(o(f) || []), n = F.value;
+      const t = new Set(l(f) || []), n = F.value;
       n.length > 0 && n.every((a) => t.has(a)) ? n.forEach((a) => t.delete(a)) : n.forEach((a) => t.add(a));
       const c = p.value.filter((a) => t.has(a[e.fieldNames?.value || "value"]));
       S([...t]), e.onChange?.([...t], c);
@@ -312,71 +313,71 @@ const qe = {
       focus: ae,
       blur: se,
       request: i
-    }), (t, n) => t.mode === "read" ? (h(), M("span", qe, N(te.value), 1)) : (h(), C(o(ke), ge({
+    }), (t, n) => t.mode === "read" ? (h(), M("span", qe, N(te.value), 1)) : (h(), C(l(ke), ge({
       key: 1,
       ref_key: "selectRef",
       ref: O,
       "allow-clear": ""
     }, ne.value, {
       mode: X.value,
-      value: o(f),
-      options: o(p),
+      value: l(f),
+      options: l(p),
       loading: u.value,
       "menu-item-selected-icon": Ce("span"),
-      "popup-class-name": `${o(w)("popup")} ${o(H)}`,
-      "onUpdate:value": o(S),
+      "popup-class-name": `${l(w)("popup")} ${l(H)}`,
+      "onUpdate:value": l(S),
       onFocus: Y,
       onDropdownVisibleChange: Z
     }), be({
-      option: v((l) => [x("div", {
-        class: y(o(d)("outter"))
-      }, [m(o(T), {
+      option: v((o) => [x("div", {
+        class: y(l(d)("outter"))
+      }, [m(l(T), {
         justify: "space-between",
         align: "center",
-        class: y(o(d)("wrapper")),
+        class: y(l(d)("wrapper")),
         gap: 8
       }, {
-        default: v(() => [m(o(T), {
+        default: v(() => [m(l(T), {
           gap: 8,
           align: "center",
-          class: y(o(d)("content-wrapper"))
+          class: y(l(d)("content-wrapper"))
         }, {
-          default: v(() => [D.value ? (h(), C(o(q), {
+          default: v(() => [D.value ? (h(), C(l(q), {
             key: 0,
-            checked: o(f)?.includes(B(l, "value"))
-          }, null, 8, ["checked"])) : P("", !0), (h(), C(L(re(l))))]),
+            checked: l(f)?.includes(B(o, "value"))
+          }, null, 8, ["checked"])) : P("", !0), (h(), C(L(re(o))))]),
           _: 2
-        }, 1032, ["class"]), oe.value && !l?.disabled ? (h(), M("span", {
+        }, 1032, ["class"]), le.value && !o?.disabled ? (h(), M("span", {
           key: 0,
-          class: y(o(d)("action")),
-          onClick: we(() => ue(l), ["stop"])
-        }, N(o(_)("ap.field.chooseOnly")), 11, ze)) : P("", !0)]),
+          class: y(l(d)("action")),
+          onClick: we(() => ue(o), ["stop"])
+        }, N(l(_)("ap.field.chooseOnly")), 11, Re)) : P("", !0)]),
         _: 2
       }, 1032, ["class"])], 2)]),
       _: 2
-    }, [Oe(o(R)(b, ["option"]), (l, c) => ({
+    }, [Oe(l(z)(b, ["option"]), (o, c) => ({
       name: c,
       fn: v((a) => [Se(t.$slots, c, Fe(Be(a || {})))])
     })), u.value ? {
       name: "notFoundContent",
-      fn: v(() => [m(o(Ne), {
+      fn: v(() => [m(l(Ne), {
         size: "small"
       })]),
       key: "0"
     } : void 0, D.value ? {
       name: "dropdownRender",
       fn: v(({
-        menuNode: l
+        menuNode: o
       }) => [x("div", {
         tabindex: -1,
-        class: y(o(w)("popup-all-option")),
+        class: y(l(w)("popup-all-option")),
         onClick: de
-      }, [m(o(q), {
+      }, [m(l(q), {
         checked: ie.value,
         indeterminate: ce.value
       }, null, 8, ["checked", "indeterminate"]), x("span", {
-        class: y(o(w)("popup-all-option-label"))
-      }, N(o(_)("ap.field.selectAll")), 3)], 2), (h(), C(L(l)))]),
+        class: y(l(w)("popup-all-option-label"))
+      }, N(l(_)("ap.field.selectAll")), 3)], 2), (h(), C(L(o)))]),
       key: "1"
     } : void 0]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "onUpdate:value"]));
   }

package/es/src/ap-field/select/read.vue2.mjs

@@ -8,6 +8,7 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     defaultValue: {},
     notFoundContent: {},
     suffixIcon: {},

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

@@ -1,9 +1,9 @@
-import { defineComponent as C, useSlots as b, shallowRef as g, computed as n, unref as t, createElementBlock as k, createBlock as F, openBlock as s, Fragment as S, createTextVNode as h, toDisplayString as P, mergeProps as T, createSlots as V, renderList as _, withCtx as R, renderSlot as N, normalizeProps as U, guardReactiveProps as A } from "vue";
+import { defineComponent as C, useSlots as b, shallowRef as g, computed as n, unref as t, createElementBlock as k, createBlock as F, openBlock as s, Fragment as S, createTextVNode as h, toDisplayString as P, mergeProps as R, createSlots as T, renderList as V, withCtx as _, renderSlot as N, normalizeProps as U, guardReactiveProps as A } from "vue";
 import { Slider as H } from "@aplus-frontend/antdv";
 import { omit as L, isNil as $, isArray as w } from "lodash-unified";
 import "../../hooks/index.mjs";
 import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-const J = /* @__PURE__ */ C({
+const G = /* @__PURE__ */ C({
   name: "ApFieldSlider",
   __name: "index",
   props: {
@@ -11,6 +11,7 @@ const J = /* @__PURE__ */ C({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     range: { type: [Boolean, Object] },
     value: {},
     defaultValue: {},
@@ -52,8 +53,8 @@ const J = /* @__PURE__ */ C({
     ariaValueTextFormatterForHandle: {}
   },
   emits: ["update:value"],
-  setup(u, { expose: i, emit: p }) {
-    const d = b(), o = g(), a = u, m = n(
+  setup(u, { expose: i, emit: d }) {
+    const p = b(), o = g(), a = u, m = n(
       () => L(a, [
         "value",
         "onUpdate:value",
@@ -61,7 +62,7 @@ const J = /* @__PURE__ */ C({
         "emptyText",
         "defaultValue"
       ])
-    ), c = p, { value: l, updateValue: f } = j(a, c), y = n(() => {
+    ), c = d, { value: l, updateValue: f } = j(a, c), y = n(() => {
       const e = t(l);
       return $(e) ? a.emptyText : w(e) ? `${e[0]}-${e[1]}` : e;
     });
@@ -76,15 +77,15 @@ const J = /* @__PURE__ */ C({
       blur: B
     }), (e, q) => e.mode === "read" ? (s(), k(S, { key: 0 }, [
       h(P(y.value), 1)
-    ], 64)) : (s(), F(t(H), T({ key: 1 }, m.value, {
+    ], 64)) : (s(), F(t(H), R({ key: 1 }, m.value, {
       ref_key: "sliderRef",
       ref: o,
       value: t(l),
       "onUpdate:value": t(f)
-    }), V({ _: 2 }, [
-      _(d, (z, r) => ({
+    }), T({ _: 2 }, [
+      V(p, (z, r) => ({
         name: r,
-        fn: R((x) => [
+        fn: _((x) => [
           N(e.$slots, r, U(A(x || {})))
         ])
       }))
@@ -92,5 +93,5 @@ const J = /* @__PURE__ */ C({
   }
 });
 export {
-  J as default
+  G as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as D, useSlots as U, computed as p, ref as b, unref as o, createVNode as d, Fragment as s, createBlock as k, createElementBlock as E, openBlock as f, resolveDynamicComponent as K, mergeProps as C, createSlots as w, renderList as B, withCtx as y, renderSlot as P, normalizeProps as A, guardReactiveProps as _ } from "vue";
-import { Switch as S, Popconfirm as L } from "@aplus-frontend/antdv";
-import { omit as M, isNil as j, isFunction as q } from "lodash-unified";
+import { defineComponent as D, useSlots as M, computed as p, ref as b, unref as o, createVNode as a, Fragment as s, createBlock as k, createElementBlock as U, openBlock as f, resolveDynamicComponent as E, mergeProps as C, createSlots as w, renderList as B, withCtx as y, renderSlot as P, normalizeProps as A, guardReactiveProps as _ } from "vue";
+import { Switch as S, Popconfirm as K } from "@aplus-frontend/antdv";
+import { omit as L, isNil as j, isFunction as q } from "lodash-unified";
 import "../../utils/index.mjs";
 import "../../hooks/index.mjs";
 import { useControllableValue as G } from "../../hooks/useControllableValue.mjs";
@@ -15,6 +15,7 @@ const Y = /* @__PURE__ */ D({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     id: {},
     prefixCls: {},
     size: {
@@ -53,23 +54,23 @@ const Y = /* @__PURE__ */ D({
   emits: ["update:checked"],
   setup(F, {
     expose: N,
-    emit: $
+    emit: R
   }) {
-    const i = U(), e = F, v = p(() => M(e, ["onUpdate:checked", "emptyText"])), R = $, h = b(), {
+    const u = M(), e = F, v = p(() => L(e, ["onUpdate:checked", "emptyText"])), $ = R, h = b(), {
       value: t,
-      updateValue: u
-    } = G(e, R, {
+      updateValue: d
+    } = G(e, $, {
       valuePropName: "checked"
     }), c = b(!1);
-    async function g(n, a) {
+    async function g(n, i) {
       if (!r(e.confirm)) {
         if (!r(e.onAction)) {
-          u(n);
+          d(n);
           return;
         }
         c.value = !0;
         try {
-          await e.onAction(n, a) && u(n);
+          await e.onAction(n, i) && d(n);
         } finally {
           c.value = !1;
         }
@@ -78,21 +79,21 @@ const Y = /* @__PURE__ */ D({
     async function T() {
       const n = o(t) === e.checkedValue ? e.unCheckedValue : e.checkedValue;
       if (!r(e.onAction)) {
-        u(n);
+        d(n);
         return;
       }
-      await e.onAction(n) && u(n);
+      await e.onAction(n) && d(n);
     }
     const x = p(() => {
       const n = o(t);
-      return j(n) ? d(s, null, [e.emptyText]) : n === e.checkedValue ? d(s, null, [e.checkedChildren || i.checkedChildren?.() || `${e.checkedValue}`]) : d(s, null, [e.unCheckedChildren || i.unCheckedChildren?.() || `${e.unCheckedValue}`]);
+      return j(n) ? a(s, null, [e.emptyText]) : n === e.checkedValue ? a(s, null, [e.checkedChildren || u.checkedChildren?.() || `${e.checkedValue}`]) : a(s, null, [e.unCheckedChildren || u.unCheckedChildren?.() || `${e.unCheckedValue}`]);
     }), z = p(() => r(e.confirm) ? q(e.confirm) ? e.confirm(o(t)) : e.confirm : {});
     return N({
       focus: () => h.value?.focus(),
       blur: () => h.value?.blur()
-    }), (n, a) => n.mode === "read" ? (f(), k(K(x.value), {
+    }), (n, i) => n.mode === "read" ? (f(), k(E(x.value), {
       key: 0
-    })) : (f(), E(s, {
+    })) : (f(), U(s, {
       key: 1
     }, [!o(r)(n.confirm) || n.disabled ? (f(), k(o(S), C({
       key: 0,
@@ -104,22 +105,22 @@ const Y = /* @__PURE__ */ D({
       onClick: g
     }), w({
       _: 2
-    }, [B(i, (V, l) => ({
+    }, [B(u, (V, l) => ({
       name: l,
       fn: y((m) => [P(n.$slots, l, A(_(m || {})))])
-    }))]), 1040, ["checked", "loading"])) : (f(), k(o(L), C({
+    }))]), 1040, ["checked", "loading"])) : (f(), k(o(K), C({
       key: 1,
       disabled: c.value
     }, z.value, {
       onConfirm: T
     }), {
-      default: y(() => [d(o(S), C(v.value, {
+      default: y(() => [a(o(S), C(v.value, {
         checked: o(t),
         loading: n.loading ?? c.value,
         onClick: g
       }), w({
         _: 2
-      }, [B(i, (V, l) => ({
+      }, [B(u, (V, l) => ({
         name: l,
         fn: y((m) => [P(n.$slots, l, A(_(m || {})))])
       }))]), 1040, ["checked", "loading"])]),

package/es/src/ap-field/switch/read.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as a, createVNode as d, Fragment as c, createBlock as r, openBlock as i, resolveDynamicComponent as s } from "vue";
+import { defineComponent as u, computed as a, createVNode as d, Fragment as o, createBlock as r, openBlock as i, resolveDynamicComponent as s } from "vue";
 import { isNil as h } from "lodash-unified";
 const k = /* @__PURE__ */ u({
   name: "ApFieldSwitchRead",
@@ -10,6 +10,7 @@ const k = /* @__PURE__ */ u({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     id: {},
     prefixCls: {},
     size: {
@@ -45,10 +46,10 @@ const k = /* @__PURE__ */ u({
     onAction: {},
     confirm: {}
   },
-  setup(o) {
-    const e = o, t = a(() => {
+  setup(c) {
+    const e = c, t = a(() => {
       const n = e.checked;
-      return h(n) ? d(c, null, [e.emptyText]) : n === e.checkedValue ? d(c, null, [e.checkedChildren || `${e.checkedValue}`]) : d(c, null, [e.unCheckedChildren || `${e.unCheckedValue}`]);
+      return h(n) ? d(o, null, [e.emptyText]) : n === e.checkedValue ? d(o, null, [e.checkedChildren || `${e.checkedValue}`]) : d(o, null, [e.unCheckedChildren || `${e.unCheckedValue}`]);
     });
     return (n, l) => (i(), r(s(t.value)));
   }