@aplus-frontend/ui 7.17.3 → 7.18.0

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)));
   }

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

@@ -1,10 +1,10 @@
-import { defineComponent as S, useSlots as P, computed as s, createVNode as _, shallowRef as k, createBlock as d, openBlock as i, unref as u, mergeProps as T, createSlots as V, renderList as z, withCtx as U, renderSlot as F, normalizeProps as M, guardReactiveProps as $ } from "vue";
-import { Input as A } from "@aplus-frontend/antdv";
-import { omit as E } from "lodash-unified";
+import { defineComponent as S, useSlots as P, computed as p, createVNode as V, shallowRef as _, createBlock as d, openBlock as i, unref as u, mergeProps as k, createSlots as M, renderList as T, withCtx as z, renderSlot as U, normalizeProps as F, guardReactiveProps as N } from "vue";
+import { Input as $ } from "@aplus-frontend/antdv";
+import { omit as A } from "lodash-unified";
 import "../../render/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as K } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as N } from "../../hooks/useControllableValue.mjs";
+import { useDefaultPlaceholder as E } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
 import j from "../../render/render.mjs";
 const W = /* @__PURE__ */ S({
   name: "ApFieldText",
@@ -18,6 +18,7 @@ const W = /* @__PURE__ */ S({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     variant: {},
     size: {},
     value: {},
@@ -92,45 +93,48 @@ const W = /* @__PURE__ */ S({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(f, {
-    expose: c,
+  setup(c, {
+    expose: f,
     emit: m
   }) {
-    const r = P(), o = f, y = m, {
-      value: p,
+    const r = P(), o = c, y = m, {
+      value: s,
       updateValue: v
-    } = N(o, y), x = K("Text", o), h = s(() => E(o, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"])), B = () => _("span", null, [o.prefix || r.prefix?.(), p.value || o.emptyText, o.suffix || r.suffix?.()]), t = k(), I = (e) => {
-      t.value?.focus(e);
+    } = K(o, y), x = E("Text", o), h = p(() => A(o, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"])), B = () => {
+      const e = s.value || o.emptyText, t = V("span", null, [o.prefix || r.prefix?.(), e, o.suffix || r.suffix?.()]);
+      return o.customReadMode?.(e, t) ?? t;
+    }, n = _(), g = (e) => {
+      n.value?.focus(e);
+    }, I = () => {
+      n.value?.blur();
+    }, R = (e, t, l) => {
+      n.value?.setSelectionRange(e, t, l);
     }, b = () => {
-      t.value?.blur();
-    }, g = (e, n, l) => {
-      t.value?.setSelectionRange(e, n, l);
-    }, C = () => {
-      t.value?.select();
+      n.value?.select();
     };
-    function R(e) {
-      const n = e.target.value || "", l = o.beforeInput ? o.beforeInput?.(n) : n, a = t.value?.$el?.querySelector("input");
+    function C(e) {
+      const t = e.target.value || "", l = o.beforeInput ? o.beforeInput?.(t) : t, a = n.value?.$el?.querySelector("input");
       a && (a.value = l), v(l);
     }
-    return c({
-      focus: I,
-      blur: b,
-      setSelectionRange: g,
-      select: C,
-      input: s(() => t.value?.input)
-    }), (e, n) => e.mode === "edit" ? (i(), d(u(A), T({
+    return f({
+      focus: g,
+      blur: I,
+      setSelectionRange: R,
+      select: b,
+      input: p(() => n.value?.input)
+    }), (e, t) => e.mode === "edit" ? (i(), d(u($), k({
       key: 0
     }, h.value, {
       ref_key: "inputRef",
-      ref: t,
+      ref: n,
       placeholder: u(x),
-      value: u(p),
-      onInput: R
-    }), V({
+      value: u(s),
+      onInput: C
+    }), M({
       _: 2
-    }, [z(e.$slots, (l, a) => ({
+    }, [T(e.$slots, (l, a) => ({
       name: a,
-      fn: U((w) => [F(e.$slots, a, M($(w || {})))])
+      fn: z((w) => [U(e.$slots, a, F(N(w || {})))])
     }))]), 1040, ["placeholder", "value"])) : (i(), d(u(j), {
       key: 1,
       node: B()

package/es/src/ap-field/text/password.vue.d.ts

@@ -122,7 +122,7 @@ declare function __VLS_template(): {
             handleReset: PropType<MouseEventHandler>;
             addonBefore: VueTypeValidableDef<any>;
             addonAfter: VueTypeValidableDef<any>;
-            prefix: VueTypeValidableDef<any>;
+            prefix: ** @type { [typeof __VLS_components.Flex, typeof __VLS_components.Flex, ] } */).VueTypeValidableDef<any>;
             suffix: VueTypeValidableDef<any>;
             clearIcon: VueTypeValidableDef<any>;
             allowClear: {
@@ -260,7 +260,7 @@ declare function __VLS_template(): {
             handleReset: PropType<MouseEventHandler>;
             addonBefore: VueTypeValidableDef<any>;
             addonAfter: VueTypeValidableDef<any>;
-            prefix: VueTypeValidableDef<any>;
+            prefix: ** @type { [typeof __VLS_components.Flex, typeof __VLS_components.Flex, ] } */).VueTypeValidableDef<any>;
             suffix: VueTypeValidableDef<any>;
             clearIcon: VueTypeValidableDef<any>;
             allowClear: {
@@ -417,7 +417,7 @@ declare const __VLS_component: DefineComponent<ApFieldTextPasswordProps, {
         handleReset: PropType<MouseEventHandler>;
         addonBefore: VueTypeValidableDef<any>;
         addonAfter: VueTypeValidableDef<any>;
-        prefix: VueTypeValidableDef<any>;
+        prefix: ** @type { [typeof __VLS_components.Flex, typeof __VLS_components.Flex, ] } */).VueTypeValidableDef<any>;
         suffix: VueTypeValidableDef<any>;
         clearIcon: VueTypeValidableDef<any>;
         allowClear: {
@@ -555,7 +555,7 @@ declare const __VLS_component: DefineComponent<ApFieldTextPasswordProps, {
         handleReset: PropType<MouseEventHandler>;
         addonBefore: VueTypeValidableDef<any>;
         addonAfter: VueTypeValidableDef<any>;
-        prefix: VueTypeValidableDef<any>;
+        prefix: ** @type { [typeof __VLS_components.Flex, typeof __VLS_components.Flex, ] } */).VueTypeValidableDef<any>;
         suffix: VueTypeValidableDef<any>;
         clearIcon: VueTypeValidableDef<any>;
         allowClear: {