@aplus-frontend/ui 6.19.1 → 6.20.0

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

@@ -1,18 +1,18 @@
 import { ApFormModalFormProps } from '../interface';
 import { VNode, ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, CSSProperties } from 'vue';
-import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, RuleObject } from '@aplus-frontend/antdv/es/form/interface';
+import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
 import { Recordable } from '../../type';
+import { SizeType, ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
-import { SizeType, ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc, ApFormSubmitterConfig } from '..';
 import { OnCleanup } from '@vue/reactivity';
-import { LegacyButtonType, ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
+import { LegacyButtonType, ButtonHTMLType, ButtonIconPosition, ButtonVariantType } from '@aplus-frontend/antdv/es/button/buttonTypes';
+import { ButtonType, ButtonShape } from '@aplus-frontend/antdv/es/button';
 import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 type ApModalFormSlots = {
     trigger: any;
@@ -28,7 +28,7 @@ declare function __VLS_template(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly size?: "small" | "large" | "middle" | undefined;
+                readonly size?: SizeType;
                 readonly onSubmit?: ((e: Event) => void) | undefined;
                 readonly layout?: string | undefined;
                 readonly disabled?: boolean | undefined;
@@ -118,7 +118,7 @@ declare function __VLS_template(): {
                 readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
                 readonly initialValues?: Recordable | undefined;
                 readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
-                readonly syncToUrl?: (boolean | ((values: Recordable, type: "get" | "set") => Recordable)) | undefined;
+                readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
                 readonly syncToUrlPriority?: boolean | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
@@ -323,8 +323,8 @@ declare function __VLS_template(): {
                         default: string | string[];
                     };
                     size: {
-                        type: PropType<SizeType>;
-                        default: SizeType;
+                        type: PropType<ButtonSize>;
+                        default: ButtonSize;
                     };
                     disabled: {
                         type: BooleanConstructor;
@@ -351,7 +351,7 @@ declare function __VLS_template(): {
                         default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                    size: SizeType;
+                    size: ButtonSize;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
@@ -643,8 +643,8 @@ declare function __VLS_template(): {
                         default: string | string[];
                     };
                     size: {
-                        type: PropType<SizeType>;
-                        default: SizeType;
+                        type: PropType<ButtonSize>;
+                        default: ButtonSize;
                     };
                     disabled: {
                         type: BooleanConstructor;
@@ -671,7 +671,7 @@ declare function __VLS_template(): {
                         default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                    size: SizeType;
+                    size: ButtonSize;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
@@ -958,6 +958,13 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                 onMousedown: {
                     type: PropType< MouseEventHandler | MouseEventHandler[]>;
                 };
+                autoInsertSpace: BooleanConstructor;
+                iconPosition: {
+                    type: PropType<ButtonIconPosition>;
+                    default: string;
+                };
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                variant: PropType<ButtonVariantType>;
             }>>>;
             default: Partial< ExtractPropTypes<{
                 prefixCls: StringConstructor;
@@ -1006,6 +1013,13 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                 onMousedown: {
                     type: PropType< MouseEventHandler | MouseEventHandler[]>;
                 };
+                autoInsertSpace: BooleanConstructor;
+                iconPosition: {
+                    type: PropType<ButtonIconPosition>;
+                    default: string;
+                };
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                variant: PropType<ButtonVariantType>;
             }>>;
         };
         cancelButtonProps: {
@@ -1056,6 +1070,13 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                 onMousedown: {
                     type: PropType< MouseEventHandler | MouseEventHandler[]>;
                 };
+                autoInsertSpace: BooleanConstructor;
+                iconPosition: {
+                    type: PropType<ButtonIconPosition>;
+                    default: string;
+                };
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                variant: PropType<ButtonVariantType>;
             }>>>;
             default: Partial< ExtractPropTypes<{
                 prefixCls: StringConstructor;
@@ -1104,6 +1125,13 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                 onMousedown: {
                     type: PropType< MouseEventHandler | MouseEventHandler[]>;
                 };
+                autoInsertSpace: BooleanConstructor;
+                iconPosition: {
+                    type: PropType<ButtonIconPosition>;
+                    default: string;
+                };
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                variant: PropType<ButtonVariantType>;
             }>>;
         };
         destroyOnClose: {
@@ -1160,7 +1188,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
         $: ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly size?: "small" | "large" | "middle" | undefined;
+            readonly size?: SizeType;
             readonly onSubmit?: ((e: Event) => void) | undefined;
             readonly layout?: string | undefined;
             readonly disabled?: boolean | undefined;
@@ -1250,7 +1278,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
-            readonly syncToUrl?: (boolean | ((values: Recordable, type: "get" | "set") => Recordable)) | undefined;
+            readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
             readonly syncToUrlPriority?: boolean | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {
@@ -1455,8 +1483,8 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: string | string[];
                 };
                 size: {
-                    type: PropType<SizeType>;
-                    default: SizeType;
+                    type: PropType<ButtonSize>;
+                    default: ButtonSize;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1483,7 +1511,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                size: SizeType;
+                size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
@@ -1775,8 +1803,8 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: string | string[];
                 };
                 size: {
-                    type: PropType<SizeType>;
-                    default: SizeType;
+                    type: PropType<ButtonSize>;
+                    default: ButtonSize;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1803,7 +1831,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                size: SizeType;
+                size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];

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

@@ -1,4 +1,4 @@
-import { isVNode as A, defineComponent as D, useSlots as L, ref as p, watch as G, cloneVNode as I, computed as K, createVNode as u, mergeProps as b, unref as s, openBlock as g, createElementBlock as W, Fragment as H, withCtx as h, renderSlot as P, createTextVNode as J, toDisplayString as Q, createElementVNode as X, normalizeStyle as Y, normalizeClass as Z, createBlock as w, resolveDynamicComponent as N, createCommentVNode as ee } from "vue";
+import { isVNode as A, defineComponent as D, useSlots as L, ref as p, watch as G, cloneVNode as I, computed as K, createVNode as u, mergeProps as b, unref as s, createElementBlock as W, openBlock as g, Fragment as H, createBlock as P, createCommentVNode as J, withCtx as h, createElementVNode as Q, normalizeClass as X, normalizeStyle as Y, renderSlot as w, resolveDynamicComponent as N, createTextVNode as Z, toDisplayString as ee } from "vue";
 import { Button as V, Flex as te, Space as le, Modal as ae } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
@@ -250,7 +250,7 @@ const Re = /* @__PURE__ */ D({
       "onUpdate:open": $,
       onCancel: k
     }), {
-      title: h(() => [P(e.$slots, "title", {}, () => [J(Q(a.title), 1)])]),
+      title: h(() => [w(e.$slots, "title", {}, () => [Z(ee(a.title), 1)])]),
       default: h(() => [u(de, b({
         ref_key: "formRef",
         ref: o
@@ -259,17 +259,17 @@ const Re = /* @__PURE__ */ D({
       }), {
         default: h(() => {
           var l;
-          return [X("div", {
+          return [Q("div", {
             style: Y((l = e.modalProps) == null ? void 0 : l.bodyStyle),
-            class: Z(s(F)("content"))
-          }, [P(e.$slots, "default")], 6), (g(), w(N(O.value)))];
+            class: X(s(F)("content"))
+          }, [w(e.$slots, "default")], 6), (g(), P(N(O.value)))];
         }),
         _: 3
       }, 16)]),
       _: 3
-    }, 16, ["open", "width", "class"]), s(B) ? (g(), w(N(s(B)), {
+    }, 16, ["open", "width", "class"]), s(B) ? (g(), P(N(s(B)), {
       key: 0
-    })) : ee("", !0)], 64));
+    })) : J("", !0)], 64));
   }
 });
 export {

package/es/src/ap-form/render/item.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as m, useSlots as c, openBlock as B, createBlock as v, unref as e, normalizeProps as o, guardReactiveProps as l, createSlots as y, withCtx as t, createVNode as x, renderSlot as s, renderList as _ } from "vue";
+import { defineComponent as m, useSlots as c, createBlock as B, openBlock as v, unref as e, normalizeProps as o, guardReactiveProps as l, createSlots as y, withCtx as t, createVNode as x, renderSlot as s, renderList as _ } from "vue";
 import { omit as g } from "lodash-unified";
 import { ApForm as d } from "../index.mjs";
 const S = /* @__PURE__ */ m({
@@ -49,7 +49,7 @@ const S = /* @__PURE__ */ m({
   },
   setup(p) {
     const i = p, u = c();
-    return (a, h) => (B(), v(e(d).FormItem, o(l(i)), y({
+    return (a, h) => (v(), B(e(d).FormItem, o(l(i)), y({
       default: t(() => [
         x(e(d).ControlRender, null, {
           default: t((r) => [

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

@@ -1,7 +1,8 @@
 import { ApFormSearchFormPopoverFilterProps } from '../../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, GlobalComponents, GlobalDirectives } from 'vue';
-import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
-import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
+import { ButtonType, ButtonShape } from '@aplus-frontend/antdv/es/button';
+import { ButtonHTMLType, ButtonIconPosition, ButtonVariantType } from '@aplus-frontend/antdv/es/button/buttonTypes';
+import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
 import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
@@ -17,7 +18,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             type: PropType<ButtonShape>;
         };
         size: {
-            type: PropType<ButtonSize>;
+            type: PropType<SizeType>;
         };
         loading: {
             type: PropType<boolean | {
@@ -53,15 +54,24 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
         onMousedown: {
             type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
+        autoInsertSpace: BooleanConstructor;
+        iconPosition: {
+            type: PropType<ButtonIconPosition>;
+            default: string;
+        };
+        color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+        variant: PropType<ButtonVariantType>;
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         block: boolean;
         disabled: boolean;
-        danger: boolean;
-        ghost: boolean;
-        htmlType: ButtonHTMLType;
+        autoInsertSpace: boolean;
         loading: boolean | {
             delay?: number;
         };
+        danger: boolean;
+        htmlType: ButtonHTMLType;
+        ghost: boolean;
+        iconPosition: ButtonIconPosition;
     }, true, {}, CustomSlotsType<{
         icon: any;
         default: any;
@@ -83,7 +93,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             type: PropType<ButtonShape>;
         };
         size: {
-            type: PropType<ButtonSize>;
+            type: PropType<SizeType>;
         };
         loading: {
             type: PropType<boolean | {
@@ -119,15 +129,24 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
         onMousedown: {
             type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
+        autoInsertSpace: BooleanConstructor;
+        iconPosition: {
+            type: PropType<ButtonIconPosition>;
+            default: string;
+        };
+        color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+        variant: PropType<ButtonVariantType>;
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
         block: boolean;
         disabled: boolean;
-        danger: boolean;
-        ghost: boolean;
-        htmlType: ButtonHTMLType;
+        autoInsertSpace: boolean;
         loading: boolean | {
             delay?: number;
         };
+        danger: boolean;
+        htmlType: ButtonHTMLType;
+        ghost: boolean;
+        iconPosition: ButtonIconPosition;
     }> | null;
 }, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { defineComponent as h, ref as y, toRef as w, openBlock as s, createBlock as u, unref as e, withCtx as o, createElementVNode as f, normalizeClass as a, createVNode as t, createElementBlock as x, Fragment as R, renderList as S, resolveDynamicComponent as D, createTextVNode as b, toDisplayString as g, withDirectives as L, vShow as N } from "vue";
-import { Popover as P, Row as T, Col as V, Divider as z, Flex as A, Button as d, Tooltip as E } from "@aplus-frontend/antdv";
+import { defineComponent as h, ref as y, toRef as w, createBlock as u, openBlock as s, unref as e, withCtx as o, createVNode as t, normalizeClass as a, withDirectives as x, createElementVNode as f, toDisplayString as g, vShow as R, createElementBlock as S, Fragment as D, renderList as L, resolveDynamicComponent as N, createTextVNode as b } from "vue";
+import { Popover as P, Tooltip as T, Button as d, Row as V, Col as z, Divider as A, Flex as E } from "@aplus-frontend/antdv";
 import { IconApFilterOutlined as I } from "@aplus-frontend/icon";
 import "../../../config-provider/index.mjs";
 import { useCollapseInputCount as j } from "../hooks/use-collapse-input-count.mjs";
@@ -34,14 +34,14 @@ const Q = /* @__PURE__ */ h({
           class: a([e(i)("popover-content")]),
           style: { paddingBottom: "4px", width: "825px" }
         }, [
-          t(e(T), { gutter: 8 }, {
+          t(e(V), { gutter: 8 }, {
             default: o(() => [
-              (s(!0), x(R, null, S(r.config, (n) => (s(), u(e(V), {
+              (s(!0), S(D, null, L(r.config, (n) => (s(), u(e(z), {
                 key: n.key,
                 span: 8
               }, {
                 default: o(() => [
-                  (s(), u(D(n.node)))
+                  (s(), u(N(n.node)))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -49,11 +49,11 @@ const Q = /* @__PURE__ */ h({
             _: 1
           })
         ], 2),
-        t(e(z), { style: { margin: "0" } }),
+        t(e(A), { style: { margin: "0" } }),
         f("div", {
           class: a(e(i)("popover-footer"))
         }, [
-          t(e(A), { justify: "end" }, {
+          t(e(E), { justify: "end" }, {
             default: o(() => [
               t(e(d), {
                 onClick: l[0] || (l[0] = (n) => p.value = !1)
@@ -80,7 +80,7 @@ const Q = /* @__PURE__ */ h({
         ], 2)
       ]),
       default: o(() => [
-        t(e(E), {
+        t(e(T), {
           title: e(m)("ap.apForm.search.moreFilter"),
           placement: "top"
         }, {
@@ -91,10 +91,10 @@ const Q = /* @__PURE__ */ h({
               class: a([e(c)("trigger-btn"), { [e(c)("trigger-btn-active")]: p.value }])
             }, {
               icon: o(() => [
-                L(f("sup", {
+                x(f("sup", {
                   class: a(e(c)("trigger-btn-badge"))
                 }, g(e(v)), 3), [
-                  [N, e(v) !== 0]
+                  [R, e(v) !== 0]
                 ]),
                 t(e(I), { size: 14 })
               ]),

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

@@ -1,5 +1,5 @@
-import { defineComponent as D, ref as y, watch as k, unref as e, openBlock as L, createBlock as P, withCtx as r, createElementVNode as n, normalizeClass as t, toDisplayString as m, createVNode as o, createTextVNode as b } from "vue";
-import { Popover as S, Flex as _, Divider as V, Button as g, Tooltip as j } from "@aplus-frontend/antdv";
+import { defineComponent as D, ref as y, watch as k, unref as e, createBlock as L, openBlock as P, withCtx as r, createVNode as t, normalizeClass as o, createElementVNode as n, toDisplayString as m, createTextVNode as b } from "vue";
+import { Popover as S, Tooltip as V, Button as g, Flex as _, Divider as j } from "@aplus-frontend/antdv";
 import { IconApLayoutOutlined as z } from "@aplus-frontend/icon";
 import "../../../../config-provider/index.mjs";
 import A from "vuedraggable";
@@ -41,7 +41,7 @@ const M = /* @__PURE__ */ D({
       }
     ), w({
       getCachedList: () => h
-    }), (a, u) => (L(), P(e(S), {
+    }), (a, u) => (P(), L(e(S), {
       open: p.value,
       "onUpdate:open": u[1] || (u[1] = (d) => p.value = d),
       "overlay-class-name": e(f)("popover"),
@@ -53,25 +53,25 @@ const M = /* @__PURE__ */ D({
     }, {
       content: r(() => [
         n("div", {
-          class: t(e(s)("header"))
+          class: o(e(s)("header"))
         }, [
           n("span", {
-            class: t(e(s)("header-title"))
+            class: o(e(s)("header-title"))
           }, m(e(c)("ap.apForm.search.sorterTitle")), 3),
-          o(e(_), {
+          t(e(_), {
             justify: "space-between",
             align: "center"
           }, {
             default: r(() => [
               n("span", {
-                class: t(e(s)("header-desc"))
+                class: o(e(s)("header-desc"))
               }, m(e(c)("ap.apForm.search.sorterDesc")), 3),
               n("div", {
-                class: t(e(s)("header-action-wrapper")),
+                class: o(e(s)("header-action-wrapper")),
                 onClick: N
               }, [
                 n("span", {
-                  class: t(e(s)("header-reset-btn"))
+                  class: o(e(s)("header-reset-btn"))
                 }, m(e(c)("ap.apForm.search.sorterReset")), 3)
               ], 2)
             ]),
@@ -79,26 +79,26 @@ const M = /* @__PURE__ */ D({
           })
         ], 2),
         n("div", {
-          class: t([e(f)("popover-content"), e(s)("content")])
+          class: o([e(f)("popover-content"), e(s)("content")])
         }, [
-          o(e(A), {
+          t(e(A), {
             list: i.value,
-            class: t(e(s)("sorter-wrapper")),
+            class: o(e(s)("sorter-wrapper")),
             "item-key": "name"
           }, {
             item: r(({ element: d }) => [
-              o($, { item: d }, null, 8, ["item"])
+              t($, { item: d }, null, 8, ["item"])
             ]),
             _: 1
           }, 8, ["list", "class"])
         ], 2),
-        o(e(V), { style: { margin: "0" } }),
+        t(e(j), { style: { margin: "0" } }),
         n("div", {
-          class: t(e(f)("popover-footer"))
+          class: o(e(f)("popover-footer"))
         }, [
-          o(e(_), { justify: "end" }, {
+          t(e(_), { justify: "end" }, {
             default: r(() => [
-              o(e(g), {
+              t(e(g), {
                 onClick: u[0] || (u[0] = (d) => p.value = !1)
               }, {
                 default: r(() => [
@@ -106,8 +106,8 @@ const M = /* @__PURE__ */ D({
                 ]),
                 _: 1
               }),
-              o(e(g), {
-                class: t(e(f)("popover-footer-confirm-btn")),
+              t(e(g), {
+                class: o(e(f)("popover-footer-confirm-btn")),
                 type: "primary",
                 onClick: T
               }, {
@@ -122,16 +122,16 @@ const M = /* @__PURE__ */ D({
         ], 2)
       ]),
       default: r(() => [
-        o(e(j), {
+        t(e(V), {
           title: e(c)("ap.apForm.search.sorterTitle"),
           placement: "top"
         }, {
           default: r(() => [
-            o(e(g), {
-              class: t([e(C)("trigger-btn"), { [e(C)("trigger-btn-active")]: p.value }])
+            t(e(g), {
+              class: o([e(C)("trigger-btn"), { [e(C)("trigger-btn-active")]: p.value }])
             }, {
               icon: r(() => [
-                o(e(z), { size: 14 })
+                t(e(z), { size: 14 })
               ]),
               _: 1
             }, 8, ["class"])

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

@@ -1,4 +1,4 @@
-import { defineComponent as i, openBlock as l, createElementBlock as m, normalizeClass as o, unref as e, createElementVNode as s, createVNode as a, toDisplayString as n } from "vue";
+import { defineComponent as i, createElementBlock as l, openBlock as m, normalizeClass as o, unref as e, createElementVNode as s, createVNode as a, toDisplayString as n } from "vue";
 import { HolderOutlined as c } from "@ant-design/icons-vue";
 import "../../../../config-provider/index.mjs";
 import { useNamespace as p } from "../../../../config-provider/hooks/use-namespace.mjs";
@@ -10,7 +10,7 @@ const d = ["title"], N = /* @__PURE__ */ i({
   },
   setup(f) {
     const { b: t } = p("search-form-sorter");
-    return (r, u) => (l(), m("div", {
+    return (r, u) => (m(), l("div", {
       class: o([e(t)("sorter-item"), { [e(t)("sorter-item--hidden")]: r.item.isHidden }])
     }, [
       s("div", null, [