@aplus-frontend/ui 7.17.4 → 7.18.0

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

@@ -1,18 +1,23 @@
-import { defineComponent as $, useSlots as q, ref as J, computed as s, unref as t, isVNode as Q, createVNode as D, Fragment as m, createElementBlock as g, createBlock as k, openBlock as u, createTextVNode as S, toDisplayString as C, resolveDynamicComponent as X, normalizeStyle as ee, withCtx as P, createCommentVNode as oe, isRef as te, renderList as T, mergeProps as ne, createSlots as ae, renderSlot as re, normalizeProps as le, guardReactiveProps as ue } from "vue";
-import { SwapRightOutlined as de } from "@ant-design/icons-vue";
-import { InputGroup as ie, Select as se, SelectOption as fe, DatePicker as pe } from "@aplus-frontend/antdv";
-import { getTimeFormatToZone as M } from "@aplus-frontend/utils";
+import { defineComponent as q, useSlots as J, ref as Q, computed as s, unref as t, isVNode as X, createVNode as O, Fragment as k, createBlock as h, openBlock as u, withCtx as g, createElementBlock as R, createTextVNode as S, toDisplayString as C, resolveDynamicComponent as ee, normalizeStyle as oe, createCommentVNode as te, isRef as ne, renderList as M, mergeProps as ae, createSlots as re, renderSlot as le, normalizeProps as ue, guardReactiveProps as de } from "vue";
+import { SwapRightOutlined as ie } from "@ant-design/icons-vue";
+import { InputGroup as se, Select as fe, SelectOption as pe, DatePicker as me } from "@aplus-frontend/antdv";
+import { getTimeFormatToZone as w } from "@aplus-frontend/utils";
 import d from "dayjs";
-import { isNil as R, omit as A, isString as c, isFunction as me } from "lodash-unified";
+import { isNil as T, omit as _, isString as m, isFunction as ce } from "lodash-unified";
+import "../../render/index.mjs";
 import "../../hooks/index.mjs";
