@aplus-frontend/ui 0.6.4 → 0.6.6

package/es/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/es/src/ap-form/item-group/index.vue.mjs

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

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

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

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

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

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

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

package/es/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;