@aplus-frontend/ui 7.7.8 → 7.7.10

package/es/src/ap-action/style/index.mjs

@@ -1,13 +1,12 @@
-import { resetComponent as s } from "../../style/index.mjs";
-import { genComponentStyleHook as d } from "../../utils/cssinjs/index.mjs";
-const p = (o) => {
+import { resetComponent as t } from "../../style/index.mjs";
+import { genComponentStyleHook as s } from "../../utils/cssinjs/index.mjs";
+const d = (o) => {
   const {
-    loadingOpacity: r,
-    colorLink: n,
-    colorLinkHover: a,
-    colorSuccess: l,
-    colorError: c,
-    colorWarn: e,
+    loadingOpacity: n,
+    colorLink: r,
+    colorSuccess: a,
+    colorError: l,
+    colorWarn: c,
     componentCls: i
   } = o;
   return {
@@ -19,41 +18,38 @@ const p = (o) => {
       textAlign: "center",
       gap: o.spaceXS,
       cursor: "pointer",
-      ...s(o),
+      ...t(o),
+      [`&:not(${i}--disabled):hover`]: {
+        opacity: 0.7
+      },
       "&--primary": {
-        color: n,
-        [`&:not(${i}--disabled):hover`]: {
-          color: a
-        },
+        color: r,
         [`&${i}--disabled`]: {
           color: o.colorLinkDisabled
         }
       },
       "&--success": {
-        color: l,
+        color: a,
         [`&${i}--disabled`]: {
           color: o.colorSuccessDisabled
         }
       },
       "&--error": {
-        color: c,
+        color: l,
         [`&${i}--disabled`]: {
           color: o.colorErrorDisabled
         }
       },
       "&--warn": {
-        color: e,
+        color: c,
         [`&${i}--disabled`]: {
           color: o.colorWarnDisabled
         }
       },
       "&--loading": {
-        opacity: r,
+        opacity: n,
         transition: `opacity ${o.motionDurationMid}`,
         cursor: "default",
-        // [`${componentCls}-loading-icon`]: {
-        //   marginRight: token.spaceXS
-        // },
         [`&${i}--disabled`]: {
           opacity: 1
         }
@@ -71,7 +67,7 @@ const p = (o) => {
         display: "inline-block",
         lineHeight: 0,
         transition: ["width", "opacity", "margin"].map(
-          (t) => `${t} ${o.motionDurationSlow} ${o.apActionLoadingIconEase}`
+          (e) => `${e} ${o.motionDurationSlow} ${o.apActionLoadingIconEase}`
         ).join(",")
       },
       [`${i}-loading-icon-motion`]: {
@@ -90,9 +86,9 @@ const p = (o) => {
       }
     }
   };
-}, u = d(
+}, g = s(
   "ApAction",
-  (o) => [p(o)],
+  (o) => [d(o)],
   {
     loadingOpacity: 0.35,
     apActionLoadingIconEase: "cubic-bezier(0.645, 0.045, 0.355, 1)"
@@ -102,6 +98,6 @@ const p = (o) => {
   }
 );
 export {
-  u as default,
-  p as genActionItemStyle
+  g as default,
+  d as genActionItemStyle
 };

package/es/src/ap-field/style/textarea.mjs

@@ -1,13 +1,19 @@
-const a = (e) => {
-  const { componentCls: r } = e;
+const t = (a) => {
+  const { componentCls: e } = a;
   return {
-    [`${r}-text-area`]: {
+    [`${e}-textarea--read`]: {
       whiteSpace: "pre-wrap",
       wordWrap: "break-word",
       wordBreak: "break-all"
+    },
+    [`${e}-textarea`]: {
+      "&.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon": {
+        insetBlockStart: "9px"
+        // (28 - 10) / 2
+      }
     }
   };
 };
 export {
-  a as genTextareaStyle
+  t as genTextareaStyle
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as h, shallowRef as B, computed as b, createElementBlock as I, createBlock as A, openBlock as p, normalizeClass as C, unref as e, toDisplayString as g, mergeProps as z } from "vue";
-import { isNil as T, omit as w } from "lodash-unified";
+import { defineComponent as B, shallowRef as b, computed as I, createElementBlock as A, createBlock as C, openBlock as s, normalizeClass as g, unref as e, toDisplayString as z, mergeProps as T } from "vue";
+import { isNil as w, omit as k } from "lodash-unified";
 import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
-import { Input as k } from "@aplus-frontend/antdv";
-import { useDefaultPlaceholder as R } from "../hooks/use-default-placeholder.mjs";
-import S from "../style/index.mjs";
-import { useControllableValue as _ } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
-const O = /* @__PURE__ */ h({
+import { Input as R } from "@aplus-frontend/antdv";
+import { useDefaultPlaceholder as S } from "../hooks/use-default-placeholder.mjs";
+import _ from "../style/index.mjs";
+import { useControllableValue as U } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
+const q = /* @__PURE__ */ B({
   name: "ApFieldTextArea",
   __name: "index",
   props: {
@@ -62,36 +62,37 @@ const O = /* @__PURE__ */ h({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(s, { expose: i, emit: d }) {
-    const o = B(), a = s, m = d, { value: l, updateValue: c } = _(a, m), { b: f } = U("field-text-area"), y = S("field"), x = R("TextArea", a);
-    function v(t) {
-      const n = t.target.value || "", r = a.beforeInput ? a.beforeInput?.(n) : n, u = o.value?.$el?.querySelector("textarea");
-      u && (u.value = r), c(r);
+  setup(i, { expose: d, emit: c }) {
+    const o = b(), a = i, m = c, { value: l, updateValue: f } = U(a, m), { b: y, m: x } = V("field-textarea"), r = _("field"), v = S("TextArea", a);
+    function h(t) {
+      const n = t.target.value || "", u = a.beforeInput ? a.beforeInput?.(n) : n, p = o.value?.$el?.querySelector("textarea");
+      p && (p.value = u), f(u);
     }
-    return i({
+    return d({
       focus: (t) => {
         o.value?.focus(t);
       },
       blur: () => {
         o.value?.blur();
       },
-      resizableTextArea: b(() => o.value?.resizableTextArea)
-    }), (t, n) => t.mode === "read" ? (p(), I("span", {
+      resizableTextArea: I(() => o.value?.resizableTextArea)
+    }), (t, n) => t.mode === "read" ? (s(), A("span", {
       key: 0,
-      class: C([e(f)(), e(y)])
-    }, g(e(T)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3)) : (p(), A(e(k).TextArea, z(
+      class: g([e(x)("read"), e(r)])
+    }, z(e(w)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3)) : (s(), C(e(R).TextArea, T(
       { key: 1 },
-      e(w)(a, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
+      e(k)(a, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
       {
         ref_key: "textAreaRef",
         ref: o,
-        placeholder: e(x),
+        placeholder: e(v),
         value: e(l),
-        onInput: v
+        class: [e(y)(), e(r)],
+        onInput: h
       }
-    ), null, 16, ["placeholder", "value"]));
+    ), null, 16, ["placeholder", "value", "class"]));
   }
 });
 export {
-  O as default
+  q as default
 };

package/es/src/ap-form/ap-form.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as ee, reactive as te, shallowRef as re, ref as oe, unref as h, nextTick as ne, toRaw as P, watch as ie, onWatcherCleanup as le, computed as se, createBlock as ae, openBlock as ue, mergeProps as ce, withCtx as fe, renderSlot as de } from "vue";
+import { defineComponent as ee, reactive as te, shallowRef as re, ref as oe, unref as h, nextTick as ne, toRaw as R, watch as ie, onWatcherCleanup as le, computed as se, createBlock as ae, openBlock as ue, mergeProps as ce, withCtx as fe, renderSlot as de } from "vue";
 import { Form as ge } from "@aplus-frontend/antdv";
 import { useProvideForm as me } from "./context.mjs";
-import { isArray as f, cloneDeep as pe, isEqual as he, isFunction as R, isPlainObject as M, omit as Fe } from "lodash-unified";
+import { isArray as f, cloneDeep as pe, isEqual as he, isFunction as M, isPlainObject as B, omit as Fe } from "lodash-unified";
 import { useUrlSearchParams as ye } from "@vueuse/core";
 import { INTERNAL_FORM_INSTANCE_MARK as O } from "./constant.mjs";
 import { getRouteType as Te } from "../utils/index.mjs";
 import Ve from "./utils/set.mjs";
-import { genParams as B, setToParams as j } from "./utils/params.mjs";
+import { genParams as _, setToParams as j } from "./utils/params.mjs";
 import { useInjectFormProvider as ve } from "./provider/context.mjs";
 import { getModelValue as x } from "./utils/get.mjs";
 import { useDevWarning as Ce } from "../utils/warning.mjs";
@@ -61,12 +61,12 @@ const xe = /* @__PURE__ */ ee({
       y();
     }
     const s = re(), v = ye(Te()), F = ve(), S = Ce("ApForm"), C = oe(
-      n.syncToUrl ? B(n.syncToUrl, v, "get") : {}
+      n.syncToUrl ? _(n.syncToUrl, v, "get") : {}
     );
-    let d = pe(_()), g = {};
-    const l = te(_());
+    let d = pe(b()), g = {};
+    const l = te(b());
     let m = [];
-    function _() {
+    function b() {
       const e = n.initialValues || {};
       return n.syncToUrlPriority ? {
         ...e,
@@ -78,13 +78,13 @@ const xe = /* @__PURE__ */ ee({
     }
     function q(e) {
       const t = p(e, g);
-      F.triggerFormFinish(n.name, e), n.syncToUrl && j(v, B(n.syncToUrl, t, "set")), n.onFinish?.(t);
+      F.triggerFormFinish(n.name, e), n.syncToUrl && j(v, _(n.syncToUrl, t, "set")), n.onFinish?.(t);
     }
     const D = async () => {
       s.value?.resetFields(), await ne(() => {
         Object.keys(l).forEach((e) => delete l[e]), Object.assign(l, d), y(), n.syncToUrl && j(
           v,
-          B(
+          _(
             n.syncToUrl,
             p(d, g),
             "set"
@@ -99,18 +99,18 @@ const xe = /* @__PURE__ */ ee({
         t
       );
       return p(r, g);
-    }, b = (e) => e === !0 ? P(l) : s.value?.getFieldsValue(e), k = (e) => {
-      const t = b(e);
+    }, I = (e) => e === !0 ? R(l) : s.value?.getFieldsValue(e), k = (e) => {
+      const t = I(e);
       return p(t, g);
     }, G = (e, t) => s.value?.validate(e, t), H = (e, t = {}) => {
       s.value?.scrollToField(e, t);
     }, J = (e) => {
       Object.assign(l, e), y();
-    }, I = (e, t, r = !0, o) => {
+    }, U = (e, t, r = !0, o) => {
       V(e, t, r, o), y();
     };
-    function U(e) {
-      return e(P(l)), m.push(e), () => {
+    function P(e) {
+      return e(R(l)), m.push(e), () => {
         m = m.filter((t) => t !== e);
       };
     }
@@ -154,14 +154,14 @@ const xe = /* @__PURE__ */ ee({
       ), e === O)
         return {
           registerField: w,
-          registerWatch: U,
-          setFieldValue: I,
+          registerWatch: P,
+          setFieldValue: U,
           getInitialValues: A
         };
     }
     function y() {
       if (m.length) {
-        const e = P(l);
+        const e = R(l);
         m.forEach((t) => {
           t(e);
         });
@@ -172,14 +172,14 @@ const xe = /* @__PURE__ */ ee({
         return;
       let r = f(e) ? [] : {};
       return Object.keys(e).forEach((o) => {
-        const a = e[o], i = t?.[o], u = R(i) ? i : i?.transformer, z = R(i) ? !0 : i?.flat;
-        if (R(u)) {
-          const c = u(a);
-          z ? f(c) && f(r) ? r = [...r, ...c] : M(c) && M(r) ? r = {
+        const a = e[o], i = t?.[o], u = M(i) ? i : i?.transformer, z = M(i) ? !0 : i?.flat;
+        if (M(u)) {
+          const c = u(a, { getFieldsValue: I });
+          z ? f(c) && f(r) ? r = [...r, ...c] : B(c) && B(r) ? r = {
             ...r,
             ...c
           } : r[o] = c : r[o] = c;
-        } else if (M(a) || f(a)) {
+        } else if (B(a) || f(a)) {
           const c = p(
             a,
             i
@@ -193,12 +193,12 @@ const xe = /* @__PURE__ */ ee({
       resetFields: D,
       clearValidate: K,
       validateFields: L,
-      getFieldsValue: b,
+      getFieldsValue: I,
       validate: G,
       scrollToField: H,
       setFieldsValue: J,
-      setFieldValue: I,
-      registerWatch: U,
+      setFieldValue: U,
+      registerWatch: P,
       validateFieldsReturnTransformed: $,
       getFieldsValueTransformed: k,
       getInternalInstance: Z
@@ -217,9 +217,9 @@ const xe = /* @__PURE__ */ ee({
       model: se(() => l),
       updateModel: V,
       internalInstance: {
-        registerWatch: U,
+        registerWatch: P,
         registerField: w,
-        setFieldValue: I,
+        setFieldValue: U,
         getInitialValues: A
       }
     }), N(E), (e, t) => (ue(), ae(h(ge), ce(

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

@@ -829,7 +829,7 @@ declare function __VLS_template(): {
             validateOnRuleChange: boolean;
             validateTrigger: string | string[];
             syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
             setFieldsValue: (fields: Partial<any>) => void;
             setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
             resetFields: () => Promise<void>;
@@ -852,13 +852,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
-    validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
+    getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<any> | undefined;
     setFieldsValue: (fields: Partial<any>) => void;
     setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
     resetFields: () => Promise<void>;
     clearValidate: (name?: NamePath) => void;
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
-    getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<any> | undefined;
+    validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
     scrollToField: (name: NamePath, options?: any) => void;
     getInternalInstance: (mark: string) => ApFormInternalInstance | undefined;
     validateFieldsReturnTransformed: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
@@ -1792,7 +1792,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
         validateOnRuleChange: boolean;
         validateTrigger: string | string[];
         syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
         setFieldsValue: (fields: Partial<any>) => void;
         setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
         resetFields: () => Promise<void>;

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

@@ -4,9 +4,10 @@ import { InternalNamePath, NamePath, ValidateOptions } from '@aplus-frontend/ant
 import { LiteralUnion, Recordable } from '../type';
 import { VNode } from 'vue';
 import { BreakPointType } from './search-form/hooks/use-count-per-row';
+import { ApFormInstance } from './provider/interface';
 export type { ApFormChangeInfo, ApFormFinishInfo } from './provider/interface';
 export type ApFormColProps = Omit<ColProps, 'prefixCls'>;
-export type ApFormItemTransformFn = (value: any) => any;
+export type ApFormItemTransformFn = (value: any, api?: Pick<ApFormInstance, 'getFieldsValue'>) => any;
 export type ApFormItemTransformType = ApFormItemTransformFn | {
     transformer: ApFormItemTransformFn;
     /**

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

@@ -830,7 +830,7 @@ declare function __VLS_template(): {
             validateOnRuleChange: boolean;
             validateTrigger: string | string[];
             syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
             setFieldsValue: (fields: Partial<any>) => void;
             setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
             resetFields: () => Promise<void>;
@@ -853,13 +853,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
-    validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
+    getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<any> | undefined;
     setFieldsValue: (fields: Partial<any>) => void;
     setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
     resetFields: () => Promise<void>;
     clearValidate: (name?: NamePath) => void;
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
-    getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<any> | undefined;
+    validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
     scrollToField: (name: NamePath, options?: any) => void;
     getInternalInstance: (mark: string) => ApFormInternalInstance | undefined;
     validateFieldsReturnTransformed: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<any>> | undefined;
@@ -2033,7 +2033,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
         validateOnRuleChange: boolean;
         validateTrigger: string | string[];
         syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
         setFieldsValue: (fields: Partial<any>) => void;
         setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
         resetFields: () => Promise<void>;

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

@@ -829,7 +829,7 @@ declare function __VLS_template(): {
             validateOnRuleChange: boolean;
             validateTrigger: string | string[];
             syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
             setFieldsValue: (fields: Partial<any>) => void;
             setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
             resetFields: () => Promise<void>;
@@ -1817,7 +1817,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
         validateOnRuleChange: boolean;
         validateTrigger: string | string[];
         syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
         setFieldsValue: (fields: Partial<any>) => void;
         setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
         resetFields: () => Promise<void>;

package/es/src/ap-form/style/item.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
-const r = (n) => {
-  const { componentCls: a, namespace: t } = n, e = `${a}--disabled`;
+import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
+const o = (n) => {
+  const { componentCls: e, namespace: a } = n, i = `${e}--disabled`, t = n.calc(n.controlHeight).sub(n.calc(n.lineWidth).mul(2)).equal();
   return {
-    [a]: {
+    [e]: {
       // bordered
       "&--bordered": {
         boxSizing: "border-box",
@@ -12,7 +12,7 @@ const r = (n) => {
         ".ant-input-affix-wrapper": {
           padding: 0
         },
-        [`&:has(.${t}-batch-input-group):has(.ant-select)`]: {
+        [`&:has(.${a}-batch-input-group):has(.ant-select)`]: {
           ".ant-input-affix-wrapper": {
             paddingInlineEnd: n.space
           }
@@ -23,7 +23,7 @@ const r = (n) => {
             paddingInlineStart: 0
           }
         },
-        [`&:has(div.${t}-batch-input-group .ant-input)`]: {
+        [`&:has(div.${a}-batch-input-group .ant-input)`]: {
           paddingInlineEnd: n.space,
           ".ant-input": {
             paddingInlineStart: 0
@@ -52,7 +52,7 @@ const r = (n) => {
           background: "unset !important"
         },
         ".ant-select-single .ant-select-selector": {
-          height: `${n.controlHeight} !important`
+          height: `${t} !important`
         },
         "input.ant-input-number-input": {
           paddingInlineStart: 0
@@ -72,25 +72,25 @@ const r = (n) => {
         },
         ".ant-form-item-label > label": {
           paddingRight: n.spaceLG,
-          height: n.controlHeight,
+          height: t,
           "&::after": {
             margin: 0
           }
         },
         ".ant-form-item-control-input": {
-          minHeight: n.controlHeight,
+          minHeight: t,
           ".ant-select-single": {
             height: "unset"
           }
         },
-        [`&:hover:not(${e})`]: {
+        [`&:hover:not(${i})`]: {
           borderColor: n.hoverColorBase
         },
         "&:focus": {
           borderColor: n.activeColorBase,
           boxShadow: "0 0 0 2px rgba(5, 155, 255, 0.1)"
         },
-        [`.${t}-batch-input-group-popover-input__popover`]: {
+        [`.${a}-batch-input-group-popover-input__popover`]: {
           width: "calc(100% + 12px)"
         }
       },
@@ -129,17 +129,11 @@ const r = (n) => {
           paddingInline: n.space,
           flex: 1
         }
-      },
-      textarea: {
-        lineHeight: "20px"
-      },
-      "& .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon": {
-        insetBlockStart: "8px"
       }
     }
   };
-}, p = i("ApForm", (n) => [r(n)]);
+}, p = r("ApForm", (n) => [o(n)]);
 export {
   p as default,
-  r as genApFormItemStyle
+  o as genApFormItemStyle
 };

package/es/src/business/ap-view/components/main-button-content.vue.d.ts

@@ -820,7 +820,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
         validateOnRuleChange: boolean;
         validateTrigger: string | string[];
         syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-    }> & Omit<Readonly<ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+    }> & Omit<Readonly<ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
         setFieldsValue: (fields: Partial<any>) => void;
         setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
         resetFields: () => Promise<void>;

package/es/src/business/ap-view/components/menu-list-content.vue.d.ts

@@ -821,7 +821,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
         validateOnRuleChange: boolean;
         validateTrigger: string | string[];
         syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
+    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "getFieldsValue" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "validate" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
         setFieldsValue: (fields: Partial<any>) => void;
         setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
         resetFields: () => Promise<void>;