@aplus-frontend/ui 7.17.3 → 7.18.0

package/es/src/ap-field/text/password.vue.mjs

@@ -1,13 +1,16 @@
-import { defineComponent as U, useSlots as _, shallowRef as E, computed as R, createBlock as a, createElementBlock as f, openBlock as o, unref as e, mergeProps as T, createSlots as V, renderList as F, withCtx as c, renderSlot as I, normalizeProps as S, guardReactiveProps as z, Fragment as M, toDisplayString as m, createElementVNode as y } from "vue";
-import { EyeOutlined as O, EyeInvisibleOutlined as A } from "@ant-design/icons-vue";
-import { Input as D, Flex as K } from "@aplus-frontend/antdv";
-import { omit as N } from "lodash-unified";
+import { defineComponent as R, useSlots as U, shallowRef as V, computed as _, createBlock as n, openBlock as t, unref as e, mergeProps as E, createSlots as T, renderList as I, withCtx as u, renderSlot as M, normalizeProps as S, guardReactiveProps as z, createElementBlock as F, createCommentVNode as N, createVNode as O, toDisplayString as f, createElementVNode as c } from "vue";
+import { EyeOutlined as A, EyeInvisibleOutlined as D } from "@ant-design/icons-vue";
+import { Input as K, Flex as $ } from "@aplus-frontend/antdv";
+import { omit as j } from "lodash-unified";
+import "../../render/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as $ } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPlaceholder as L } from "../hooks/use-default-placeholder.mjs";
+import { useReadModeRender as q } from "../hooks/use-read-mode-render.mjs";
 import { useControllableValue as v } from "../../hooks/useControllableValue.mjs";
