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

package/es/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/es/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/es/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/es/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/es/src/ap-form/search-form/components/popover-filter.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./popover-filter.vue2.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,102 @@
+import { defineComponent as y, ref as k, createBlock as s, openBlock as p, unref as e, withCtx as o, createVNode as t, createElementVNode as d, normalizeClass as c, createElementBlock as C, Fragment as F, renderList as _, resolveDynamicComponent as b, createTextVNode as f, toDisplayString as v } from "vue";
+import { Popover as B, Tooltip as h, Button as u, Row as x, Col as L, Divider as N, Flex as S } from "@aplus-frontend/antdv";
+import { IconApFilterOutlined as w } from "@aplus-frontend/icon";
+import "../../../config-provider/index.mjs";
+import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as P } from "../../../config-provider/hooks/use-locale.mjs";
+const O = /* @__PURE__ */ y({
+  name: "ApFormSearchFormPopoverFilter",
+  __name: "popover-filter",
+  props: {
+    config: {},
+    onSubmit: { type: Function },
+    submitLoading: { type: Boolean }
+  },
+  setup(T) {
+    const { e: a } = D("ap-form-search-form"), { t: i } = P(), m = k(!1);
+    function g(n) {
+      return n.closest(".ant-form") || document.body;
+    }
+    return (n, l) => (p(), s(e(B), {
+      open: m.value,
+      "onUpdate:open": l[1] || (l[1] = (r) => m.value = r),
+      "overlay-class-name": e(a)("popover"),
+      trigger: "click",
+      placement: "bottom",
+      mask: "",
+      "mask-style": { backgroundColor: "transparent" },
+      "get-popup-container": g
+    }, {
+      content: o(() => [
+        d("div", {
+          class: c([e(a)("popover-content")]),
+          style: { paddingBottom: 0, width: "825px" }
+        }, [
+          t(e(x), { gutter: 16 }, {
+            default: o(() => [
+              (p(!0), C(F, null, _(n.config, (r) => (p(), s(e(L), {
+                key: r.key,
+                span: 8
+              }, {
+                default: o(() => [
+                  (p(), s(b(r.node)))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ], 2),
+        t(e(N), { style: { margin: "0" } }),
+        d("div", {
+          class: c(e(a)("popover-footer"))
+        }, [
+          t(e(S), { justify: "end" }, {
+            default: o(() => [
+              t(e(u), {
+                onClick: l[0] || (l[0] = (r) => m.value = !1)
+              }, {
+                default: o(() => [
+                  f(v(e(i)("ap.common.cancelText")), 1)
+                ]),
+                _: 1
+              }),
+              t(e(u), {
+                class: c(e(a)("popover-footer-confirm-btn")),
+                type: "primary",
+                loading: n.submitLoading,
+                onClick: n.onSubmit
+              }, {
+                default: o(() => [
+                  f(v(e(i)("ap.apForm.search.search")), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "loading", "onClick"])
+            ]),
+            _: 1
+          })
+        ], 2)
+      ]),
+      default: o(() => [
+        t(e(h), {
+          title: e(i)("ap.apForm.search.moreFilter"),
+          placement: "top"
+        }, {
+          default: o(() => [
+            t(e(u), null, {
+              icon: o(() => [
+                t(e(w))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["open", "overlay-class-name"]));
+  }
+});
+export {
+  O as default
+};

package/es/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/es/src/ap-form/search-form/components/popover-sorter/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

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

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

package/es/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/es/src/ap-form/search-form/components/popover-sorter/sortable-item.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./sortable-item.vue2.mjs";
+export {
+  f as default
+};

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

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

package/es/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/es/src/ap-form/search-form/hooks/use-count-per-row.mjs

@@ -0,0 +1,17 @@
+import { computed as c } from "vue";
+import { useBreakpoints as u } from "@vueuse/core";
+const t = [1, 2, 3, 4, 6, 8, 12, 24], P = (o) => {
+  const e = u({ sm: 0, md: 1280, lg: 1728 }).active();
+  return c(() => {
+    if (e.value === "lg") {
+      const n = t.findIndex(
+        (r) => r === o.countPerRow
+      );
+      return t[n + 1] || o.countPerRow;
+    }
+    return o.countPerRow;
+  });
+};
+export {
+  P as useCountPerRow
+};