@aplus-frontend/ui 7.5.0 → 7.7.0

package/es/src/ap-form/item-group/index.vue.mjs

@@ -1,16 +1,17 @@
-import { isVNode as C, defineComponent as P, useSlots as k, ref as w, onBeforeUpdate as S, watch as B, unref as r, createVNode as N, mergeProps as d, createBlock as f, openBlock as a, withCtx as R, createElementBlock as b, Fragment as x, renderList as j, resolveDynamicComponent as v } from "vue";
+import { isVNode as C, defineComponent as P, useSlots as k, ref as w, onBeforeUpdate as S, watch as B, unref as r, createVNode as N, mergeProps as d, createBlock as f, openBlock as s, withCtx as R, createElementBlock as b, Fragment as x, renderList as j, resolveDynamicComponent as v } from "vue";
 import { Col as F, Row as I } from "@aplus-frontend/antdv";
 import { pick as D, isBoolean as O, omit as V } from "lodash-unified";
 import { apFormItemColPropKeys as $ } from "../constant.mjs";
 import { genRealChildren as A, buildColSpan as E, getStringName as G } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import { isDef as H } from "../../utils/index.mjs";
-import K from "../style/item-group.mjs";
-import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
+import "../../utils/index.mjs";
+import H from "../style/item-group.mjs";
+import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
+import { isDef as L } from "../../utils/is.mjs";
 function U(o) {
   return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !C(o);
 }
