@aplus-frontend/ui 0.5.37 → 0.6.0-beta.0

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

@@ -49,17 +49,16 @@ declare function __VLS_template(): {
                 readonly bordered?: boolean | undefined;
                 readonly prefixCls?: string | undefined;
                 readonly name?: string | undefined;
-                readonly autocomplete?: string | undefined;
-                readonly status?: "" | "error" | "warning" | undefined;
-                readonly id?: string | undefined;
-                readonly placeholder?: string | number | undefined;
-                readonly prefix?: any;
                 readonly loading?: boolean | undefined;
                 readonly autofocus?: boolean | undefined;
                 readonly 'onUpdate:value'?: (((val: string) => void) & ((...args: any[]) => any)) | undefined;
                 readonly suffix?: any;
                 readonly focused?: boolean | undefined;
+                readonly placeholder?: string | number | undefined;
+                readonly handleReset?: MouseEventHandler | undefined;
                 readonly defaultValue?: string | number | undefined;
+                readonly id?: string | undefined;
+                readonly autocomplete?: string | undefined;
                 readonly maxlength?: number | undefined;
                 readonly showCount?: boolean | ShowCountProps | undefined;
                 readonly htmlSize?: number | undefined;
@@ -67,12 +66,13 @@ declare function __VLS_template(): {
                 readonly onMouseUp?: MouseEventHandler | undefined;
                 readonly onRawInput?: ChangeEventHandler | undefined;
                 readonly valueModifiers?: Record<string, any> | undefined;
+                readonly status?: "" | "error" | "warning" | undefined;
                 readonly inputElement?: any;
                 readonly triggerFocus?: (() => void) | undefined;
                 readonly readonly?: boolean | undefined;
-                readonly handleReset?: MouseEventHandler | undefined;
                 readonly addonBefore?: any;
                 readonly addonAfter?: any;
+                readonly prefix?: any;
                 readonly clearIcon?: any;
                 readonly allowClear?: boolean | undefined;
                 readonly inputPrefixCls?: string | undefined;
@@ -179,12 +179,12 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
     blur: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemTextPasswordProps> & Readonly<{}>, {
     disabled: boolean;
-    field: Omit< ApFieldTextPasswordProps, "value" | "onUpdate:value">;
-    colon: boolean;
-    required: boolean;
     hasFeedback: boolean;
+    colon: boolean;
     autoLink: boolean;
+    required: boolean;
     validateFirst: boolean;
+    field: Omit< ApFieldTextPasswordProps, "value" | "onUpdate:value">;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     inputRef: ({
         $: ComponentInternalInstance;
@@ -211,17 +211,16 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly bordered?: boolean | undefined;
             readonly prefixCls?: string | undefined;
             readonly name?: string | undefined;
-            readonly autocomplete?: string | undefined;
-            readonly status?: "" | "error" | "warning" | undefined;
-            readonly id?: string | undefined;
-            readonly placeholder?: string | number | undefined;
-            readonly prefix?: any;
             readonly loading?: boolean | undefined;
             readonly autofocus?: boolean | undefined;
             readonly 'onUpdate:value'?: (((val: string) => void) & ((...args: any[]) => any)) | undefined;
             readonly suffix?: any;
             readonly focused?: boolean | undefined;
+            readonly placeholder?: string | number | undefined;
+            readonly handleReset?: MouseEventHandler | undefined;
             readonly defaultValue?: string | number | undefined;
+            readonly id?: string | undefined;
+            readonly autocomplete?: string | undefined;
             readonly maxlength?: number | undefined;
             readonly showCount?: boolean | ShowCountProps | undefined;
             readonly htmlSize?: number | undefined;
@@ -229,12 +228,13 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly onMouseUp?: MouseEventHandler | undefined;
             readonly onRawInput?: ChangeEventHandler | undefined;
             readonly valueModifiers?: Record<string, any> | undefined;
+            readonly status?: "" | "error" | "warning" | undefined;
             readonly inputElement?: any;
             readonly triggerFocus?: (() => void) | undefined;
             readonly readonly?: boolean | undefined;
-            readonly handleReset?: MouseEventHandler | undefined;
             readonly addonBefore?: any;
             readonly addonAfter?: any;
+            readonly prefix?: any;
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
             readonly inputPrefixCls?: string | undefined;

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

@@ -321,12 +321,12 @@ declare const __VLS_component: DefineComponent<ApFormItemTextAreaProps, {
     resizableTextArea: any;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemTextAreaProps> & Readonly<{}>, {
     disabled: boolean;
-    field: Omit< ApFieldTextAreaProps, "value" | "onUpdate:value">;
-    colon: boolean;
-    required: boolean;
     hasFeedback: boolean;
+    colon: boolean;
     autoLink: boolean;
+    required: boolean;
     validateFirst: boolean;
+    field: Omit< ApFieldTextAreaProps, "value" | "onUpdate:value">;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     textAreaRef: CreateComponentPublicInstanceWithMixins<Readonly< ApFieldTextAreaProps> & Readonly<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;

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

@@ -71,22 +71,21 @@ declare function __VLS_template(): {
                 readonly animation?: string | undefined;
                 readonly children?: VueNode[] | undefined;
                 readonly bordered?: boolean | undefined;
-                readonly getPopupContainer?: RenderDOMFunc | undefined;
                 readonly prefixCls?: string | undefined;
-                readonly virtual?: boolean | undefined;
-                readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                readonly showSearch?: boolean | undefined;
-                readonly status?: "" | "error" | "warning" | undefined;
-                readonly transitionName?: string | undefined;
-                readonly id?: string | undefined;
-                readonly placeholder?: any;
-                readonly tabindex?: number | undefined;
                 readonly loading?: boolean | undefined;
+                readonly transitionName?: string | undefined;
                 readonly autofocus?: boolean | undefined;
                 readonly 'onUpdate:value'?: (((value: any) => void) & ((...args: any[]) => any)) | undefined;
+                readonly getPopupContainer?: RenderDOMFunc | undefined;
+                readonly placeholder?: any;
                 readonly defaultValue?: unknown;
+                readonly virtual?: boolean | undefined;
+                readonly dropdownMatchSelectWidth?: number | boolean | undefined;
+                readonly id?: string | undefined;
+                readonly status?: "" | "error" | "warning" | undefined;
                 readonly clearIcon?: any;
                 readonly allowClear?: boolean | undefined;
+                readonly tabindex?: number | undefined;
                 readonly dropdownClassName?: string | undefined;
                 readonly dropdownAlign?: AlignType | undefined;
                 readonly defaultOpen?: boolean | undefined;
@@ -101,6 +100,7 @@ declare function __VLS_template(): {
                 readonly fieldNames?: FieldNames | undefined;
                 readonly dropdownStyle?: CSSProperties | undefined;
                 readonly dropdownRender?: DropdownRender | undefined;
+                readonly showSearch?: boolean | undefined;
                 readonly searchValue?: string | undefined;
                 readonly onInputKeyDown?: ((e: KeyboardEvent) => void) | undefined;
                 readonly removeIcon?: any;
@@ -714,13 +714,13 @@ declare function __VLS_template(): {
                 multiple: boolean;
                 disabled: boolean;
                 bordered: boolean;
-                virtual: boolean;
-                dropdownMatchSelectWidth: number | boolean;
-                showSearch: boolean;
                 loading: boolean;
                 autofocus: boolean;
+                virtual: boolean;
+                dropdownMatchSelectWidth: number | boolean;
                 allowClear: boolean;
                 defaultOpen: boolean;
+                showSearch: boolean;
                 showArrow: boolean;
                 autoClearSearchValue: boolean;
                 labelInValue: boolean;
@@ -754,13 +754,13 @@ declare function __VLS_template(): {
             multiple: boolean;
             disabled: boolean;
             bordered: boolean;
-            virtual: boolean;
-            dropdownMatchSelectWidth: number | boolean;
-            showSearch: boolean;
             loading: boolean;
             autofocus: boolean;
+            virtual: boolean;
+            dropdownMatchSelectWidth: number | boolean;
             allowClear: boolean;
             defaultOpen: boolean;
+            showSearch: boolean;
             showArrow: boolean;
             autoClearSearchValue: boolean;
             labelInValue: boolean;
@@ -770,7 +770,7 @@ declare function __VLS_template(): {
             emptyText: string;
         }> & Omit<Readonly< ApFieldTreeSelectProps> & Readonly<{
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "showSearch" | "loading" | "autofocus" | "allowClear" | "defaultOpen" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
+        }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "loading" | "autofocus" | "virtual" | "dropdownMatchSelectWidth" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
             blur: () => void;
             focus: () => void;
             request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
@@ -811,12 +811,12 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
     request: (currentNode?: LegacyDataNode, clear?: boolean) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemTreeSelectProps> & Readonly<{}>, {
     disabled: boolean;
-    field: Omit< ApFieldTreeSelectProps, "value" | "onUpdate:value">;
-    colon: boolean;
-    required: boolean;
     hasFeedback: boolean;
+    colon: boolean;
     autoLink: boolean;
+    required: boolean;
     validateFirst: boolean;
+    field: Omit< ApFieldTreeSelectProps, "value" | "onUpdate:value">;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     treeSelectRef: ({
         $: ComponentInternalInstance;
@@ -845,22 +845,21 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
             readonly animation?: string | undefined;
             readonly children?: VueNode[] | undefined;
             readonly bordered?: boolean | undefined;
-            readonly getPopupContainer?: RenderDOMFunc | undefined;
             readonly prefixCls?: string | undefined;
-            readonly virtual?: boolean | undefined;
-            readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-            readonly showSearch?: boolean | undefined;
-            readonly status?: "" | "error" | "warning" | undefined;
-            readonly transitionName?: string | undefined;
-            readonly id?: string | undefined;
-            readonly placeholder?: any;
-            readonly tabindex?: number | undefined;
             readonly loading?: boolean | undefined;
+            readonly transitionName?: string | undefined;
             readonly autofocus?: boolean | undefined;
             readonly 'onUpdate:value'?: (((value: any) => void) & ((...args: any[]) => any)) | undefined;
+            readonly getPopupContainer?: RenderDOMFunc | undefined;
+            readonly placeholder?: any;
             readonly defaultValue?: unknown;
+            readonly virtual?: boolean | undefined;
+            readonly dropdownMatchSelectWidth?: number | boolean | undefined;
+            readonly id?: string | undefined;
+            readonly status?: "" | "error" | "warning" | undefined;
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
+            readonly tabindex?: number | undefined;
             readonly dropdownClassName?: string | undefined;
             readonly dropdownAlign?: AlignType | undefined;
             readonly defaultOpen?: boolean | undefined;
@@ -875,6 +874,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
             readonly fieldNames?: FieldNames | undefined;
             readonly dropdownStyle?: CSSProperties | undefined;
             readonly dropdownRender?: DropdownRender | undefined;
+            readonly showSearch?: boolean | undefined;
             readonly searchValue?: string | undefined;
             readonly onInputKeyDown?: ((e: KeyboardEvent) => void) | undefined;
             readonly removeIcon?: any;
@@ -1488,13 +1488,13 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
             multiple: boolean;
             disabled: boolean;
             bordered: boolean;
-            virtual: boolean;
-            dropdownMatchSelectWidth: number | boolean;
-            showSearch: boolean;
             loading: boolean;
             autofocus: boolean;
+            virtual: boolean;
+            dropdownMatchSelectWidth: number | boolean;
             allowClear: boolean;
             defaultOpen: boolean;
+            showSearch: boolean;
             showArrow: boolean;
             autoClearSearchValue: boolean;
             labelInValue: boolean;
@@ -1528,13 +1528,13 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
         multiple: boolean;
         disabled: boolean;
         bordered: boolean;
-        virtual: boolean;
-        dropdownMatchSelectWidth: number | boolean;
-        showSearch: boolean;
         loading: boolean;
         autofocus: boolean;
+        virtual: boolean;
+        dropdownMatchSelectWidth: number | boolean;
         allowClear: boolean;
         defaultOpen: boolean;
+        showSearch: boolean;
         showArrow: boolean;
         autoClearSearchValue: boolean;
         labelInValue: boolean;
@@ -1544,7 +1544,7 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
         emptyText: string;
     }> & Omit<Readonly< ApFieldTreeSelectProps> & Readonly<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "virtual" | "dropdownMatchSelectWidth" | "showSearch" | "loading" | "autofocus" | "allowClear" | "defaultOpen" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "request" | ("mode" | "open" | "multiple" | "disabled" | "bordered" | "loading" | "autofocus" | "virtual" | "dropdownMatchSelectWidth" | "allowClear" | "defaultOpen" | "showSearch" | "showArrow" | "autoClearSearchValue" | "labelInValue" | "treeCheckable" | "treeDefaultExpandAll" | "treeCheckStrictly" | "emptyText")> & ShallowUnwrapRef<{
         blur: () => void;
         focus: () => void;
         request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;

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

@@ -1,11 +1,11 @@
 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, ValidateMessages, FormLabelAlign, FieldData, ValidateErrorEntity } 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 { ButtonSize, SizeType, ButtonType, ButtonShape } from '@aplus-frontend/antdv/es/button';
-import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 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 { VueNode } from '@aplus-frontend/antdv/es/_util/type';
@@ -32,10 +32,6 @@ declare function __VLS_template(): {
                 readonly layout?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly prefixCls?: string | undefined;
-                readonly name?: string | undefined;
-                readonly validateMessages?: ValidateMessages | undefined;
-                readonly requiredMark?: "" | RequiredMark | undefined;
-                readonly colon?: boolean | undefined;
                 readonly labelCol?: (Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -102,13 +98,17 @@ declare function __VLS_template(): {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes) | undefined;
+                readonly colon?: boolean | undefined;
                 readonly labelAlign?: FormLabelAlign | undefined;
+                readonly name?: string | undefined;
                 readonly rules?: {
                     [k: string]: RuleObject | RuleObject[];
                 } | undefined;
                 readonly validateTrigger?: string | string[] | undefined;
                 readonly labelWrap?: boolean | undefined;
+                readonly requiredMark?: "" | RequiredMark | undefined;
                 readonly hideRequiredMark?: boolean | undefined;
+                readonly validateMessages?: ValidateMessages | undefined;
                 readonly validateOnRuleChange?: boolean | undefined;
                 readonly scrollToFirstError?: boolean | Options<any> | undefined;
                 readonly onFieldsChange?: ((changedFields: FieldData[], allFields: FieldData[]) => void) | undefined;
@@ -1162,10 +1162,6 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
             readonly layout?: string | undefined;
             readonly disabled?: boolean | undefined;
             readonly prefixCls?: string | undefined;
-            readonly name?: string | undefined;
-            readonly validateMessages?: ValidateMessages | undefined;
-            readonly requiredMark?: "" | RequiredMark | undefined;
-            readonly colon?: boolean | undefined;
             readonly labelCol?: (Partial< ExtractPropTypes<{
                 span: (StringConstructor | NumberConstructor)[];
                 order: (StringConstructor | NumberConstructor)[];
@@ -1232,13 +1228,17 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                 prefixCls: StringConstructor;
                 flex: (StringConstructor | NumberConstructor)[];
             }>> & HTMLAttributes) | undefined;
+            readonly colon?: boolean | undefined;
             readonly labelAlign?: FormLabelAlign | undefined;
+            readonly name?: string | undefined;
             readonly rules?: {
                 [k: string]: RuleObject | RuleObject[];
             } | undefined;
             readonly validateTrigger?: string | string[] | undefined;
             readonly labelWrap?: boolean | undefined;
+            readonly requiredMark?: "" | RequiredMark | undefined;
             readonly hideRequiredMark?: boolean | undefined;
+            readonly validateMessages?: ValidateMessages | undefined;
             readonly validateOnRuleChange?: boolean | undefined;
             readonly scrollToFirstError?: boolean | Options<any> | undefined;
             readonly onFieldsChange?: ((changedFields: FieldData[], allFields: FieldData[]) => void) | undefined;

package/lib/src/ap-form/render/item.vue.d.ts

@@ -15,10 +15,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFormItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ApFormItemProps> & Readonly<{}>, {
     bordered: boolean;
-    colon: boolean;
-    required: boolean;
     hasFeedback: boolean;
+    colon: boolean;
     autoLink: boolean;
+    required: boolean;
     validateFirst: boolean;
     valuePropName: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,4 @@
+import { ApFormSearchFormPopoverFilterProps } from '../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormSearchFormPopoverFilterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/src/ap-form/search-form/components/popover-filter.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./popover-filter.vue2.js");exports.default=e.default;

package/lib/src/ap-form/search-form/components/popover-filter.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),i=require("@aplus-frontend/icon");require("../../../config-provider/index.js");const s=require("../../../config-provider/hooks/use-namespace.js"),p=require("../../../config-provider/hooks/use-locale.js"),d=e.defineComponent({name:"ApFormSearchFormPopoverFilter",__name:"popover-filter",props:{config:{},onSubmit:{type:Function},submitLoading:{type:Boolean}},setup(f){const{e:r}=s.useNamespace("ap-form-search-form"),{t:l}=p.useLocale(),u=e.ref(!1);function c(o){return o.closest(".ant-form")||document.body}return(o,a)=>(e.openBlock(),e.createBlock(e.unref(t.Popover),{open:u.value,"onUpdate:open":a[1]||(a[1]=n=>u.value=n),"overlay-class-name":e.unref(r)("popover"),trigger:"click",placement:"bottom",mask:"","mask-style":{backgroundColor:"transparent"},"get-popup-container":c},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r)("popover-content")]),style:{paddingBottom:0,width:"825px"}},[e.createVNode(e.unref(t.Row),{gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.config,n=>(e.openBlock(),e.createBlock(e.unref(t.Col),{key:n.key,span:8},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.node)))]),_:2},1024))),128))]),_:1})],2),e.createVNode(e.unref(t.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("popover-footer"))},[e.createVNode(e.unref(t.Flex),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{onClick:a[0]||(a[0]=n=>u.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("ap.common.cancelText")),1)]),_:1}),e.createVNode(e.unref(t.Button),{class:e.normalizeClass(e.unref(r)("popover-footer-confirm-btn")),type:"primary",loading:o.submitLoading,onClick:o.onSubmit},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("ap.apForm.search.search")),1)]),_:1},8,["class","loading","onClick"])]),_:1})],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Tooltip),{title:e.unref(l)("ap.apForm.search.moreFilter"),placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),null,{icon:e.withCtx(()=>[e.createVNode(e.unref(i.IconApFilterOutlined))]),_:1})]),_:1},8,["title"])]),_:1},8,["open","overlay-class-name"]))}});exports.default=d;