-import { omitUndefined as ce } from "../../utils/index.mjs";
-import { ApFieldDatePresetFormats as ye, PRESET_FORMAT_MAP as _, PRESET_FORMAT_PICK_MAP as ve, PRESET_FORMAT_TIME_MAP as he } from "../date/constant.mjs";
-import { formatDayWithTimezone as ge } from "../date/helper.mjs";
-import { useDateTimezone as ke } from "../hooks/use-date-timezone.mjs";
-import { useDefaultPlaceholder as Se } from "../hooks/use-default-placeholder.mjs";
-import { useDefaultPresets as Ce } from "../hooks/use-default-presets.mjs";
-import { useControllableValue as Pe } from "../../hooks/useControllableValue.mjs";
-const Ee = /* @__PURE__ */ $({
+import { omitUndefined as ye } from "../../utils/index.mjs";
+import { ApFieldDatePresetFormats as ve, PRESET_FORMAT_MAP as A, PRESET_FORMAT_PICK_MAP as he, PRESET_FORMAT_TIME_MAP as ge } from "../date/constant.mjs";
+import { formatDayWithTimezone as ke } from "../date/helper.mjs";
+import { useDateTimezone as Se } from "../hooks/use-date-timezone.mjs";
+import { useDefaultPlaceholder as Ce } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPresets as Pe } from "../hooks/use-default-presets.mjs";
+import { useReadModeRender as Be } from "../hooks/use-read-mode-render.mjs";
+import { useControllableValue as Oe } from "../../hooks/useControllableValue.mjs";
+import Re from "../../render/render.mjs";
+const De = {
+  key: 0
+}, We = /* @__PURE__ */ q({
   name: "ApFieldDateRange",
   __name: "index",
   props: {
@@ -24,6 +29,7 @@ const Ee = /* @__PURE__ */ $({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     id: {},
     defaultPickerValue: {},
     placeholder: {},
@@ -165,115 +171,119 @@ const Ee = /* @__PURE__ */ $({
     expose: x,
     emit: z
   }) {
-    const o = F, N = z, b = q(), B = J(), i = s(() => ye.indexOf(o.format) > -1), y = s(() => i.value ? _[o.format] : o.format), {
-      value: v,
-      updateValue: w
-    } = Pe(o, N), E = s(() => o.shownFormat ? o.shownFormat : i.value ? _[o.format] : o.format), V = Se("DateRange", o), {
+    const o = F, N = z, D = J(), P = Q(), i = s(() => ve.indexOf(o.format) > -1), c = s(() => i.value ? A[o.format] : o.format), {
+      value: y,
+      updateValue: b
+    } = Oe(o, N), E = s(() => o.shownFormat ? o.shownFormat : i.value ? A[o.format] : o.format), V = Ce("DateRange", o), {
       currentTimezone: l
-    } = ke(o), {
+    } = Se(o), {
       presets: j,
       changeCurrentDate: I
-    } = Ce({
+    } = Pe({
       ...o,
       timezone: l
-    }), f = (e, a, n = !0) => ge(l.value)(e, a, n), h = s(() => {
-      const e = t(v);
-      if (R(e) || !e?.length)
+    }), f = (e, a, n = !0) => ke(l.value)(e, a, n), v = s(() => {
+      const e = t(y);
+      if (T(e) || !e?.length)
         return e;
-      const a = l.value ? M(t(v)[0], l.value) : t(v)?.[0], n = o.timezone ? M(t(v)[1], l.value) : t(v)?.[1];
+      const a = l.value ? w(t(y)[0], l.value) : t(y)?.[0], n = o.timezone ? w(t(y)[1], l.value) : t(y)?.[1];
       return [d(a), d(n)];
-    }), U = s(() => t(i) ? o.picker ?? ve[o.format] : o.picker), H = s(() => {
-      const e = t(i) ? he[o.format] : {};
+    }), {
+      renderer: U
+    } = Be(o, v), H = s(() => t(i) ? o.picker ?? he[o.format] : o.picker), K = s(() => {
+      const e = t(i) ? ge[o.format] : {};
       return {
-        ...ce(A(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
+        ...ye(_(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
         placeholder: t(V),
         presets: t(j),
         ...e
       };
     });
-    function K(e) {
+    function W(e) {
       if (!e) {
-        w(e);
+        b(e);
         return;
       }
-      let a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1];
-      const r = t(i) ? t(y) : void 0;
-      w([f(a, r), f(n, r, !1)]);
-    }
-    function W(e) {
-      const a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1], r = t(i) ? t(y) : void 0, p = e[0] ? f(a, r) : null, O = e[1] ? f(n, r, !1) : null;
-      o.onOk?.([p, O]);
+      let a = m(e[0]) ? d(e[0]) : e[0], n = m(e[1]) ? d(e[1]) : e[1];
+      const r = t(i) ? t(c) : void 0;
+      b([f(a, r), f(n, r, !1)]);
     }
     function G(e) {
+      const a = m(e[0]) ? d(e[0]) : e[0], n = m(e[1]) ? d(e[1]) : e[1], r = t(i) ? t(c) : void 0, p = e[0] ? f(a, r) : null, B = e[1] ? f(n, r, !1) : null;
+      o.onOk?.([p, B]);
+    }
+    function L(e) {
       e && I(), o.onOpenChange?.(e);
     }
-    function L(e, a) {
-      if (R(e)) {
+    function Y(e, a) {
+      if (T(e)) {
         o.onChange?.(e, a);
         return;
       }
-      const n = c(e[0]) ? d(e[0]) : e[0], r = c(e[1]) ? d(e[1]) : e[1], p = t(i) ? t(y) : void 0, O = e[0] ? f(n, p) : null, Z = e[1] ? f(r, p, !1) : null;
-      o.onChange?.([O, Z], a);
+      const n = m(e[0]) ? d(e[0]) : e[0], r = m(e[1]) ? d(e[1]) : e[1], p = t(i) ? t(c) : void 0, B = e[0] ? f(n, p) : null, $ = e[1] ? f(r, p, !1) : null;
+      o.onChange?.([B, $], a);
     }
-    const Y = s(() => {
+    const Z = s(() => {
       const e = o.readModeSeparator;
       if (e)
-        return Q(e) || me(e) ? o.readModeSeparator : D(m, null, [o.readModeSeparator]);
-      const a = b.readModeSeparator?.();
-      return a ? D(m, null, [a]) : de;
+        return X(e) || ce(e) ? o.readModeSeparator : O(k, null, [o.readModeSeparator]);
+      const a = D.readModeSeparator?.();
+      return a ? O(k, null, [a]) : ie;
     });
     return x({
-      focus: B.value?.focus(),
-      blur: B.value?.blur()
-    }), (e, a) => e.mode === "read" ? (u(), g(m, {
-      key: 0
-    }, [h.value ? (u(), g(m, {
-      key: 0
-    }, [S(C(h.value[0]?.format(y.value)) + " ", 1), (u(), k(X(Y.value))), S(" " + C(h.value[1]?.format(y.value)), 1)], 64)) : (u(), g(m, {
-      key: 1
-    }, [S(C(e.emptyText), 1)], 64))], 64)) : (u(), k(t(ie), {
+      focus: P.value?.focus(),
+      blur: P.value?.blur()
+    }), (e, a) => e.mode === "read" ? (u(), h(t(Re), {
+      key: 0,
+      renderer: t(U)
+    }, {
+      default: g(() => [v.value ? (u(), R("span", De, [S(C(v.value[0]?.format(c.value)) + " ", 1), (u(), h(ee(Z.value))), S(" " + C(v.value[1]?.format(c.value)), 1)])) : (u(), R(k, {
+        key: 1
+      }, [S(C(e.emptyText), 1)], 64))]),
+      _: 1
+    }, 8, ["renderer"])) : (u(), h(t(se), {
       key: 1,
       compact: "",
-      style: ee({
+      style: oe({
         display: Array.isArray(o.timezone) && o.timezone.length ? "flex" : "block"
       })
     }, {
-      default: P(() => [Array.isArray(o.timezone) && o.timezone.length ? (u(), k(t(se), {
+      default: g(() => [Array.isArray(o.timezone) && o.timezone.length ? (u(), h(t(fe), {
         key: 0,
         value: t(l),
-        "onUpdate:value": a[0] || (a[0] = (n) => te(l) ? l.value = n : null),
+        "onUpdate:value": a[0] || (a[0] = (n) => ne(l) ? l.value = n : null),
         "default-active-first-option": "",
         "dropdown-match-select-width": !1
       }, {
-        default: P(() => [(u(!0), g(m, null, T(o.timezone, (n) => (u(), k(t(fe), {
+        default: g(() => [(u(!0), R(k, null, M(o.timezone, (n) => (u(), h(t(pe), {
           key: n?.value,
           value: n?.value
         }, {
-          default: P(() => [S(C(n?.label ?? n?.value), 1)]),
+          default: g(() => [S(C(n?.label ?? n?.value), 1)]),
           _: 2
         }, 1032, ["value"]))), 128))]),
         _: 1
-      }, 8, ["value"])) : oe("", !0), D(t(pe).RangePicker, ne({
+      }, 8, ["value"])) : te("", !0), O(t(me).RangePicker, ae({
         ref_key: "rangePickerRef",
-        ref: B
-      }, H.value, {
-        value: h.value,
-        picker: U.value,
+        ref: P
+      }, K.value, {
+        value: v.value,
+        picker: H.value,
         format: E.value,
-        "onUpdate:value": K,
-        onChange: L,
-        onOk: W,
-        onOpenChange: G
-      }), ae({
+        "onUpdate:value": W,
+        onChange: Y,
+        onOk: G,
+        onOpenChange: L
+      }), re({
         _: 2
-      }, [T(t(A)(b, "readModeSeparator"), (n, r) => ({
+      }, [M(t(_)(D, "readModeSeparator"), (n, r) => ({
         name: r,
-        fn: P((p) => [re(e.$slots, r, le(ue(p || {})))])
+        fn: g((p) => [le(e.$slots, r, ue(de(p || {})))])
       }))]), 1040, ["value", "picker", "format"])]),
       _: 3
     }, 8, ["style"]));
   }
 });
 export {
-  Ee as default
+  We as default
 };

package/es/src/ap-field/date-range/read.vue2.mjs

@@ -4,7 +4,7 @@ import c from "dayjs";
 import { isNil as g } from "lodash-unified";
 import { ApFieldDatePresetFormats as w, PRESET_FORMAT_MAP as C } from "../date/constant.mjs";
 import { useDateTimezone as O } from "../hooks/use-date-timezone.mjs";
-const M = /* @__PURE__ */ v({
+const F = /* @__PURE__ */ v({
   name: "ApFieldDateRangeRead",
   __name: "read",
   props: {
@@ -12,6 +12,7 @@ const M = /* @__PURE__ */ v({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     id: {},
     defaultPickerValue: {},
     placeholder: {},
@@ -116,5 +117,5 @@ const M = /* @__PURE__ */ v({
   }
 });
 export {
-  M as default
+  F as default
 };

package/es/src/ap-field/hooks/use-read-mode-render.d.ts

@@ -0,0 +1,9 @@
+import { Ref, VNode, RendererNode, RendererElement } from 'vue';
+import { BasicApFieldProps } from '../interface';
+export declare const useReadModeRender: (props: BasicApFieldProps<object>, val: Ref<any>) => {
+    renderer: (children: VNode[]) => VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[];
+};

package/es/src/ap-field/hooks/use-read-mode-render.mjs

@@ -0,0 +1,6 @@
+const o = (r, d) => ({
+  renderer: (e) => r.customReadMode?.(e, d.value) ?? e
+});
+export {
+  o as useReadModeRender
+};

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

@@ -7,6 +7,7 @@ import { SharedTimeProps } from '@aplus-frontend/antdv/es/vc-picker/panels/TimeP
 import { LegacyDataNode } from '@aplus-frontend/antdv/es/vc-tree-select/interface';
 import { ZoneAlias } from '@aplus-frontend/utils';
 import { Dayjs } from 'dayjs';
+import { VNode } from 'vue';
 import { LiteralUnion, Recordable } from '../type';
 import { ApFormatPresetType } from './date/interface';
 import { InputPasswordProps } from './text/input-password-props';
@@ -21,6 +22,13 @@ export type BasicApFieldProps<FieldPropsType = any> = {
     class?: unknown;
     style?: unknown;
     emptyText?: string;
+    /**
+     * 自定义渲染只读模式（仅输入类型控件支持）
+     * @param originalNode 默认渲染的节点
+     * @param val 将要渲染的文本
+     * @returns
+     */
+    customReadMode?: (originalNode: any, val?: any) => VNode;
 } & FieldPropsType;
 export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
     /**

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

@@ -1,15 +1,18 @@
-import { defineComponent as D, useSlots as R, computed as m, shallowRef as V, unref as t, createElementBlock as s, createBlock as I, openBlock as l, normalizeClass as i, createCommentVNode as f, createElementVNode as M, renderSlot as u, toDisplayString as $, mergeProps as A, createSlots as U, renderList as z, withCtx as E, normalizeProps as T, guardReactiveProps as w } from "vue";
+import { defineComponent as I, useSlots as $, computed as m, shallowRef as A, unref as t, createBlock as f, openBlock as r, withCtx as c, createElementVNode as y, normalizeClass as s, createElementBlock as v, createCommentVNode as h, renderSlot as i, toDisplayString as U, mergeProps as z, createSlots as E, renderList as T, normalizeProps as _, guardReactiveProps as w } from "vue";
 import { InputNumber as F } from "@aplus-frontend/antdv";
 import { omit as O, isNil as W } from "lodash-unified";
-import { roundWith as _, toDecimalMark as L } from "../../utils/format.mjs";
+import "../../render/index.mjs";
+import { roundWith as L, toDecimalMark as Z } from "../../utils/format.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as Z } from "../hooks/use-default-placeholder.mjs";
-import j from "../style/index.mjs";
-import { addZeroToDecimalPlaces as q } from "./helper.mjs";
-import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as H } from "../../hooks/useControllableValue.mjs";
-const se = /* @__PURE__ */ D({
+import { useDefaultPlaceholder as j } from "../hooks/use-default-placeholder.mjs";
+import { useReadModeRender as q } from "../hooks/use-read-mode-render.mjs";
+import G from "../style/index.mjs";
+import { addZeroToDecimalPlaces as H } from "./helper.mjs";
+import { useNamespace as J } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
+import Q from "../../render/render.mjs";
+const fe = /* @__PURE__ */ I({
   name: "ApFieldNumber",
   __name: "index",
   props: {
@@ -17,6 +20,7 @@ const se = /* @__PURE__ */ D({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     size: {},
     bordered: { type: Boolean, default: !0 },
     placeholder: {},
@@ -61,60 +65,67 @@ const se = /* @__PURE__ */ D({
     limitDecimalsRetain: { type: Boolean }
   },
   emits: ["update:value"],
-  setup(c, { expose: y, emit: v }) {
-    const h = v, B = R(), { b: r } = G("field-number"), b = j("field"), o = c, g = m(
+  setup(B, { expose: b, emit: g }) {
+    const k = g, R = $(), { b: l } = J("field-number"), S = G("field"), o = B, x = m(
       () => O(o, ["value", "onUpdate:value", "mode"])
-    ), n = V(), { value: p, updateValue: k } = H(
+    ), n = A(), { value: u, updateValue: C } = K(
       o,
-      h
-    ), S = Z("Number", o), x = m(() => {
-      let e = t(p);
+      k
+    ), M = j("Number", o), d = m(() => {
+      let e = t(u);
       if (W(e))
         return o.emptyText;
-      o.precision && (e = _(e, o.precision));
-      let a = o.thousands ? L(e) : String(e);
-      return o.precision && o.limitDecimalsRetain && (a = q(a, o.precision)), a;
-    });
-    function C() {
+      o.precision && (e = L(e, o.precision));
+      let a = o.thousands ? Z(e) : String(e);
+      return o.precision && o.limitDecimalsRetain && (a = H(a, o.precision)), a;
+    }), { renderer: N } = q(o, d);
+    function P() {
       n.value?.focus();
     }
-    function N() {
+    function D() {
       n.value?.blur();
     }
-    return y({ focus: C, blur: N }), (e, a) => e.mode === "read" ? (l(), s("span", {
+    return b({ focus: P, blur: D }), (e, a) => e.mode === "read" ? (r(), f(t(Q), {
       key: 0,
-      class: i([t(r)(), t(b)])
-    }, [
-      e.$slots.prefix ? (l(), s("span", {
-        key: 0,
-        class: i(t(r)("label-left"))
-      }, [
-        u(e.$slots, "prefix")
-      ], 2)) : f("", !0),
-      M("span", null, $(x.value), 1),
-      e.$slots.addonAfter ? (l(), s("span", {
-        key: 1,
-        class: i(t(r)("label-right"))
-      }, [
-        u(e.$slots, "addonAfter")
-      ], 2)) : f("", !0)
-    ], 2)) : (l(), I(t(F), A({ key: 1 }, g.value, {
+      renderer: t(N)
+    }, {
+      default: c(() => [
+        y("span", {
+          class: s([t(l)(), t(S)])
+        }, [
+          e.$slots.prefix ? (r(), v("span", {
+            key: 0,
+            class: s(t(l)("label-left"))
+          }, [
+            i(e.$slots, "prefix")
+          ], 2)) : h("", !0),
+          y("span", null, U(d.value), 1),
+          e.$slots.addonAfter ? (r(), v("span", {
+            key: 1,
+            class: s(t(l)("label-right"))
+          }, [
+            i(e.$slots, "addonAfter")
+          ], 2)) : h("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["renderer"])) : (r(), f(t(F), z({ key: 1 }, x.value, {
       ref_key: "inputRef",
       ref: n,
-      placeholder: t(S),
-      value: t(p),
+      placeholder: t(M),
+      value: t(u),
       mode: e.inputMode,
-      "onUpdate:value": t(k)
-    }), U({ _: 2 }, [
-      z(B, (J, d) => ({
-        name: d,
-        fn: E((P) => [
-          u(e.$slots, d, T(w(P || {})))
+      "onUpdate:value": t(C)
+    }), E({ _: 2 }, [
+      T(R, (X, p) => ({
+        name: p,
+        fn: c((V) => [
+          i(e.$slots, p, _(w(V || {})))
         ])
       }))
     ]), 1040, ["placeholder", "value", "mode", "onUpdate:value"]));
   }
 });
 export {
-  se as default
+  fe as default
 };

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

@@ -16,6 +16,7 @@ const h = {
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     size: {},
     bordered: { type: Boolean },
     placeholder: {},

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

@@ -1,13 +1,13 @@
-import { defineComponent as V, computed as p, ref as C, onMounted as O, unref as e, createElementBlock as u, openBlock as a, Fragment as m, createTextVNode as S, toDisplayString as U, createBlock as d, mergeProps as _ } from "vue";
-import { Spin as N, RadioGroup as R } from "@aplus-frontend/antdv";
+import { defineComponent as V, computed as u, ref as C, onMounted as O, unref as e, createElementBlock as p, openBlock as a, Fragment as m, createTextVNode as R, toDisplayString as S, createBlock as d, mergeProps as U } from "vue";
+import { Spin as _, RadioGroup as N } from "@aplus-frontend/antdv";
 import { omit as z, isNil as F } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import G from "../hooks/use-options.mjs";
-import P from "../style/index.mjs";
-import { getOptionValue as A, getOptionLabel as D } from "./helper.mjs";
-import { useControllableValue as E } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as I } from "../../config-provider/hooks/use-namespace.mjs";
+import M from "../style/index.mjs";
+import { getOptionValue as P, getOptionLabel as A } from "./helper.mjs";
+import { useControllableValue as D } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
 const Y = /* @__PURE__ */ V({
   name: "ApFieldRadio",
   __name: "index",
@@ -16,6 +16,7 @@ const Y = /* @__PURE__ */ V({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     prefixCls: {},
     value: {},
     size: {},
@@ -33,9 +34,9 @@ const Y = /* @__PURE__ */ V({
   },
   emits: ["update:value"],
   setup(c, { expose: f, emit: v }) {
-    const t = c, y = p(
+    const t = c, y = u(
       () => z(t, ["value", "onUpdate:value", "options", "request", "vertical"])
-    ), g = v, { options: n, updateOptions: k } = G(t), { value: r, updateValue: x } = E(t, g), { b, m: B } = I("field-radio"), T = P("field"), l = C(!1);
+    ), g = v, { options: n, updateOptions: k } = G(t), { value: r, updateValue: x } = D(t, g), { b, m: B } = E("field-radio"), T = M("field"), l = C(!1);
     async function s() {
       t.request && (l.value = !0, t.request?.().then((o) => k(o)).finally(() => {
         l.value = !1;
@@ -44,24 +45,24 @@ const Y = /* @__PURE__ */ V({
     O(() => {
       s();
     });
-    const h = p(() => {
+    const h = u(() => {
       const o = e(r);
       if (F(o))
         return t.emptyText;
       const i = n.value?.find(
-        (q) => o === A(q)
+        (q) => o === P(q)
       );
-      return D(i) || t.emptyText;
+      return A(i) || t.emptyText;
     });
     return f({
       request: s
-    }), (o, i) => o.mode === "read" ? (a(), u(m, { key: 0 }, [
-      S(U(h.value), 1)
-    ], 64)) : (a(), u(m, { key: 1 }, [
-      l.value ? (a(), d(e(N), {
+    }), (o, i) => o.mode === "read" ? (a(), p(m, { key: 0 }, [
+      R(S(h.value), 1)
+    ], 64)) : (a(), p(m, { key: 1 }, [
+      l.value ? (a(), d(e(_), {
         key: 0,
         size: "small"
-      })) : (a(), d(e(R), _({ key: 1 }, y.value, {
+      })) : (a(), d(e(N), U({ key: 1 }, y.value, {
         ref: "radioGroupRef",
         value: e(r),
         options: e(n),

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

@@ -9,6 +9,7 @@ const y = /* @__PURE__ */ p({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     prefixCls: {},
     value: {},
     size: {},

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

@@ -1,5 +1,5 @@
-import { defineComponent as b, computed as a, shallowRef as y, useSlots as h, createBlock as B, openBlock as C, unref as t, mergeProps as _, createSlots as x, withCtx as k, renderSlot as w } from "vue";
-import { Rate as R } from "@aplus-frontend/antdv";
+import { defineComponent as b, computed as a, shallowRef as y, useSlots as h, createBlock as B, openBlock as C, unref as t, mergeProps as _, createSlots as x, withCtx as R, renderSlot as k } from "vue";
+import { Rate as w } from "@aplus-frontend/antdv";
 import { omit as g } from "lodash-unified";
 import "../../hooks/index.mjs";
 import { useControllableValue as V } from "../../hooks/useControllableValue.mjs";
@@ -10,6 +10,7 @@ const A = /* @__PURE__ */ b({
     mode: { default: "edit" },
     class: {},
     style: {},
+    customReadMode: {},
     prefixCls: {},
     count: { default: 5 },
     value: {},
@@ -44,7 +45,7 @@ const A = /* @__PURE__ */ b({
     return r({
       focus: p,
       blur: m
-    }), (v, S) => (C(), B(t(R), _(n.value, {
+    }), (v, S) => (C(), B(t(w), _(n.value, {
       ref_key: "rateRef",
       ref: o,
       value: t(c),
@@ -53,8 +54,8 @@ const A = /* @__PURE__ */ b({
     }), x({ _: 2 }, [
       d.character ? {
         name: "character",
-        fn: k(() => [
-          w(v.$slots, "character")
+        fn: R(() => [
+          k(v.$slots, "character")
         ]),
         key: "0"
       } : void 0