-const Z = /* @__PURE__ */ P({
+const ee = /* @__PURE__ */ P({
   name: "ApFormItemGroup",
   __name: "index",
   props: {
@@ -29,20 +30,20 @@ const Z = /* @__PURE__ */ P({
     }
   },
   setup(o) {
-    const p = o, m = k(), {
+    const a = o, m = k(), {
       b: i
-    } = L("ap-form-item-group"), g = K("ap-form-item-group"), s = w([]);
+    } = K("ap-form-item-group"), g = H("ap-form-item-group"), p = w([]);
     S(() => {
-      s.value = c(m.default());
+      p.value = c(m.default());
     }), B(() => m.default(), (n) => {
-      s.value = c(n);
+      p.value = c(n);
     }, {
       immediate: !0
     });
     function c(n) {
       const l = A(n || []);
       return r(l).map((e, y) => {
-        const t = e.props, u = D(t, $), _ = u?.span ? {} : E(p.countPerRow), h = O(t.hidden) ? !!t.hidden : H(t.hidden);
+        const t = e.props, u = D(t, $), _ = u?.span ? {} : E(a.countPerRow), h = O(t.hidden) ? !!t.hidden : L(t.hidden);
         return {
           key: `${y}-${G(t.name)}`,
           node: N(F, d(_, u, {
@@ -53,10 +54,10 @@ const Z = /* @__PURE__ */ P({
         };
       });
     }
-    return (n, l) => (a(), f(r(I), d({
+    return (n, l) => (s(), f(r(I), d({
       class: [r(i)(), r(g)]
-    }, r(V)(p, ["countPerRow"])), {
-      default: R(() => [(a(!0), b(x, null, j(s.value, (e) => (a(), f(v(e.node), {
+    }, r(V)(a, ["countPerRow"])), {
+      default: R(() => [(s(!0), b(x, null, j(p.value, (e) => (s(), f(v(e.node), {
         key: e.key
       }))), 128))]),
       _: 1
@@ -64,5 +65,5 @@ const Z = /* @__PURE__ */ P({
   }
 });
 export {
-  Z as default
+  ee as default
 };

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

@@ -66,9 +66,9 @@ declare function __VLS_template(): {
                     type: "up" | "down";
                 }) => void) | undefined;
                 readonly type?: string | undefined;
+                readonly placeholder?: string | undefined;
                 readonly name?: string | undefined;
                 readonly id?: string | undefined;
-                readonly placeholder?: string | undefined;
                 readonly valueModifiers?: Record<string, any> | undefined;
                 readonly addonBefore?: any;
                 readonly addonAfter?: any;
@@ -561,9 +561,9 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
                 type: "up" | "down";
             }) => void) | undefined;
             readonly type?: string | undefined;
+            readonly placeholder?: string | undefined;
             readonly name?: string | undefined;
             readonly id?: string | undefined;
-            readonly placeholder?: string | undefined;
             readonly valueModifiers?: Record<string, any> | undefined;
             readonly addonBefore?: any;
             readonly addonAfter?: any;

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

@@ -66,6 +66,7 @@ declare function __VLS_template(): {
                 readonly direction?: "ltr" | "rtl" | undefined;
                 readonly animation?: string | undefined;
                 readonly children?: VueNode[] | undefined;
+                readonly placeholder?: any;
                 readonly prefixCls?: string | undefined;
                 readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly loading?: boolean | undefined;
@@ -76,7 +77,6 @@ declare function __VLS_template(): {
                 readonly getPopupContainer?: RenderDOMFunc | undefined;
                 readonly virtual?: boolean | undefined;
                 readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                readonly placeholder?: any;
                 readonly status?: "" | "error" | "warning" | undefined;
                 readonly defaultValue?: (string | number) | LabeledValue | (string | number)[] | LabeledValue[] | undefined;
                 readonly prefix?: any;
@@ -715,6 +715,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly direction?: "ltr" | "rtl" | undefined;
             readonly animation?: string | undefined;
             readonly children?: VueNode[] | undefined;
+            readonly placeholder?: any;
             readonly prefixCls?: string | undefined;
             readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly loading?: boolean | undefined;
@@ -725,7 +726,6 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly getPopupContainer?: RenderDOMFunc | undefined;
             readonly virtual?: boolean | undefined;
             readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-            readonly placeholder?: any;
             readonly status?: "" | "error" | "warning" | undefined;
             readonly defaultValue?: (string | number) | LabeledValue | (string | number)[] | LabeledValue[] | undefined;
             readonly prefix?: any;

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

@@ -46,6 +46,7 @@ declare function __VLS_template(): {
                 readonly onMousedown?: MouseEventHandler | undefined;
                 readonly value?: string | number | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly placeholder?: string | number | undefined;
                 readonly prefixCls?: string | undefined;
                 readonly name?: string | undefined;
                 readonly loading?: boolean | undefined;
@@ -56,7 +57,6 @@ declare function __VLS_template(): {
                 readonly focused?: boolean | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
-                readonly placeholder?: string | number | undefined;
                 readonly maxlength?: number | undefined;
                 readonly showCount?: boolean | ShowCountProps | undefined;
                 readonly htmlSize?: number | undefined;
@@ -203,6 +203,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTextProps, {
             readonly onMousedown?: MouseEventHandler | undefined;
             readonly value?: string | number | undefined;
             readonly disabled?: boolean | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly prefixCls?: string | undefined;
             readonly name?: string | undefined;
             readonly loading?: boolean | undefined;
@@ -213,7 +214,6 @@ declare const __VLS_component: DefineComponent<ApFormItemTextProps, {
             readonly focused?: boolean | undefined;
             readonly readonly?: boolean | undefined;
             readonly autocomplete?: string | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly maxlength?: number | undefined;
             readonly showCount?: boolean | ShowCountProps | undefined;
             readonly htmlSize?: number | undefined;

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

@@ -47,6 +47,7 @@ declare function __VLS_template(): {
                 readonly onMousedown?: MouseEventHandler | undefined;
                 readonly value?: string | number | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly placeholder?: string | number | undefined;
                 readonly prefixCls?: string | undefined;
                 readonly name?: string | undefined;
                 readonly loading?: boolean | undefined;
@@ -57,7 +58,6 @@ declare function __VLS_template(): {
                 readonly focused?: boolean | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
-                readonly placeholder?: string | number | undefined;
                 readonly maxlength?: number | undefined;
                 readonly showCount?: boolean | ShowCountProps | undefined;
                 readonly htmlSize?: number | undefined;
@@ -210,6 +210,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly onMousedown?: MouseEventHandler | undefined;
             readonly value?: string | number | undefined;
             readonly disabled?: boolean | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly prefixCls?: string | undefined;
             readonly name?: string | undefined;
             readonly loading?: boolean | undefined;
@@ -220,7 +221,6 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly focused?: boolean | undefined;
             readonly readonly?: boolean | undefined;
             readonly autocomplete?: string | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly maxlength?: number | undefined;
             readonly showCount?: boolean | ShowCountProps | undefined;
             readonly htmlSize?: number | undefined;

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

@@ -70,6 +70,7 @@ declare function __VLS_template(): {
                 readonly direction?: "ltr" | "rtl" | undefined;
                 readonly animation?: string | undefined;
                 readonly children?: VueNode[] | undefined;
+                readonly placeholder?: any;
                 readonly prefixCls?: string | undefined;
                 readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                 readonly loading?: boolean | undefined;
@@ -81,7 +82,6 @@ declare function __VLS_template(): {
                 readonly getPopupContainer?: RenderDOMFunc | undefined;
                 readonly virtual?: boolean | undefined;
                 readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                readonly placeholder?: any;
                 readonly status?: "" | "error" | "warning" | undefined;
                 readonly defaultValue?: unknown;
                 readonly prefix?: any;
@@ -861,6 +861,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
             readonly direction?: "ltr" | "rtl" | undefined;
             readonly animation?: string | undefined;
             readonly children?: VueNode[] | undefined;
+            readonly placeholder?: any;
             readonly prefixCls?: string | undefined;
             readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly loading?: boolean | undefined;
@@ -872,7 +873,6 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
             readonly getPopupContainer?: RenderDOMFunc | undefined;
             readonly virtual?: boolean | undefined;
             readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-            readonly placeholder?: any;
             readonly status?: "" | "error" | "warning" | undefined;
             readonly defaultValue?: unknown;
             readonly prefix?: any;

package/es/src/ap-form/search-form/components/popover-filter.vue.d.ts

@@ -143,7 +143,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             delay?: number;
         };
         danger: boolean;
-        htmlType: ** @type { [typeof __VLS_components.Tooltip, typeof __VLS_components.Tooltip, ] } */).ButtonHTMLType;
+        htmlType: ButtonHTMLType;
         ghost: boolean;
         iconPosition: ButtonIconPosition;
     }> | null;

package/es/src/ap-form/search-form/components/popover-filter.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as S, ref as y, toRef as w, createBlock as f, openBlock as l, unref as e, withCtx as o, createVNode as t, normalizeClass as a, withDirectives as x, createElementVNode as u, toDisplayString as d, vShow as R, createElementBlock as D, Fragment as L, renderList as N, resolveDynamicComponent as I, createTextVNode as b } from "vue";
+import { defineComponent as S, ref as y, toRef as w, createBlock as u, openBlock as i, unref as e, withCtx as o, createVNode as t, normalizeClass as l, withDirectives as x, createElementVNode as f, toDisplayString as d, vShow as R, createElementBlock as D, Fragment as L, renderList as N, resolveDynamicComponent as I, createTextVNode as k } from "vue";
 import { Popover as P, Tooltip as T, Button as g, Row as V, Col as $, Divider as z, Flex as A } from "@aplus-frontend/antdv";
 import { IconApFilterOutlined as E } from "@aplus-frontend/icon";
 import "../../../config-provider/index.mjs";
@@ -14,15 +14,15 @@ const Y = /* @__PURE__ */ S({
     onSubmit: { type: Function },
     submitLoading: { type: Boolean }
   },
-  setup(k) {
-    const C = k, F = y(), { e: p, b: c } = U("ap-form-search-form"), h = O("ap-form-search-form"), { t: m } = q(), i = y(!1), B = w(() => C.config), { count: v } = j(B);
+  setup(b) {
+    const C = b, F = y(), { e: s, b: c } = U("ap-form-search-form"), h = O("ap-form-search-form"), { t: m } = q(), a = y(!1), B = w(() => C.config), { count: v } = j(B);
     function _(r) {
       return r?.closest(".ant-form") || document.body;
     }
-    return (r, s) => (l(), f(e(P), {
-      open: i.value,
-      "onUpdate:open": s[1] || (s[1] = (n) => i.value = n),
-      "overlay-class-name": `${e(p)("popover")} ${e(h)}`,
+    return (r, p) => (i(), u(e(P), {
+      open: a.value,
+      "onUpdate:open": p[1] || (p[1] = (n) => a.value = n),
+      "overlay-class-name": `${e(s)("popover")} ${e(h)}`,
       trigger: "click",
       placement: "bottom",
       mask: "",
@@ -31,18 +31,18 @@ const Y = /* @__PURE__ */ S({
       "force-render": !0
     }, {
       content: o(() => [
-        u("div", {
-          class: a([e(p)("popover-content")]),
+        f("div", {
+          class: l([e(s)("popover-content")]),
           style: { paddingBottom: "4px", width: "825px" }
         }, [
           t(e(V), { gutter: 8 }, {
             default: o(() => [
-              (l(!0), D(L, null, N(r.config, (n) => (l(), f(e($), {
+              (i(!0), D(L, null, N(r.config, (n) => (i(), u(e($), {
                 key: n.key,
                 span: 8
               }, {
                 default: o(() => [
-                  (l(), f(I(n.node)))
+                  (i(), u(I(n.node)))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -51,30 +51,32 @@ const Y = /* @__PURE__ */ S({
           })
         ], 2),
         t(e(z), { style: { margin: "0" } }),
-        u("div", {
-          class: a(e(p)("popover-footer"))
+        f("div", {
+          class: l(e(s)("popover-footer"))
         }, [
-          t(e(A), { justify: "end" }, {
+          t(e(A), {
+            justify: "end",
+            gap: 10
+          }, {
             default: o(() => [
               t(e(g), {
-                onClick: s[0] || (s[0] = (n) => i.value = !1)
+                onClick: p[0] || (p[0] = (n) => a.value = !1)
               }, {
                 default: o(() => [
-                  b(d(e(m)("ap.common.cancelText")), 1)
+                  k(d(e(m)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
               t(e(g), {
-                class: a(e(p)("popover-footer-confirm-btn")),
                 type: "primary",
                 loading: r.submitLoading,
                 onClick: r.onSubmit
               }, {
                 default: o(() => [
-                  b(d(e(m)("ap.apForm.search.search")), 1)
+                  k(d(e(m)("ap.apForm.search.search")), 1)
                 ]),
                 _: 1
-              }, 8, ["class", "loading", "onClick"])
+              }, 8, ["loading", "onClick"])
             ]),
             _: 1
           })
@@ -89,11 +91,11 @@ const Y = /* @__PURE__ */ S({
             t(e(g), {
               ref_key: "triggerBtnRef",
               ref: F,
-              class: a([e(c)("trigger-btn"), { [e(c)("trigger-btn-active")]: i.value }])
+              class: l([e(c)("trigger-btn"), { [e(c)("trigger-btn-active")]: a.value }])
             }, {
               icon: o(() => [
-                x(u("sup", {
-                  class: a(e(c)("trigger-btn-badge"))
+                x(f("sup", {
+                  class: l(e(c)("trigger-btn-badge"))
                 }, d(e(v)), 3), [
                   [R, e(v) !== 0]
                 ]),

package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs

@@ -97,7 +97,10 @@ const X = /* @__PURE__ */ S({
         n("div", {
           class: o(e(f)("popover-footer"))
         }, [
-          t(e(_), { justify: "end" }, {
+          t(e(_), {
+            justify: "end",
+            gap: 8
+          }, {
             default: r(() => [
               t(e(g), {
                 onClick: u[0] || (u[0] = (d) => p.value = !1)

package/es/src/ap-form/search-form/hooks/use-sorter.mjs

@@ -1,12 +1,13 @@
 import { isBoolean as p } from "lodash-unified";
 import { ref as f, computed as c } from "vue";
-import { getStringName as d } from "../../item-group/helper.mjs";
-import { isDef as u } from "../../../utils/index.mjs";
-import { getTargetNode as m } from "./use-collapse-input-count.mjs";
+import { getStringName as m } from "../../item-group/helper.mjs";
+import "../../../utils/index.mjs";
+import { getTargetNode as d } from "./use-collapse-input-count.mjs";
+import { isDef as u } from "../../../utils/is.mjs";
 function l(n, r) {
   const i = new Set(n.map((o) => o.name)), a = /* @__PURE__ */ new Map();
   for (const o of r) {
-    const e = String(d(m(o).props?.name));
+    const e = String(m(d(o).props?.name));
     e && i.has(e) && a.set(e, o);
   }
   const s = /* @__PURE__ */ new Set(), t = [];
@@ -18,12 +19,12 @@ function l(n, r) {
     s.has(o) || t.push(o);
   return t;
 }
-const w = (n) => {
+const C = (n) => {
   const r = f(!1), i = c(() => (n.value || []).map((t) => {
-    const e = m(t).props;
+    const e = d(t).props;
     return {
       label: e.description || e.label || e.placeholder,
-      name: d(e.name),
+      name: m(e.name),
       isHidden: p(e.hidden) ? !!e.hidden : u(e.hidden)
     };
   }));
@@ -41,5 +42,5 @@ const w = (n) => {
   };
 };
 export {
-  w as useSorter
+  C as useSorter
 };

package/es/src/ap-form/search-form/index.vue.mjs

@@ -5,18 +5,19 @@ import "../item/index.vue2.mjs";
 import { genRealChildren as G } from "../item-group/helper.mjs";
 import "../../config-provider/index.mjs";
 import { isArray as xe, isBoolean as ye, omit as ve } from "lodash-unified";
-import { isDef as J } from "../../utils/index.mjs";
-import { execFunc as K, diffFormItem as Se } from "./utils.mjs";
+import "../../utils/index.mjs";
+import { execFunc as J, diffFormItem as Se } from "./utils.mjs";
 import "./components/popover-filter.vue.mjs";
 import { useCountPerRow as Ce } from "./hooks/use-count-per-row.mjs";
 import "./components/popover-sorter/index.vue.mjs";
 import { useSorter as we } from "./hooks/use-sorter.mjs";
 import { getTargetNode as Re } from "./hooks/use-collapse-input-count.mjs";
-import { floorWith as Q } from "@fruits-chain/utils";
 import { useDevWarning as _e } from "../../utils/warning.mjs";
 import be from "../style/search-form.mjs";
+import { floorWith as K } from "../../utils/format.mjs";
 import { useNamespace as Fe } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as Ae } from "../../config-provider/hooks/use-locale.mjs";
+import { isDef as Q } from "../../utils/is.mjs";
 import X from "../item/index.vue.mjs";
 import Ne from "./components/popover-filter.vue2.mjs";
 import Be from "./components/popover-sorter/index.vue2.mjs";
@@ -24,7 +25,7 @@ import Ie from "../ap-form.vue2.mjs";
 function Te(d) {
   return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !ce(d);
 }
-const r = 100, at = /* @__PURE__ */ ue({
+const r = 100, nt = /* @__PURE__ */ ue({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -133,14 +134,14 @@ const r = 100, at = /* @__PURE__ */ ue({
     } = Ae(), v = B(), E = B(), ee = Ce(t, E), W = B();
     function z() {
       const e = v.value?.getFieldsValueTransformed(!0);
-      K(t.onSubmit, e);
+      J(t.onSubmit, e);
     }
     function te() {
-      t.customReset || v.value?.resetFields?.(), K(t.onReset);
+      t.customReset || v.value?.resetFields?.(), J(t.onReset);
     }
-    const oe = (e) => J(e) ? (xe(e) ? e : [e]).join("") : Date.now();
+    const oe = (e) => Q(e) ? (xe(e) ? e : [e]).join("") : Date.now();
     let O = [];
-    const m = M(G(y.default())), c = M(y.extra?.()), L = w(() => Q(r / a(ee), 4)), {
+    const m = M(G(y.default())), c = M(y.extra?.()), L = w(() => K(r / a(ee), 4)), {
       items: b,
       sorted: $,
       handleClickConfirm: F
@@ -151,7 +152,7 @@ const r = 100, at = /* @__PURE__ */ ue({
       c.value = e;
     });
     function ae(e) {
-      return Q(e * (r / 24), 4);
+      return K(e * (r / 24), 4);
     }
     const n = w(() => {
       const e = m.value, u = [], l = [], g = [], s = a(L);
@@ -162,7 +163,7 @@ const r = 100, at = /* @__PURE__ */ ue({
         if (!D)
           return;
         const i = D.props;
-        if (ye(i.hidden) ? !!i.hidden : J(i.hidden))
+        if (ye(i.hidden) ? !!i.hidden : Q(i.hidden))
           u.push(N);
         else {
           let C = i.span ? ae(i.span) : s;
@@ -280,5 +281,5 @@ const r = 100, at = /* @__PURE__ */ ue({
   }
 });
 export {
-  at as default
+  nt as default
 };

package/es/src/ap-form/set/index.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as c, useSlots as u, cloneVNode as p, onMounted as f, createElementBlock as d, openBlock as o, Fragment as V, renderList as _, createBlock as y, resolveDynamicComponent as C } from "vue";
 import { useInjectForm as F } from "../context.mjs";
 import { isFunction as k, cloneDeep as g } from "lodash-unified";
-import { isPromise as h } from "@fruits-chain/utils";
+import { isPromise as h } from "../../utils/is.mjs";
 const I = /* @__PURE__ */ c({
   name: "ApFormSet",
   __name: "index",

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

@@ -1,18 +1,18 @@
 import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-const r = (n) => {
-  const { componentCls: e, namespace: t } = n;
+const i = (n) => {
+  const { componentCls: t, namespace: e } = n;
   return {
-    [e]: {
+    [t]: {
       // bordered
       "&--bordered": {
         boxSizing: "border-box",
-        border: `1px solid ${n.borderColorBase}`,
+        border: `${n.lineWidth} ${n.lineType} ${n.borderColorBase}`,
         borderRadius: n.borderRadius,
         paddingInline: n.space,
         ".ant-input-affix-wrapper": {
           padding: 0
         },
-        [`&:has(.${t}-batch-input-group):has(.ant-select)`]: {
+        [`&:has(.${e}-batch-input-group):has(.ant-select)`]: {
           ".ant-input-affix-wrapper": {
             paddingInlineEnd: n.space
           }
@@ -46,7 +46,7 @@ const r = (n) => {
           background: "unset !important"
         },
         ".ant-select-single .ant-select-selector": {
-          height: "30px !important"
+          height: `${n.controlHeight} !important`
         },
         "input.ant-input-number-input": {
           paddingInlineStart: 0
@@ -66,13 +66,13 @@ const r = (n) => {
         },
         ".ant-form-item-label > label": {
           paddingRight: n.spaceLG,
-          height: "30px",
+          height: n.controlHeight,
           "&::after": {
             margin: 0
           }
         },
         ".ant-form-item-control-input": {
-          minHeight: "30px",
+          minHeight: n.controlHeight,
           ".ant-select-single": {
             height: "unset"
           }
@@ -84,7 +84,7 @@ const r = (n) => {
           borderColor: n.activeColorBase,
           boxShadow: "0 0 0 2px rgba(5, 155, 255, 0.1)"
         },
-        [`.${t}-batch-input-group-popover-input__popover`]: {
+        [`.${e}-batch-input-group-popover-input__popover`]: {
           width: "calc(100% + 12px)"
         }
       },
@@ -104,14 +104,14 @@ const r = (n) => {
       ".ant-form-show-help": {
         ".ant-form-item-explain-error": {
           fontSize: n.fontSize,
-          lineHeight: "16px"
+          lineHeight: n.lineHeightSM
         }
       },
       ".ant-col .ant-form-item-extra": {
-        lineHeight: "22px",
+        lineHeight: n.lineHeightLG,
         minHeight: "unset",
-        marginBlockStart: "4px",
-        marginBlockEnd: "12px"
+        marginBlockStart: n.spaceXS,
+        marginBlockEnd: n.spaceLG
       },
       ".ant-input-group": {
         ".ant-picker:only-child": {
@@ -125,8 +125,8 @@ const r = (n) => {
       }
     }
   };
-}, o = a("ApForm", (n) => [r(n)]);
+}, o = a("ApForm", (n) => [i(n)]);
 export {
   o as default,
-  r as genApFormItemStyle
+  i as genApFormItemStyle
 };

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

@@ -9,7 +9,8 @@ const e = (o) => {
       ".ant-modal-header": {
         paddingInline: o.apFormModalHeaderPaddingInline,
         paddingBlock: o.apFormModalHeaderPaddingBlock,
-        borderBottom: "1px solid #E9EDF3",
+        // todo:边框颜色在这里没有合适的token可以对应，后续需要优化
+        borderBottom: `${o.lineWidth} ${o.lineType} #E9EDF3`,
         marginBottom: 0
       },
       [`${a}__content`]: {

package/es/src/ap-form/style/search-form-sorter.mjs

@@ -46,7 +46,7 @@ const l = (r) => {
         "> div": {
           border: `1px solid ${r.borderColorBase}`,
           borderRadius: r.borderRadius,
-          padding: "8px",
+          padding: r.space,
           display: "flex",
           alignItems: "center",
           backgroundColor: "#fff",

package/es/src/ap-form/style/search-form.d.ts

@@ -1,6 +1,12 @@
 import { GenStyleFunc, StyleMixin } from '../../design-token/interface';
 import { ComputedRef } from 'vue';
+export type SearchFormToken = {
+    /**
+     * 查询表单筛选弹框触发按钮徽标记尺寸
+     */
+    searchFormPopoverFilterBadgeSize: number;
+};
 export declare const genPopoverStyle: StyleMixin;
-export declare const genSearchFormStyle: GenStyleFunc;
+export declare const genSearchFormStyle: GenStyleFunc<SearchFormToken>;
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;