package/lib/src/ap-form/search-form/components/popover-sorter/index.vue.d.ts

@@ -0,0 +1,4 @@
+import { ApFormSearchFormPopoverSorterProps } from '../../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApFormSearchFormPopoverSorterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormSearchFormPopoverSorterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/src/ap-form/search-form/components/popover-sorter/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");exports.default=e.default;

package/lib/src/ap-form/search-form/components/popover-sorter/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),h=require("@aplus-frontend/icon");require("../../../../config-provider/index.js");const N=require("vuedraggable");require("./sortable-item.vue.js");const p=require("../../../../config-provider/hooks/use-namespace.js"),V=require("../../../../config-provider/hooks/use-locale.js"),_=require("./sortable-item.vue2.js"),y=e.defineComponent({name:"ApFormSearchFormPopoverSorter",__name:"index",props:{children:{},onClickConfirm:{type:Function}},setup(f){const i=f,o=e.ref(i.children);let d=[...i.children];const{e:a}=p.useNamespace("ap-form-search-form"),{b:r}=p.useNamespace("search-form-sorter"),{t:n}=V.useLocale(),s=e.ref(!1);function m(u){return u.closest(".ant-form")||document.body}function C(){s.value=!1,console.log(e.unref(o)),i.onClickConfirm(e.unref(o))}function v(){o.value=[...d]}return(u,l)=>(e.openBlock(),e.createBlock(e.unref(t.Popover),{open:s.value,"onUpdate:open":l[1]||(l[1]=c=>s.value=c),"overlay-class-name":e.unref(a)("popover"),trigger:"click",placement:"bottom",mask:"","mask-style":{backgroundColor:"transparent"},"get-popup-container":m},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("header-title"))},e.toDisplayString(e.unref(n)("ap.apForm.search.sorterTitle")),3),e.createVNode(e.unref(t.Flex),{justify:"space-between"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("header-desc"))},e.toDisplayString(e.unref(n)("ap.apForm.search.sorterDesc")),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("header-action-wrapper")),onClick:v},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("header-reset-btn"))},e.toDisplayString(e.unref(n)("ap.apForm.search.sorterReset")),3)],2)]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a)("popover-content"),e.unref(r)("content")])},[e.createVNode(e.unref(N),{list:o.value,class:e.normalizeClass(e.unref(r)("sorter-wrapper"))},{item:e.withCtx(({element:c})=>[e.createVNode(_.default,{item:c},null,8,["item"])]),_:1},8,["list","class"])],2),e.createVNode(e.unref(t.Divider),{style:{margin:"0"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("popover-footer"))},[e.createVNode(e.unref(t.Flex),{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),{onClick:l[0]||(l[0]=c=>s.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)("ap.common.cancelText")),1)]),_:1}),e.createVNode(e.unref(t.Button),{class:e.normalizeClass(e.unref(a)("popover-footer-confirm-btn")),type:"primary",onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)("ap.apForm.search.sorterConfirmBtn")),1)]),_:1},8,["class"])]),_:1})],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(t.Tooltip),{title:e.unref(n)("ap.apForm.search.sorterTitle"),placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.Button),null,{icon:e.withCtx(()=>[e.createVNode(e.unref(h.IconApLayoutOutlined))]),_:1})]),_:1},8,["title"])]),_:1},8,["open","overlay-class-name"]))}});exports.default=y;

