@aplus-frontend/ui 0.6.4 → 0.6.5

package/es/src/business/ap-view/components/main-button-content.vue2.mjs

@@ -1,60 +1,61 @@
-import { defineComponent as z, ref as $, computed as I, watch as Y, createBlock as D, openBlock as E, unref as e, withCtx as t, createElementVNode as f, normalizeClass as r, createVNode as a, createSlots as K, toDisplayString as s, createTextVNode as v } from "vue";
-import { Popover as j, Tooltip as q, Space as N, Checkbox as B } from "@aplus-frontend/antdv";
+import { defineComponent as E, ref as K, computed as j, watch as q, createBlock as B, openBlock as L, unref as e, withCtx as o, createElementVNode as f, normalizeClass as r, createVNode as a, createSlots as M, toDisplayString as s, createTextVNode as w } from "vue";
+import { Popover as O, Tooltip as A, Space as F, Checkbox as P } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
-import L from "../icons/line-eye.vue.mjs";
+import R from "../icons/line-eye.vue.mjs";
 import "../../../ap-form/ap-form.vue.mjs";
-import { ApField as M } from "../../../ap-field/index.mjs";
+import { ApField as U } from "../../../ap-field/index.mjs";
 import "../../../ap-button/index.mjs";
-import O from "dayjs";
-import { useViewInject as A } from "../hooks/use-view-provide.mjs";
-import { generateUniqueKey as P } from "../utils/uuid.mjs";
-import { cloneDeep as R } from "lodash-unified";
-import { useLocale as U } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as G } from "../../../config-provider/hooks/use-namespace.mjs";
-import w from "../../../ap-form/ap-form.vue2.mjs";
-import F from "../../../ap-button/ap-button.vue.mjs";
-const re = /* @__PURE__ */ z({
+import G from "dayjs";
+import { useViewInject as H } from "../hooks/use-view-provide.mjs";
+import { generateUniqueKey as J } from "../utils/uuid.mjs";
+import { cloneDeep as b } from "lodash-unified";
+import { useLocale as Q } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as W } from "../../../config-provider/hooks/use-namespace.mjs";
+import v from "../../../ap-form/ap-form.vue2.mjs";
+import k from "../../../ap-button/ap-button.vue.mjs";
+const ce = /* @__PURE__ */ E({
   __name: "main-button-content",
   props: {
     maxViewNum: {}
   },
-  setup(b) {
-    const d = b, { t: o } = U(), { b: l } = G("ap-view"), V = $(), { tableKey: k, popoverOpen: c, viewList: u, saveDataSource: n, viewListCRUD: _ } = A(), y = I({
+  setup(C) {
+    const d = C, { t: i } = Q(), { b: l } = W("ap-view"), V = K(), { tableKey: I, popoverOpen: c, viewList: u, saveDataSource: t, viewListCRUD: _ } = H(), g = j({
       get: () => c.value && u.value.length < d.maxViewNum + 1,
       set: (p) => {
         u.value.length < d.maxViewNum + 1 && (c.value = p);
       }
     });
-    Y(c, (p) => {
-      var i;
-      p && ((i = V.value) == null || i.resetFields(), setTimeout(() => {
+    q(c, (p) => {
+      var n;
+      p && ((n = V.value) == null || n.resetFields(), setTimeout(() => {
         var m;
         (m = V.value) == null || m.setFieldsValue({
           isDefault: !u.value.some((h) => h.isDefault)
         });
       }));
     });
-    const C = async (p) => {
-      var g, x;
-      const { viewName: i, isDefault: m } = p, h = P(), T = {
-        searchForm: R(
-          (g = n == null ? void 0 : n.getSearchFormValues) == null ? void 0 : g.call(
-            n,
-            !!(n != null && n.searchFormTransform)
-          )
+    const T = async (p) => {
+      var y, x, N;
+      const { viewName: n, isDefault: m } = p, h = J(), z = b(
+        (y = t == null ? void 0 : t.getSearchFormValues) == null ? void 0 : y.call(
+          t,
+          !!(t != null && t.searchFormTransform)
         )
+      ), $ = b((x = t == null ? void 0 : t.getSearchFormSorterItems) == null ? void 0 : x.call(t)), Y = {
+        searchForm: z,
+        sorterItems: $
       };
-      await ((x = _.addView) == null ? void 0 : x.call(_, {
-        tableKey: k,
+      await ((N = _.addView) == null ? void 0 : N.call(_, {
+        tableKey: I,
         viewKey: h,
-        viewName: i,
+        viewName: n,
         isDefault: m,
-        viewConfig: T
+        viewConfig: Y
       })), c.value = !1;
     };
-    return (p, i) => (E(), D(e(j), {
-      open: y.value,
-      "onUpdate:open": i[1] || (i[1] = (m) => y.value = m),
+    return (p, n) => (L(), B(e(O), {
+      open: g.value,
+      "onUpdate:open": n[1] || (n[1] = (m) => g.value = m),
       placement: "bottom",
       trigger: "click",
       arrow: !1,
@@ -62,34 +63,34 @@ const re = /* @__PURE__ */ z({
         padding: "12px 16px"
       }
     }, {
-      content: t(() => [
+      content: o(() => [
         f("div", {
           class: r([e(l)("main-content-popover")])
         }, [
-          a(w, {
+          a(v, {
             ref_key: "formRef",
             ref: V,
             layout: "vertical",
             "initial-values": {
-              viewName: `${e(o)("ap.apView.newView")} ${e(O)().format("YYYY-MM-DD").toString()}`
+              viewName: `${e(i)("ap.apView.newView")} ${e(G)().format("YYYY-MM-DD").toString()}`
             },
-            onFinish: C
+            onFinish: T
           }, {
-            default: t(() => [
+            default: o(() => [
               f("div", {
                 class: r([e(l)("main-content-popover-title-content")])
               }, [
                 f("div", {
                   class: r([e(l)("main-content-popover-title-content-title")])
-                }, s(e(o)("ap.apView.saveNewView")), 3),
-                a(w.FormItem, {
+                }, s(e(i)("ap.apView.saveNewView")), 3),
+                a(v.FormItem, {
                   name: "isDefault",
                   "value-prop-name": "checked"
                 }, {
-                  default: t(() => [
-                    a(e(B), null, {
-                      default: t(() => [
-                        v(s(e(o)("ap.apView.setDefault")), 1)
+                  default: o(() => [
+                    a(e(P), null, {
+                      default: o(() => [
+                        w(s(e(i)("ap.apView.setDefault")), 1)
                       ]),
                       _: 1
                     })
@@ -97,42 +98,42 @@ const re = /* @__PURE__ */ z({
                   _: 1
                 })
               ], 2),
-              a(w.FormItem, {
-                label: e(o)("ap.apView.viewName"),
+              a(v.FormItem, {
+                label: e(i)("ap.apView.viewName"),
                 name: "viewName",
-                rules: [{ required: !0, message: e(o)("ap.apView.notEmpty") }]
+                rules: [{ required: !0, message: e(i)("ap.apView.notEmpty") }]
               }, {
-                default: t(() => [
-                  a(e(M).Text, {
-                    placeholder: e(o)("ap.apView.viewName"),
+                default: o(() => [
+                  a(e(U).Text, {
+                    placeholder: e(i)("ap.apView.viewName"),
                     maxlength: 20,
                     "show-count": ""
                   }, null, 8, ["placeholder"])
                 ]),
                 _: 1
               }, 8, ["label", "rules"]),
-              a(w.FormItem, {
+              a(v.FormItem, {
                 class: r([e(l)("main-content-popover-btn")])
               }, {
-                default: t(() => [
-                  a(e(N), { size: 8 }, {
-                    default: t(() => [
-                      a(e(F), {
+                default: o(() => [
+                  a(e(F), { size: 8 }, {
+                    default: o(() => [
+                      a(e(k), {
                         size: "small",
-                        onClick: i[0] || (i[0] = (m) => c.value = !1)
+                        onClick: n[0] || (n[0] = (m) => c.value = !1)
                       }, {
-                        default: t(() => [
-                          v(s(e(o)("ap.apView.cancel")), 1)
+                        default: o(() => [
+                          w(s(e(i)("ap.apView.cancel")), 1)
                         ]),
                         _: 1
                       }),
-                      a(e(F), {
+                      a(e(k), {
                         type: "primary",
                         size: "small",
                         "html-type": "submit"
                       }, {
-                        default: t(() => [
-                          v(s(e(o)("ap.apView.save")), 1)
+                        default: o(() => [
+                          w(s(e(i)("ap.apView.save")), 1)
                         ]),
                         _: 1
                       })
@@ -147,21 +148,21 @@ const re = /* @__PURE__ */ z({
           }, 8, ["initial-values"])
         ], 2)
       ]),
-      default: t(() => [
+      default: o(() => [
         f("div", {
           class: r({
             [e(l)("main-content")]: !0,
             [e(l)("main-content-disabled")]: e(u).length >= d.maxViewNum + 1
           })
         }, [
-          a(e(q), { placement: "bottom" }, K({
-            default: t(() => [
-              a(e(N), { size: 4 }, {
-                default: t(() => [
-                  a(L, {
+          a(e(A), { placement: "bottom" }, M({
+            default: o(() => [
+              a(e(F), { size: 4 }, {
+                default: o(() => [
+                  a(R, {
                     class: r([e(l)("icon")])
                   }, null, 8, ["class"]),
-                  f("div", null, s(e(o)("ap.apView.saveView")), 1)
+                  f("div", null, s(e(i)("ap.apView.saveView")), 1)
                 ]),
                 _: 1
               })
@@ -170,8 +171,8 @@ const re = /* @__PURE__ */ z({
           }, [
             e(u).length >= d.maxViewNum + 1 ? {
               name: "title",
-              fn: t(() => [
-                v(s(e(o)("ap.apView.maxTip")), 1)
+              fn: o(() => [
+                w(s(e(i)("ap.apView.maxTip")), 1)
               ]),
               key: "0"
             } : void 0
@@ -183,5 +184,5 @@ const re = /* @__PURE__ */ z({
   }
 });
 export {
-  re as default
+  ce as default
 };

package/es/src/business/ap-view/interface.d.ts

@@ -1,9 +1,13 @@
+import { ApFormSearchFormPopoverSorterItem } from '../../ap-form';
 import { Recordable } from '../../type';
 export interface SaveDataSource {
     getSearchFormValues?: (transform?: boolean) => (Partial<Recordable> & Recordable<any>) | undefined;
     setSearchFormValues?: (values: Partial<Recordable>) => void;
     submit?: () => void;
     reset?: () => void;
+    getSearchFormSorterItems?: () => ApFormSearchFormPopoverSorterItem[];
+    setSearchFormSorterItems?: (sortedItems: ApFormSearchFormPopoverSorterItem[]) => void;
+    resetSearchFormSorterItems?: () => void;
     /**
      * 是否转换搜索表单,默认为 false
      */

package/es/src/business/batch-input-group/index.vue.d.ts

@@ -51,8 +51,8 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly bordered?: boolean | undefined;
             readonly suffix?: any;
             readonly focused?: boolean | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly handleReset?: MouseEventHandler | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly defaultValue?: string | number | undefined;
             readonly id?: string | undefined;
             readonly autocomplete?: string | undefined;

package/es/src/business/hooks/usePageListApTable.d.ts

@@ -3,6 +3,7 @@ import { UseTableRefreshOption } from './useTableRefresh';
 import { Recordable } from '../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 import { InternalPagingType } from '../../ap-table/hooks/use-table-paging-ng';
+import { ApFormSearchFormPopoverSorterItem } from '../../ap-form';
 export interface UsePageListApTable extends ApTableProps {
     /** 是否显示默认的行选择配置
      * @default true
@@ -61,6 +62,9 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
         };
         getPaging: () => InternalPagingType;
         setPaging: (nextPaging: InternalPagingType, refreshImmediately?: boolean) => void;
+        getSearchFormSorterItems: () => ApFormSearchFormPopoverSorterItem[];
+        setSearchFormSorterItems: (sortedItems: ApFormSearchFormPopoverSorterItem[]) => void;
+        resetSearchFormSorterItems: () => void;
     } | null | undefined;
     getSearchFormValuesAndSorted: (transform?: boolean) => any;
     clearSelection: () => void;

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.6.4";
+declare const _default: "0.6.5";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "0.6.4";
+const e = "0.6.5";
 export {
   e as default
 };

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

@@ -176,17 +176,22 @@ export type ApFormSearchFormPopoverFilterProps = {
     onSubmit: () => void;
     submitLoading: boolean;
 };
+export type ApFormSearchFormPopoverSorterItem = {
+    name: string;
+    label: string;
+    isHidden?: boolean;
+};
 export type ApFormSearchFormPopoverSorterProps = {
     /**
-     * 需要排序的全量节点
+     * 需要排序的节点对象
      */
-    children: VNode[];
+    items: ApFormSearchFormPopoverSorterItem[];
     /**
      * 点击确定
      * @param sortedChildren
      * @returns
      */
-    onClickConfirm: (sortedChildren: VNode[]) => void;
+    onClickConfirm: (sortedChildren: ApFormSearchFormPopoverSorterItem[]) => void;
     /**
      * 当前的children是否已经排序过了
      */
@@ -194,6 +199,21 @@ export type ApFormSearchFormPopoverSorterProps = {
 };
 export type ApFormSearchFormExpose = {
     apForm: ApFormExpose;
+    /**
+     * 获取排序结果
+     * @returns
+     */
+    getSorterItems: () => ApFormSearchFormPopoverSorterItem[];
+    /**
+     * 设置排序结果
+     * @param sortedItems
+     * @returns
+     */
+    setSorterItems: (sortedItems: ApFormSearchFormPopoverSorterItem[]) => void;
+    /**
+     * 重设查询表单排序
+     */
+    resetSorterItems: () => void;
 };
 export type ApFormSubmitterConfig = {
     submitText?: string;

package/lib/src/ap-form/item-group/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@aplus-frontend/antdv"),c=require("lodash-unified"),y=require("../constant.js"),a=require("./helper.js");require("../../config-provider/index.js");const _=require("../../utils/index.js"),q=require("../../config-provider/hooks/use-namespace.js");function B(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const C=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:24},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(o){const i=o,s=e.useSlots(),{b:l}=q.useNamespace("ap-form-item-group");function f(){var u;const p=a.genRealChildren(((u=s.default)==null?void 0:u.call(s))||[]);return e.unref(p).map((n,m)=>{const t=n.props,r=c.pick(t,y.apFormItemColPropKeys),g=r!=null&&r.span?{}:a.buildColSpan(i.countPerRow),k=c.isBoolean(t.hidden)?!!t.hidden:_.isDef(t.hidden);return{key:`${m}-${a.getStringName(t.name)}`,node:e.createVNode(d.Col,e.mergeProps(g,r,{class:k?l("col-hidden"):""}),B(n)?n:{default:()=>[n]})}})}return(p,u)=>(e.openBlock(),e.createBlock(e.unref(d.Row),e.mergeProps({class:e.unref(l)()},e.unref(c.omit)(i,["countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f(),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.node),{key:n.key}))),128))]),_:1},16,["class"]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@aplus-frontend/antdv"),a=require("lodash-unified"),_=require("../constant.js"),c=require("./helper.js");require("../../config-provider/index.js");const B=require("../../utils/index.js"),h=require("../../config-provider/hooks/use-namespace.js");function q(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const v=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:24},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(o){const i=o,l=e.useSlots(),{b:d}=h.useNamespace("ap-form-item-group"),u=e.ref([]);e.onBeforeUpdate(()=>{u.value=p(l.default())}),e.watch(()=>l.default(),r=>{u.value=p(r)},{immediate:!0});function p(r){const f=c.genRealChildren(r||[]);return e.unref(f).map((t,g)=>{const n=t.props,s=a.pick(n,_.apFormItemColPropKeys),k=s!=null&&s.span?{}:c.buildColSpan(i.countPerRow),y=a.isBoolean(n.hidden)?!!n.hidden:B.isDef(n.hidden);return{key:`${g}-${c.getStringName(n.name)}`,node:e.createVNode(m.Col,e.mergeProps(k,s,{class:y?d("col-hidden"):""}),q(t)?t:{default:()=>[t]})}})}return(r,f)=>(e.openBlock(),e.createBlock(e.unref(m.Row),e.mergeProps({class:e.unref(d)()},e.unref(a.omit)(i,["countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.node),{key:t.key}))),128))]),_:1},16,["class"]))}});exports.default=v;

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

@@ -53,8 +53,8 @@ declare function __VLS_template(): {
                 readonly bordered?: boolean | undefined;
                 readonly suffix?: any;
                 readonly focused?: boolean | undefined;
-                readonly placeholder?: string | number | undefined;
                 readonly handleReset?: MouseEventHandler | undefined;
+                readonly placeholder?: string | number | undefined;
                 readonly defaultValue?: string | number | undefined;
                 readonly id?: string | undefined;
                 readonly autocomplete?: string | undefined;
@@ -209,8 +209,8 @@ declare const __VLS_component: DefineComponent<ApFormItemTextProps, {
             readonly bordered?: boolean | undefined;
             readonly suffix?: any;
             readonly focused?: boolean | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly handleReset?: MouseEventHandler | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly defaultValue?: string | number | undefined;
             readonly id?: string | undefined;
             readonly autocomplete?: string | undefined;

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

@@ -54,8 +54,8 @@ declare function __VLS_template(): {
                 readonly bordered?: boolean | undefined;
                 readonly suffix?: any;
                 readonly focused?: boolean | undefined;
-                readonly placeholder?: string | number | undefined;
                 readonly handleReset?: MouseEventHandler | undefined;
+                readonly placeholder?: string | number | undefined;
                 readonly defaultValue?: string | number | undefined;
                 readonly id?: string | undefined;
                 readonly autocomplete?: string | undefined;
@@ -216,8 +216,8 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly bordered?: boolean | undefined;
             readonly suffix?: any;
             readonly focused?: boolean | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly handleReset?: MouseEventHandler | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly defaultValue?: string | number | undefined;
             readonly id?: string | undefined;
             readonly autocomplete?: string | undefined;

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

@@ -1,4 +1,6 @@
-import { ApFormSearchFormPopoverSorterProps } from '../../../interface';
+import { ApFormSearchFormPopoverSorterItem, 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>;
+declare const _default: DefineComponent<ApFormSearchFormPopoverSorterProps, {
+    getCachedList: () => ApFormSearchFormPopoverSorterItem[];
+}, {}, {}, {}, 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.vue2.js

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

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

@@ -1,6 +1,7 @@
-import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ApFormSearchFormPopoverSorterItem } from '../../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    item: VNode;
+    item: ApFormSearchFormPopoverSorterItem;
 };
 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.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=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.description||t.label||t.placeholder}),i=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")]:i.value}])},[e.createElementVNode("div",null,[e.createVNode(e.unref(l.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@ant-design/icons-vue");require("../../../../config-provider/index.js");const o=require("../../../../config-provider/hooks/use-namespace.js"),l=["title"],n=e.defineComponent({name:"ApFormSearchFormPopoverSorterItem",__name:"sortable-item",props:{item:{}},setup(a){const{b:r}=o.useNamespace("search-form-sorter");return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)("sorter-item"),{[e.unref(r)("sorter-item--hidden")]:t.item.isHidden}])},[e.createElementVNode("div",null,[e.createVNode(e.unref(s.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:t.item.label},e.toDisplayString(t.item.label),11,l)])],2))}});exports.default=n;

package/lib/src/ap-form/search-form/hooks/use-sorter.d.ts

@@ -0,0 +1,7 @@
+import { ShallowRef, VNode, ComputedRef, Ref } from 'vue';
+import { ApFormSearchFormPopoverSorterItem } from '../../interface';
+export declare const useSorter: (children: ShallowRef<VNode[]>) => {
+    items: ComputedRef<ApFormSearchFormPopoverSorterItem[]>;
+    handleClickConfirm: (sortedItems: ApFormSearchFormPopoverSorterItem[]) => void;
+    sorted: Ref<boolean, boolean>;
+};

package/lib/src/ap-form/search-form/hooks/use-sorter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("lodash-unified"),c=require("vue"),d=require("../../item-group/helper.js"),f=require("../../../utils/index.js");function p(s,r){var e;const u=new Set(s.map(n=>n.name)),a=new Map;for(const n of r){const o=String(d.getStringName((e=n.props)==null?void 0:e.name));o&&u.has(o)&&a.set(o,n)}const i=new Set,t=[];for(const n of s){const o=a.get(n.name);o&&(t.push(o),i.add(o))}for(const n of r)i.has(n)||t.push(n);return t}const m=s=>{const r=c.ref(!1),u=c.computed(()=>(s.value||[]).map(t=>{const e=t.props;return{label:e.description||e.label||e.placeholder,name:d.getStringName(e.name),isHidden:l.isBoolean(e.hidden)?!!e.hidden:f.isDef(e.hidden)}}));function a(i){const t=p(i,s.value);r.value=!0,s.value=t}return{items:u,handleClickConfirm:a,sorted:r}};exports.useSorter=m;

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

@@ -1,5 +1,5 @@
 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 { ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
 import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
 import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
@@ -9,7 +9,7 @@ import { Options } from '../../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../../type';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
-import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc } from '..';
+import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc, ApFormSearchFormPopoverSorterItem } from '..';
 import { OnCleanup } from '@vue/reactivity';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -839,7 +839,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
-    apForm: ComputedRef<ApFormExpose | undefined>;
+    apForm: ApFormExpose;
+    getSorterItems: () => ApFormSearchFormPopoverSorterItem[];
+    setSorterItems: (sortedItems: ApFormSearchFormPopoverSorterItem[]) => void;
+    resetSorterItems: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormSearchFormProps> & Readonly<{}>, {
     collapse: boolean;
     layout: string;

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"),l=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const A=require("../item-group/helper.js");require("../../config-provider/index.js");const N=require("lodash-unified"),T=require("../../utils/index.js"),w=require("./utils.js");require("./components/popover-filter.vue.js");const z=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const H=require("../../config-provider/hooks/use-namespace.js"),G=require("../../config-provider/hooks/use-locale.js"),P=require("../item/index.vue.js"),J=require("./components/popover-filter.vue2.js"),K=require("./components/popover-sorter/index.vue2.js"),Q=require("../ap-form.vue2.js");function X(f){return typeof f=="function"||Object.prototype.toString.call(f)==="[object Object]"&&!e.isVNode(f)}const u=24,Y=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},resizeTarget:{}},setup(f,{expose:I}){var S;const s=e.useSlots(),n=f,{b:m}=H.useNamespace("ap-form-search-form"),{t:B}=G.useLocale(),E=z.useCountPerRow(n),x=e.ref();function F(){var a;const t=(a=x.value)==null?void 0:a.getFieldsValueTransformed(!0);w.execFunc(n.onSubmit,t)}function O(){var t,a;n.customReset||(a=(t=x.value)==null?void 0:t.resetFields)==null||a.call(t),w.execFunc(n.onReset)}const j=t=>T.isDef(t)?(N.isArray(t)?t:[t]).join(""):Date.now();let R=[];const c=e.shallowRef(A.genRealChildren(s.default())),v=e.ref(!1),d=e.shallowRef((S=s.extra)==null?void 0:S.call(s)),b=e.computed(()=>Math.floor(u/e.unref(E)));e.watch(()=>s.default(),t=>{R=c.value,c.value=w.diffFormItem(R,A.genRealChildren(t)),v.value=!1}),e.watch(()=>{var t;return(t=s.extra)==null?void 0:t.call(s)},t=>{d.value=t});const o=e.computed(()=>{const t=c.value,a=[],r=[],h=[],i=e.unref(b);let _=0,y=0;const D=u*n.maxRows-i*(e.unref(d)&&!n.extraInAction?2:1);t.forEach((C,$)=>{const p=C.props;if(N.isBoolean(p.hidden)?!!p.hidden:T.isDef(p.hidden))a.push(C);else{let g=p.span||i;const V={node:C,span:g,key:`ApFormSearchFormItem-${$}-${j(p.name)}-${p._signal}`},q=u-_%u;q<g&&(g+=q),_+=g,_>D?r.push(V):(y=_,h.push(V))}});const k=u-(y+i)%u,M=y%u<i,W=k<i?u:k;return{hideNode:e.createVNode(e.Fragment,null,[a]),nodes:h,collapseNodes:r,extraSpan:W,lastRowOnlyIncludeActionAndExtra:M}});function L(t){c.value=[...t],v.value=!0}const U=e.computed(()=>{let t;const a=o.value.collapseNodes.length||n.sortable&&c.value.length,r=e.createVNode(l.Col,{span:e.unref(b),key:"actionWrapper"},{default:()=>[e.createVNode(P.default,null,{default:()=>[e.createVNode(l.Flex,{wrap:"wrap",justify:o.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(d)&&n.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(l.Flex,{gap:8,wrap:"wrap"},{default:()=>[a?e.createVNode("div",{class:m("column-setting-trigger-wrapper")},[o.value.collapseNodes.length?e.createVNode(J.default,{onSubmit:F,config:o.value.collapseNodes,submitLoading:n.submitLoading},null):null,n.sortable&&c.value.length?e.createVNode(K.default,{children:c.value,onClickConfirm:L,sorted:v.value},null):null]):null,e.createVNode(l.Button,{type:"primary",onClick:F,loading:n.submitLoading,htmlType:"submit",class:m("action-btn")},{default:()=>[n.searchText||B("ap.apForm.search.search")]}),e.createVNode(l.Button,{onClick:O,type:"text",class:[m("action-btn"),m("action-btn-reset")]},{default:()=>[n.resetText||B("ap.apForm.search.reset")]})]}),n.extraInAction?e.unref(d):null]})]})]}),h=!n.extraInAction&&e.unref(d)?e.createVNode(l.Col,{span:o.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(P.default,null,{default:()=>[e.createVNode(l.Flex,{justify:o.value.extraSpan===u||o.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},X(t=e.unref(d))?t:{default:()=>[t]})]})]}):null,i=e.createVNode(l.Col,{span:o.value.extraSpan},null);return o.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||i,r]):e.createVNode(e.Fragment,null,[r,h])});return I({apForm:e.computed(()=>e.unref(x))}),(t,a)=>(e.openBlock(),e.createBlock(Q.default,e.mergeProps({ref_key:"apForm",ref:x,class:e.unref(m)()},e.unref(N.omit)(n,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value.hideNode))),e.createVNode(e.unref(l.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.nodes,r=>(e.openBlock(),e.createBlock(e.unref(l.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(U.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=Y;
+"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 T=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),P=require("../../utils/index.js"),S=require("./utils.js");require("./components/popover-filter.vue.js");const J=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const K=require("./hooks/use-sorter.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../config-provider/hooks/use-locale.js"),E=require("../item/index.vue.js"),Y=require("./components/popover-filter.vue2.js"),Z=require("./components/popover-sorter/index.vue2.js"),ee=require("../ap-form.vue2.js");function te(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=24,oe=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},resizeTarget:{}},setup(p,{expose:O}){var V;const u=e.useSlots(),o=p,{b:f}=Q.useNamespace("ap-form-search-form"),{t:B}=X.useLocale(),L=J.useCountPerRow(o),g=e.ref(),j=e.ref();function F(){var n;const t=(n=g.value)==null?void 0:n.getFieldsValueTransformed(!0);S.execFunc(o.onSubmit,t)}function D(){var t,n;o.customReset||(n=(t=g.value)==null?void 0:t.resetFields)==null||n.call(t),S.execFunc(o.onReset)}const M=t=>P.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let R=[];const m=e.shallowRef(T.genRealChildren(u.default())),i=e.shallowRef((V=u.extra)==null?void 0:V.call(u)),b=e.computed(()=>Math.floor(s/e.unref(L))),{items:v,sorted:k,handleClickConfirm:y}=K.useSorter(m);e.watch(()=>u.default(),t=>{R=m.value,m.value=S.diffFormItem(R,T.genRealChildren(t)),k.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{i.value=t});const a=e.computed(()=>{const t=m.value,n=[],l=[],h=[],c=e.unref(b);let x=0,C=0;const $=s*o.maxRows-c*(e.unref(i)&&!o.extraInAction?2:1);t.forEach((N,G)=>{const d=N.props;if(w.isBoolean(d.hidden)?!!d.hidden:P.isDef(d.hidden))n.push(N);else{let _=d.span||c;const A={node:N,span:_,key:`ApFormSearchFormItem-${G}-${M(d.name)}-${d._signal}`},I=s-x%s;I<_&&(_+=I),x+=_,x>$?l.push(A):(C=x,h.push(A))}});const q=s-(C+c)%s,z=C%s<c,H=q<c?s:q;return{hideNode:e.createVNode(e.Fragment,null,[n]),nodes:h,collapseNodes:l,extraSpan:H,lastRowOnlyIncludeActionAndExtra:z}}),U=e.computed(()=>{let t;const n=a.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{span:e.unref(b),key:"actionWrapper"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:a.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(i)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[n?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[a.value.collapseNodes.length?e.createVNode(Y.default,{onSubmit:F,config:a.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&v.value.length?e.createVNode(Z.default,{ref:"sorterIns",items:v.value,onClickConfirm:y,sorted:k.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:F,loading:o.submitLoading,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:D,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(i):null]})]})]}),h=!o.extraInAction&&e.unref(i)?e.createVNode(r.Col,{span:a.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{justify:a.value.extraSpan===s||a.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},te(t=e.unref(i))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{span:a.value.extraSpan},null);return a.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||c,l]):e.createVNode(e.Fragment,null,[l,h])});function W(){var n;const t=(n=j.value)==null?void 0:n.getCachedList();y(t)}return O({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>v.value,setSorterItems:y,resetSorterItems:W}),(t,n)=>(e.openBlock(),e.createBlock(ee.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,span:l.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(U.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=oe;