-const j = {
+import G from "../../render/render.mjs";
+const H = {
   key: 0
-}, Z = /* @__PURE__ */ U({
+}, re = /* @__PURE__ */ R({
   name: "ApFieldTextPassword",
   __name: "password",
   props: {
@@ -19,6 +22,7 @@ const j = {
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     variant: {},
     size: {},
     value: {},
@@ -105,62 +109,67 @@ const j = {
     "onUpdate:visible": {}
   },
   emits: ["update:value", "update:visible"],
-  setup(b, {
-    expose: B,
-    emit: g
+  setup(y, {
+    expose: b,
+    emit: B
   }) {
-    const h = _(), i = g, t = b, n = E(), {
-      value: s,
-      updateValue: x
-    } = v(t, i), k = $("TextPassword", t), {
+    const h = U(), i = B, o = y, r = V(), {
       value: l,
-      updateValue: r
-    } = v(t, i, {
+      updateValue: x
+    } = v(o, i), {
+      renderer: g
+    } = q(o, l), C = L("TextPassword", o), {
+      value: a,
+      updateValue: d
+    } = v(o, i, {
       valuePropName: "visible"
-    }), w = R(() => N(t, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]));
-    return B({
+    }), k = _(() => j(o, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]));
+    return b({
       focus: () => {
-        n.value?.focus();
+        r.value?.focus();
       },
       blur: () => {
-        n.value?.blur();
+        r.value?.blur();
       }
-    }), (u, p) => u.mode === "edit" ? (o(), a(e(D).Password, T({
+    }), (s, p) => s.mode === "edit" ? (t(), n(e(K).Password, E({
       key: 0
-    }, w.value, {
+    }, k.value, {
       ref_key: "inputRef",
-      ref: n,
-      placeholder: e(k),
-      value: e(s),
-      visible: e(l),
+      ref: r,
+      placeholder: e(C),
+      value: e(l),
+      visible: e(a),
       "onUpdate:value": e(x),
-      "onUpdate:visible": e(r)
-    }), V({
+      "onUpdate:visible": e(d)
+    }), T({
       _: 2
-    }, [F(h, (C, d) => ({
-      name: d,
-      fn: c((P) => [I(u.$slots, d, S(z(P || {})))])
-    }))]), 1040, ["placeholder", "value", "visible", "onUpdate:value", "onUpdate:visible"])) : (o(), f(M, {
-      key: 1
-    }, [e(s) ? (o(), a(e(K), {
+    }, [I(h, (w, m) => ({
+      name: m,
+      fn: u((P) => [M(s.$slots, m, S(z(P || {})))])
+    }))]), 1040, ["placeholder", "value", "visible", "onUpdate:value", "onUpdate:visible"])) : (t(), n(e(G), {
       key: 1,
-      gap: 8,
-      align: "center"
+      renderer: e(g)
     }, {
-      default: c(() => [y("span", null, m(e(l) ? e(s) : "********"), 1), y("span", {
-        style: {
-          cursor: "pointer"
-        },
-        onClick: p[0] || (p[0] = (C) => e(r)(!e(l)))
-      }, [e(l) ? (o(), a(e(O), {
-        key: 0
-      })) : (o(), a(e(A), {
-        key: 1
-      }))])]),
+      default: u(() => [e(l) ? N("", !0) : (t(), F("span", H, f(s.emptyText), 1)), O(e($), {
+        gap: 8,
+        align: "center"
+      }, {
+        default: u(() => [c("span", null, f(e(a) ? e(l) : "********"), 1), c("span", {
+          style: {
+            cursor: "pointer"
+          },
+          onClick: p[0] || (p[0] = (w) => e(d)(!e(a)))
+        }, [e(a) ? (t(), n(e(A), {
+          key: 0
+        })) : (t(), n(e(D), {
+          key: 1
+        }))])]),
+        _: 1
+      })]),
       _: 1
-    })) : (o(), f("span", j, m(u.emptyText), 1))], 64));
+    }, 8, ["renderer"]));
   }
 });
 export {
-  Z as default
+  re as default
 };

package/es/src/ap-field/text/read-password.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as d, ref as p, createElementBlock as s, createBlock as a, openBlock as o, Fragment as f, createTextVNode as y, toDisplayString as u, unref as l, withCtx as c, createElementVNode as i } from "vue";
+import { defineComponent as r, ref as s, createElementBlock as p, createBlock as a, openBlock as o, Fragment as f, createTextVNode as y, toDisplayString as u, unref as l, withCtx as c, createElementVNode as i } from "vue";
 import { EyeOutlined as m, EyeInvisibleOutlined as v } from "@ant-design/icons-vue";
 import { Space as B } from "@aplus-frontend/antdv";
-const k = /* @__PURE__ */ d({
+const k = /* @__PURE__ */ r({
   name: "ApFieldTextPasswordRead",
   __name: "read-password",
   props: {
@@ -9,6 +9,7 @@ const k = /* @__PURE__ */ d({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     variant: {},
     size: {},
     value: {},
@@ -60,8 +61,8 @@ const k = /* @__PURE__ */ d({
     visible: { type: Boolean, default: void 0 },
     "onUpdate:visible": {}
   },
-  setup(r) {
-    const e = p(r.visible);
+  setup(d) {
+    const e = s(d.visible);
     return (t, n) => t.value ? (o(), a(l(B), { key: 1 }, {
       default: c(() => [
         i("span", null, u(e.value ? t.value : "********"), 1),
@@ -73,7 +74,7 @@ const k = /* @__PURE__ */ d({
         ])
       ]),
       _: 1
-    })) : (o(), s(f, { key: 0 }, [
+    })) : (o(), p(f, { key: 0 }, [
       y(u(t.emptyText), 1)
     ], 64));
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, createElementBlock as l, openBlock as p, toDisplayString as o } from "vue";
+import { defineComponent as a, createElementBlock as l, openBlock as u, toDisplayString as o } from "vue";
 const r = /* @__PURE__ */ a({
   name: "ApFieldTextRead",
   __name: "read",
@@ -7,6 +7,7 @@ const r = /* @__PURE__ */ a({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     variant: {},
     size: {},
     value: {},
@@ -56,7 +57,7 @@ const r = /* @__PURE__ */ a({
   },
   setup(t) {
     const e = t;
-    return (n, u) => (p(), l("span", null, o(e.prefix) + " " + o(n.value || e.emptyText) + " " + o(e.suffix), 1));
+    return (n, d) => (u(), l("span", null, o(e.prefix) + " " + o(n.value || e.emptyText) + " " + o(e.suffix), 1));
   }
 });
 export {

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,14 +1,17 @@
-import { defineComponent as k, shallowRef as z, computed as s, createElementBlock as p, createBlock as T, openBlock as n, Fragment as w, normalizeClass as m, unref as e, toDisplayString as f, createElementVNode as R, mergeProps as F } from "vue";
-import { Input as S } from "@aplus-frontend/antdv";
-import { omit as V, isNil as E } from "lodash-unified";
+import { defineComponent as w, shallowRef as z, computed as s, createBlock as c, openBlock as r, unref as e, withCtx as T, createElementBlock as m, normalizeClass as f, toDisplayString as y, createElementVNode as M, mergeProps as S } from "vue";
+import { Input as V } from "@aplus-frontend/antdv";
+import { omit as _, isNil as E } from "lodash-unified";
+import "../../render/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as P } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPlaceholder as F } from "../hooks/use-default-placeholder.mjs";
+import { useReadModeRender as P } from "../hooks/use-read-mode-render.mjs";
 import U from "../style/index.mjs";
-import { languageFormat as _ } from "./utils.mjs";
-import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
-const Q = /* @__PURE__ */ k({
+import { languageFormat as j } from "./utils.mjs";
+import { useControllableValue as N } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as O } from "../../config-provider/hooks/use-namespace.mjs";
+import D from "../../render/render.mjs";
+const oe = /* @__PURE__ */ w({
   name: "ApFieldTextArea",
   __name: "index",
   props: {
@@ -16,6 +19,7 @@ const Q = /* @__PURE__ */ k({
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     rows: {},
     autoSize: { type: [Boolean, Object] },
     onResize: {},
@@ -64,10 +68,10 @@ const Q = /* @__PURE__ */ k({
     code: { type: [Boolean, Object], default: !1 }
   },
   emits: ["update:value"],
-  setup(y, { expose: g, emit: v }) {
-    const a = z(), o = y, x = s(
-      () => V(o, ["onUpdate:value", "value", "beforeInput", "emptyText"])
-    ), h = v, { value: l, updateValue: B } = j(o, h), { b, m: d } = M("field-textarea"), r = U("field"), I = P("TextArea", o), C = s(() => {
+  setup(g, { expose: v, emit: x }) {
+    const l = z(), o = g, h = s(
+      () => _(o, ["onUpdate:value", "value", "beforeInput", "emptyText"])
+    ), B = x, { value: a, updateValue: b } = N(o, B), { renderer: C } = P(o, a), { b: I, m: p } = O("field-textarea"), n = U("field"), R = F("TextArea", o), A = s(() => {
       if (o.code)
         return o.code === !0 ? {
           language: "text"
@@ -75,38 +79,44 @@ const Q = /* @__PURE__ */ k({
           language: o.code?.language ?? "text"
         };
     });
-    function A(t) {
-      const u = t.target.value || "", i = o.beforeInput ? o.beforeInput?.(u) : u, c = a.value?.$el?.querySelector("textarea");
-      c && (c.value = i), B(i);
+    function k(t) {
+      const u = t.target.value || "", d = o.beforeInput ? o.beforeInput?.(u) : u, i = l.value?.$el?.querySelector("textarea");
+      i && (i.value = d), b(d);
     }
-    return g({
+    return v({
       focus: (t) => {
-        a.value?.focus(t);
+        l.value?.focus(t);
       },
       blur: () => {
-        a.value?.blur();
+        l.value?.blur();
       },
-      resizableTextArea: s(() => a.value?.resizableTextArea)
-    }), (t, u) => t.mode === "read" ? (n(), p(w, { key: 0 }, [
-      t.code ? (n(), p("pre", {
-        key: 1,
-        class: m([e(d)("code"), e(r)])
-      }, [
-        R("code", null, f(e(_)(e(l), C.value.language)), 1)
-      ], 2)) : (n(), p("span", {
-        key: 0,
-        class: m([e(d)("read"), e(r)])
-      }, f(e(E)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3))
-    ], 64)) : (n(), T(e(S).TextArea, F({ key: 1 }, x.value, {
+      resizableTextArea: s(() => l.value?.resizableTextArea)
+    }), (t, u) => t.mode === "read" ? (r(), c(e(D), {
+      key: 0,
+      renderer: e(C)
+    }, {
+      default: T(() => [
+        t.code ? (r(), m("pre", {
+          key: 1,
+          class: f([e(p)("code"), e(n)])
+        }, [
+          M("code", null, y(e(j)(e(a), A.value.language)), 1)
+        ], 2)) : (r(), m("span", {
+          key: 0,
+          class: f([e(p)("read"), e(n)])
+        }, y(e(E)(e(a)) || e(a) === "" ? t.emptyText : e(a)), 3))
+      ]),
+      _: 1
+    }, 8, ["renderer"])) : (r(), c(e(V).TextArea, S({ key: 1 }, h.value, {
       ref_key: "textAreaRef",
-      ref: a,
-      placeholder: e(I),
-      value: e(l),
-      class: [e(b)(), e(r)],
-      onInput: A
+      ref: l,
+      placeholder: e(R),
+      value: e(a),
+      class: [e(I)(), e(n)],
+      onInput: k
     }), null, 16, ["placeholder", "value", "class"]));
   }
 });
 export {
-  Q as default
+  oe as default
 };

package/es/src/ap-field/text-area/read.vue2.mjs

@@ -19,6 +19,7 @@ const h = {
     class: {},
     style: {},
     emptyText: { default: "--" },
+    customReadMode: {},
     rows: {},
     autoSize: { type: [Boolean, Object] },
     onResize: {},

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

@@ -1,4 +1,4 @@
-import { isVNode as _, defineComponent as E, computed as g, useSlots as K, shallowRef as U, unref as e, createVNode as r, Fragment as v, createBlock as S, openBlock as w, resolveDynamicComponent as z, mergeProps as M, createSlots as j, renderList as q, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as H } from "vue";
+import { isVNode as _, defineComponent as E, computed as g, useSlots as K, shallowRef as M, unref as e, createVNode as r, Fragment as v, createBlock as S, openBlock as w, resolveDynamicComponent as U, mergeProps as z, createSlots as j, renderList as q, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as H } from "vue";
 import { Space as W, Tag as G, TreeSelect as J, Spin as Q } from "@aplus-frontend/antdv";
 import { omit as X, isArray as Y } from "lodash-unified";
 import "../../hooks/index.mjs";
@@ -20,6 +20,7 @@ const pe = /* @__PURE__ */ E({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     suffixIcon: {},
     size: {},
     bordered: {
@@ -178,7 +179,7 @@ const pe = /* @__PURE__ */ E({
     expose: x,
     emit: N
   }) {
-    const n = d, T = g(() => X(n, ["onUpdate:value", "value", "treeData", "loadData"])), b = K(), D = N, p = U(), {
+    const n = d, T = g(() => X(n, ["onUpdate:value", "value", "treeData", "loadData"])), b = K(), D = N, p = M(), {
       value: c,
       updateValue: V
     } = te(n, D), k = Z("TreeSelect", n), {
@@ -211,10 +212,10 @@ const pe = /* @__PURE__ */ E({
         default: () => [t]
       }) : r(v, null, [n.emptyText]);
     });
-    function I() {
+    function R() {
       p.value?.focus?.();
     }
-    function R() {
+    function I() {
       p.value?.blur?.();
     }
     function L(t) {
@@ -222,11 +223,11 @@ const pe = /* @__PURE__ */ E({
     }
     return x({
       request: y,
-      focus: I,
-      blur: R
-    }), (t, u) => t.mode === "read" ? (w(), S(z(P.value), {
+      focus: R,
+      blur: I
+    }), (t, u) => t.mode === "read" ? (w(), S(U(P.value), {
       key: 0
-    })) : (w(), S(e(J), M({
+    })) : (w(), S(e(J), z({
       key: 1
     }, T.value, {
       ref_key: "treeSelectRef",

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

@@ -16,6 +16,7 @@ const I = /* @__PURE__ */ g({
     emptyText: {
       default: "--"
     },
+    customReadMode: {},
     suffixIcon: {},
     size: {},
     bordered: {

package/es/src/ap-form/items/cascader/index.vue.d.ts

@@ -1,7 +1,7 @@
 import { DefaultOptionType } from '@aplus-frontend/antdv/es/cascader/interface';
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemCascaderProps } from '../interface';
-import { ComponentInternalInstance, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { ComponentInternalInstance, VNode, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
 import { FieldMode, ApFieldCascaderProps } from '../../../ap-field';
 import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ValueType, ShowCheckedStrategy } from '@aplus-frontend/antdv/es/vc-cascader/Cascader';
@@ -48,6 +48,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly size?: ButtonSize;
                 readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                 readonly onChange?: ((value: ValueType, selectOptions: DefaultOptionType[] | DefaultOptionType[][]) => void) | undefined;
@@ -249,6 +250,7 @@ declare const __VLS_component: DefineComponent<ApFormItemCascaderProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly size?: ButtonSize;
             readonly onBlur?: ((e: FocusEvent) => void) | undefined;
             readonly onChange?: ((value: ValueType, selectOptions: DefaultOptionType[] | DefaultOptionType[][]) => void) | undefined;

package/es/src/ap-form/items/checkbox/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemCheckboxProps } from '../interface';
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { ComponentInternalInstance, VNode, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
 import { FieldMode, ApFieldCheckboxProps } from '../../..';
 import { CheckboxValueType } from '@aplus-frontend/antdv/es/checkbox/interface';
 import { CheckboxOptionType, CheckboxGroupProps } from '@aplus-frontend/antdv';
@@ -18,6 +18,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly onChange?: ((checkedValue: Array< CheckboxValueType>) => void) | undefined;
                 readonly value?: CheckboxValueType[] | undefined;
                 readonly disabled?: boolean | undefined;
@@ -116,6 +117,7 @@ declare const __VLS_component: DefineComponent<ApFormItemCheckboxProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly onChange?: ((checkedValue: Array< CheckboxValueType>) => void) | undefined;
             readonly value?: CheckboxValueType[] | undefined;
             readonly disabled?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemDateProps } from '../interface';
-import { ComponentInternalInstance, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, VNode, RendererNode, RendererElement, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, RendererNode, RendererElement, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldDateProps } from '../../../ap-field';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { FocusEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
@@ -53,6 +53,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly size?: ButtonSize;
                 readonly onBlur?: FocusEventHandler | undefined;
                 readonly onClick?: MouseEventHandler | undefined;
@@ -805,6 +806,7 @@ declare const __VLS_component: DefineComponent<ApFormItemDateProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly size?: ButtonSize;
             readonly onBlur?: FocusEventHandler | undefined;
             readonly onClick?: MouseEventHandler | undefined;

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

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemDateRangeProps } from '../interface';
-import { ComponentInternalInstance, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, VNode, RendererNode, RendererElement, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, RendererNode, RendererElement, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldDateRangeProps } from '../../..';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { FocusEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
@@ -51,6 +51,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly size?: ButtonSize;
                 readonly onBlur?: FocusEventHandler | undefined;
                 readonly onClick?: MouseEventHandler | undefined;
@@ -858,6 +859,7 @@ declare const __VLS_component: DefineComponent<ApFormItemDateRangeProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly size?: ButtonSize;
             readonly onBlur?: FocusEventHandler | undefined;
             readonly onClick?: MouseEventHandler | undefined;

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

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemNumberProps } from '../interface';
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldNumberProps } from '../../..';
 import { ValueType } from '@aplus-frontend/antdv/es/input-number/src/utils/MiniDecimal';
 import { KeyboardEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
@@ -34,6 +34,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly size?: "small" | "large" | "middle" | undefined;
                 readonly type?: string | undefined;
                 readonly step?: ValueType | undefined;
@@ -555,6 +556,7 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly size?: "small" | "large" | "middle" | undefined;
             readonly type?: string | undefined;
             readonly step?: ValueType | undefined;

package/es/src/ap-form/items/select/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemSelectProps } from '../interface';
-import { ComponentInternalInstance, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldSelectProps } from '../../..';
 import { SelectValue, DefaultOptionType, LabeledValue } from '@aplus-frontend/antdv/es/select';
 import { SelectHandler, FieldNames, FilterFunc } from '@aplus-frontend/antdv/es/vc-select/Select';
@@ -50,6 +50,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly size?: "small" | "large" | "middle" | undefined;
                 readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                 readonly onChange?: ((value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void) | undefined;
@@ -715,6 +716,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly size?: "small" | "large" | "middle" | undefined;
             readonly onBlur?: ((e: FocusEvent) => void) | undefined;
             readonly onChange?: ((value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void) | undefined;

package/es/src/ap-form/items/switch/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemSwitchProps } from '../interface';
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldSwitchConfirmConfig, ApFieldSwitchProps } from '../../../ap-field';
 import { FocusEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 import { VueTypeDef, VueTypeValidableDef } from '../../../../node_modules/vue-types';
@@ -26,6 +26,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly size?: "small" | "default" | undefined;
                 readonly onBlur?: FocusEventHandler | undefined;
                 readonly onChange?: ((checked: string | number | boolean, e: Event) => void) | undefined;
@@ -254,6 +255,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSwitchProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly size?: "small" | "default" | undefined;
             readonly onBlur?: FocusEventHandler | undefined;
             readonly onChange?: ((checked: string | number | boolean, e: Event) => void) | undefined;

package/es/src/ap-form/items/text/index.vue.d.ts

@@ -1,7 +1,7 @@
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemTextProps } from '../interface';
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldTextProps } from '../../..';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { FocusEventHandler, ChangeEventHandler, CompositionEventHandler, KeyboardEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
@@ -33,6 +33,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly type?: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "url" | "email" | "datetime-local" | "file" | "password" | "tel" | undefined;
                 readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly lazy?: boolean | undefined;
@@ -425,6 +426,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTextProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly type?: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "url" | "email" | "datetime-local" | "file" | "password" | "tel" | undefined;
             readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly lazy?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemTextPasswordProps } from '../interface';
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { ComponentInternalInstance, VNode, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { FieldMode, ApFieldTextPasswordProps } from '../../..';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { FocusEventHandler, ChangeEventHandler, CompositionEventHandler, KeyboardEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
@@ -33,6 +33,7 @@ declare function __VLS_template(): {
                 readonly class?: unknown;
                 readonly style?: unknown;
                 readonly emptyText?: string | undefined;
+                readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
                 readonly type?: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "url" | "email" | "datetime-local" | "file" | "password" | "tel" | undefined;
                 readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly lazy?: boolean | undefined;
@@ -467,6 +468,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly class?: unknown;
             readonly style?: unknown;
             readonly emptyText?: string | undefined;
+            readonly customReadMode?: ((originalNode: any, val?: any) => VNode) | undefined;
             readonly type?: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "url" | "email" | "datetime-local" | "file" | "password" | "tel" | undefined;
             readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly lazy?: boolean | undefined;