package/lib/src/ap-form/search-form/components/popover-sorter/sortable-item.vue.d.ts

@@ -0,0 +1,6 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    item: VNode;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/src/ap-form/search-form/components/popover-sorter/sortable-item.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./sortable-item.vue2.js");exports.default=e.default;

package/lib/src/ap-form/search-form/components/popover-sorter/sortable-item.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue");require("../../../../config-provider/index.js");const c=require("lodash-unified"),a=require("@fruits-chain/utils"),u=require("../../../../config-provider/hooks/use-namespace.js"),d=["title"],m=e.defineComponent({name:"ApFormSearchFormPopoverSorterItem",__name:"sortable-item",props:{item:{}},setup(n){const o=n,s=e.computed(()=>{const t=o.item.props;return t.label||t.placeholder}),l=e.computed(()=>{const t=o.item.props;return c.isBoolean(t.hidden)?!!t.hidden:a.isDef(t.hidden)}),{b:r}=u.useNamespace("search-form-sorter");return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)("sorter-item"),{[e.unref(r)("sorter-item--hidden")]:l.value}])},[e.createElementVNode("div",null,[e.createVNode(e.unref(i.HolderOutlined),{class:e.normalizeClass(e.unref(r)("sorter-item-holder")),style:{"font-size":"16px",color:"#abb7cc"}},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(r)("sorter-item-text")),title:s.value},e.toDisplayString(s.value),11,d)])],2))}});exports.default=m;

package/lib/src/ap-form/search-form/hooks/use-count-per-row.d.ts

@@ -0,0 +1,3 @@
+import { ApFormSearchFormProps } from '../../../ap-form/interface';
+import { ComputedRef } from 'vue';
+export declare const useCountPerRow: (props: ApFormSearchFormProps) => ComputedRef<number>;

package/lib/src/ap-form/search-form/hooks/use-count-per-row.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),c=require("@vueuse/core"),t=[1,2,3,4,6,8,12,24],s=e=>{const o=c.useBreakpoints({sm:0,md:1280,lg:1728}).active();return u.computed(()=>{if(o.value==="lg"){const n=t.findIndex(r=>r===e.countPerRow);return t[n+1]||e.countPerRow}return e.countPerRow})};exports.useCountPerRow=s;

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

@@ -1,10 +1,10 @@
 import { ApFormExpose, ApFormSearchFormProps } from '../interface';
 import { ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, ComputedRef } from 'vue';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
-import { ValidateMessages, FormLabelAlign, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
-import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
+import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
 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 { Recordable } from '../../type';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
@@ -30,10 +30,6 @@ declare function __VLS_template(): {
                 readonly layout?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly prefixCls?: string | undefined;
-                readonly name?: string | undefined;
-                readonly validateMessages?: ValidateMessages | undefined;
-                readonly requiredMark?: "" | RequiredMark | undefined;
-                readonly colon?: boolean | undefined;
                 readonly labelCol?: (Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -100,13 +96,17 @@ declare function __VLS_template(): {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes) | undefined;
+                readonly colon?: boolean | undefined;
                 readonly labelAlign?: FormLabelAlign | undefined;
+                readonly name?: string | undefined;
                 readonly rules?: {
                     [k: string]: RuleObject | RuleObject[];
                 } | undefined;
                 readonly validateTrigger?: string | string[] | undefined;
                 readonly labelWrap?: boolean | undefined;
+                readonly requiredMark?: "" | RequiredMark | undefined;
                 readonly hideRequiredMark?: boolean | undefined;
+                readonly validateMessages?: ValidateMessages | undefined;
                 readonly validateOnRuleChange?: boolean | undefined;
                 readonly scrollToFirstError?: boolean | Options<any> | undefined;
                 readonly onFieldsChange?: ((changedFields: FieldData[], allFields: FieldData[]) => void) | undefined;
@@ -840,11 +840,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
     apForm: ComputedRef<ApFormExpose | undefined>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:collapse": (...args: any[]) => void;
-}, string, PublicProps, Readonly<ApFormSearchFormProps> & Readonly<{
-    "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormSearchFormProps> & Readonly<{}>, {
     collapse: boolean;
     layout: string;
     colon: boolean;
@@ -852,11 +848,13 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
     validateTrigger: string | string[];
     hideRequiredMark: boolean;
     validateOnRuleChange: boolean;
-    countPerRow: number;
+    countPerRow: 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
     defaultCollapse: boolean;
     customReset: boolean;
     extraInAction: boolean;
     forceExpand: boolean;
+    maxRows: number;
+    sortable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     apForm: ({
         $: ComponentInternalInstance;
@@ -867,10 +865,6 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
             readonly layout?: string | undefined;
             readonly disabled?: boolean | undefined;
             readonly prefixCls?: string | undefined;
-            readonly name?: string | undefined;
-            readonly validateMessages?: ValidateMessages | undefined;
-            readonly requiredMark?: "" | RequiredMark | undefined;
-            readonly colon?: boolean | undefined;
             readonly labelCol?: (Partial< ExtractPropTypes<{
                 span: (StringConstructor | NumberConstructor)[];
                 order: (StringConstructor | NumberConstructor)[];
@@ -937,13 +931,17 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                 prefixCls: StringConstructor;
                 flex: (StringConstructor | NumberConstructor)[];
             }>> & HTMLAttributes) | undefined;
+            readonly colon?: boolean | undefined;
             readonly labelAlign?: FormLabelAlign | undefined;
+            readonly name?: string | undefined;
             readonly rules?: {
                 [k: string]: RuleObject | RuleObject[];
             } | undefined;
             readonly validateTrigger?: string | string[] | undefined;
             readonly labelWrap?: boolean | undefined;
+            readonly requiredMark?: "" | RequiredMark | undefined;
             readonly hideRequiredMark?: boolean | undefined;
+            readonly validateMessages?: ValidateMessages | undefined;
             readonly validateOnRuleChange?: boolean | undefined;
             readonly scrollToFirstError?: boolean | Options<any> | undefined;
             readonly onFieldsChange?: ((changedFields: FieldData[], allFields: FieldData[]) => void) | undefined;

package/lib/src/ap-form/search-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");require("../../hooks/index.js");const q=require("../item-group/helper.js"),X=require("@ant-design/icons-vue");require("../../config-provider/index.js");const B=require("lodash-unified"),E=require("../../utils/index.js"),N=require("./utils.js"),Y=require("../../hooks/useControllableValue.js"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-global-config.js"),te=require("../../config-provider/hooks/use-locale.js"),I=require("../item/index.vue.js"),ne=require("../ap-form.vue2.js");function oe(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!e.isVNode(m)}const l=24,ae=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean}},emits:["update:collapse"],setup(m,{expose:P,emit:T}){var R;const c=e.useSlots(),o=m,O=T,{value:i,updateValue:D}=Y.useControllableValue(o,O,{valuePropName:"collapse",defaultValuePropName:"defaultCollapse"}),{b:M}=Z.useNamespace("ap-form-search-form"),j=ee.useGlobalConfig("uiMode"),{t:F}=te.useLocale(),y=e.ref();function L(){D(!e.unref(i))}function U(){var t,n;(n=(t=y.value)==null?void 0:t.validateFields())==null||n.then(r=>N.execFunc(o.onSubmit,r))}function W(){var t,n;o.customReset||(n=(t=y.value)==null?void 0:t.resetFields)==null||n.call(t),N.execFunc(o.onReset)}let v=[];const _=e.shallowRef(q.genRealChildren(c.default())),p=e.shallowRef((R=c.extra)==null?void 0:R.call(c)),S=e.computed(()=>Math.floor(l/o.countPerRow));e.watch(()=>c.default(),t=>{v=_.value,_.value=N.diffFormItem(v,q.genRealChildren(t))}),e.watch(()=>{var t;return(t=c.extra)==null?void 0:t.call(c)},t=>{p.value=t});const $=t=>E.isDef(t)?(B.isArray(t)?t:[t]).join(""):Date.now(),g=e.computed(()=>{const t=_.value,n=[],r=[],a=e.unref(S);let s=0;t.forEach(d=>{const f=d.props;if(B.isBoolean(f.hidden)?!!f.hidden:E.isDef(f.hidden))n.push(d);else{const x=l-s%l,C=f.span||a;x>=C?s+=C:s+=C+x,r.push(d)}});const V=l-s%l;V<a&&(s+=V);const k=l-(s+a)%l,G=s%l<a,H=k<a?l:k,b=l-a*(e.unref(p)&&!o.extraInAction?2:1),J=!o.forceExpand&&s>b;let w=0,A=0;const K=r.map((d,f)=>{const h=d.props,x=h.span||a;if(w+=x,!o.forceExpand&&e.unref(i)&&w>b){n.push(e.cloneVNode(d,{hidden:!0}));return}return A+=x,{node:d,span:h.span||a,key:`ApFormSearchFormItem-${f}-${$(h.name)}-${h._signal}`}}).filter(Boolean),Q=l-A-a;return{hideNode:e.createVNode(e.Fragment,null,[n]),nodes:K,defaultExtraSpan:H,actualExtraSpan:Q,showCollapse:J,lastRowOnlyIncludeActionAndExtra:G}}),z=e.computed(()=>{let t;const n=e.unref(g),r=e.createVNode(u.Col,{span:e.unref(S),key:"actionWrapper"},{default:()=>[e.createVNode(I.default,null,{default:()=>[e.createVNode(u.Flex,{justify:!e.unref(i)&&n.lastRowOnlyIncludeActionAndExtra&&!(e.unref(p)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(u.Space,null,{default:()=>[e.createVNode(u.Button,{type:"primary",onClick:U,loading:o.submitLoading,htmlType:"submit"},{default:()=>[o.searchText||F("ap.apForm.search.search")]}),e.createVNode(u.Button,{onClick:W},{default:()=>[o.resetText||F("ap.apForm.search.reset")]}),n.showCollapse?e.createVNode(u.Button,{onClick:L,icon:e.createVNode(X.DoubleRightOutlined,{style:j.value==="aplus"?"color:#B8C3D1":"color:#BFBFBF",rotate:e.unref(i)?90:-90},null)},null):null]}),o.extraInAction?e.unref(p):null]})]})]}),a=!o.extraInAction&&e.unref(p)?e.createVNode(u.Col,{span:e.unref(i)?n.actualExtraSpan:n.defaultExtraSpan,key:"extraNode"},{default:()=>[e.createVNode(I.default,null,{default:()=>[e.createVNode(u.Flex,{justify:!e.unref(i)&&(n.defaultExtraSpan===l||n.lastRowOnlyIncludeActionAndExtra)?"start":"flex-end"},oe(t=e.unref(p))?t:{default:()=>[t]})]})]}):null,s=e.createVNode(u.Col,{span:n.defaultExtraSpan},null);return!e.unref(i)&&n.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[a||s,r]):e.createVNode(e.Fragment,null,[r,a])});return P({apForm:e.computed(()=>e.unref(y))}),(t,n)=>(e.openBlock(),e.createBlock(ne.default,e.mergeProps({ref_key:"apForm",ref:y,class:e.unref(M)()},e.unref(B.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value.hideNode))),e.createVNode(e.unref(u.Row),{gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value.nodes,r=>(e.openBlock(),e.createBlock(e.unref(u.Col),{key:r.key,span:r.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const q=require("../item-group/helper.js");require("../../config-provider/index.js");const C=require("lodash-unified"),A=require("../../utils/index.js"),N=require("./utils.js");require("./components/popover-filter.vue.js");const $=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const z=require("../../config-provider/hooks/use-namespace.js"),H=require("../../config-provider/hooks/use-locale.js"),P=require("../item/index.vue.js"),G=require("./components/popover-filter.vue2.js"),J=require("./components/popover-sorter/index.vue2.js"),K=require("../ap-form.vue2.js");function Q(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const u=24,X=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0}},setup(p,{expose:I}){var b;const s=e.useSlots(),n=p,{b:f}=z.useNamespace("ap-form-search-form"),{t:w}=H.useLocale(),T=$.useCountPerRow(n),h=e.ref();function B(){var t,a;(a=(t=h.value)==null?void 0:t.validateFields())==null||a.then(o=>N.execFunc(n.onSubmit,o))}function E(){var t,a;n.customReset||(a=(t=h.value)==null?void 0:t.resetFields)==null||a.call(t),N.execFunc(n.onReset)}const O=t=>A.isDef(t)?(C.isArray(t)?t:[t]).join(""):Date.now();let F=[];const c=e.shallowRef(q.genRealChildren(s.default())),i=e.shallowRef((b=s.extra)==null?void 0:b.call(s)),R=e.computed(()=>Math.floor(u/e.unref(T)));e.watch(()=>s.default(),t=>{F=c.value,c.value=N.diffFormItem(F,q.genRealChildren(t))}),e.watch(()=>{var t;return(t=s.extra)==null?void 0:t.call(s)},t=>{i.value=t});const l=e.computed(()=>{const t=c.value,a=[],o=[],x=[],m=e.unref(R);let _=0,g=0;const U=u*n.maxRows-m*(e.unref(i)&&!n.extraInAction?2:1);t.forEach((v,W)=>{const d=v.props;if(C.isBoolean(d.hidden)?!!d.hidden:A.isDef(d.hidden))a.push(v);else{let y=d.span||m;const k={node:v,span:y,key:`ApFormSearchFormItem-${W}-${O(d.name)}-${d._signal}`},V=u-_%u;V<y&&(y+=V),_+=y,_>U?o.push(k):(g=_,x.push(k))}});const S=u-(g+m)%u,D=g%u<m,M=S<m?u:S;return{hideNode:e.createVNode(e.Fragment,null,[a]),nodes:x,collapseNodes:o,extraSpan:M,lastRowOnlyIncludeActionAndExtra:D}});function j(t){c.value=[...t]}const L=e.computed(()=>{let t;const a=e.createVNode(r.Col,{span:e.unref(R),key:"actionWrapper"},{default:()=>[e.createVNode(P.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:l.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(i)&&n.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[l.value.collapseNodes.length?e.createVNode(G.default,{onSubmit:B,config:l.value.collapseNodes,submitLoading:n.submitLoading},null):null,n.sortable&&c.value.length?e.createVNode(J.default,{children:c.value,onClickConfirm:j},null):null]),e.createVNode(r.Button,{type:"primary",onClick:B,loading:n.submitLoading,htmlType:"submit",class:f("action-btn")},{default:()=>[n.searchText||w("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:E,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[n.resetText||w("ap.apForm.search.reset")]})]}),n.extraInAction?e.unref(i):null]})]})]}),o=!n.extraInAction&&e.unref(i)?e.createVNode(r.Col,{span:l.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(P.default,null,{default:()=>[e.createVNode(r.Flex,{justify:l.value.extraSpan===u||l.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},Q(t=e.unref(i))?t:{default:()=>[t]})]})]}):null,x=e.createVNode(r.Col,{span:l.value.extraSpan},null);return l.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[o||x,a]):e.createVNode(e.Fragment,null,[a,o])});return I({apForm:e.computed(()=>e.unref(h))}),(t,a)=>(e.openBlock(),e.createBlock(K.default,e.mergeProps({ref_key:"apForm",ref:h,class:e.unref(f)()},e.unref(C.omit)(n,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value.nodes,o=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:o.key,span:o.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(L.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=X;