@aplus-frontend/ui 0.6.0-beta.7 → 0.6.0-beta.9

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

@@ -183,6 +183,10 @@ export type ApFormSearchFormPopoverSorterProps = {
      * @returns
      */
     onClickConfirm: (sortedChildren: VNode[]) => void;
+    /**
+     * 当前的children是否已经排序过了
+     */
+    sorted?: boolean;
 };
 export type ApFormSearchFormExpose = {
     apForm: ApFormExpose;

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

@@ -1,4 +1,133 @@
 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>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, GlobalComponents, GlobalDirectives } from 'vue';
+import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
+import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
+import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
+import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
+declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormSearchFormPopoverFilterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    triggerBtnRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        type: PropType<ButtonType>;
+        htmlType: {
+            type: PropType<ButtonHTMLType>;
+            default: string;
+        };
+        shape: {
+            type: PropType<ButtonShape>;
+        };
+        size: {
+            type: PropType<ButtonSize>;
+        };
+        loading: {
+            type: PropType<boolean | {
+                delay?: number;
+            }>;
+            default: () => boolean | {
+                delay?: number;
+            };
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        ghost: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        danger: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        icon: VueTypeValidableDef<any>;
+        href: StringConstructor;
+        target: StringConstructor;
+        title: StringConstructor;
+        onClick: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        block: boolean;
+        disabled: boolean;
+        danger: boolean;
+        ghost: boolean;
+        htmlType: ButtonHTMLType;
+        loading: boolean | {
+            delay?: number;
+        };
+    }, true, {}, CustomSlotsType<{
+        icon: any;
+        default: any;
+    }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        type: PropType<ButtonType>;
+        htmlType: {
+            type: PropType<ButtonHTMLType>;
+            default: string;
+        };
+        shape: {
+            type: PropType<ButtonShape>;
+        };
+        size: {
+            type: PropType<ButtonSize>;
+        };
+        loading: {
+            type: PropType<boolean | {
+                delay?: number;
+            }>;
+            default: () => boolean | {
+                delay?: number;
+            };
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        ghost: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        danger: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        icon: VueTypeValidableDef<any>;
+        href: StringConstructor;
+        target: StringConstructor;
+        title: StringConstructor;
+        onClick: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        block: boolean;
+        disabled: boolean;
+        danger: boolean;
+        ghost: boolean;
+        htmlType: ButtonHTMLType;
+        loading: boolean | {
+            delay?: number;
+        };
+    }> | null;
+}, any>;
 export default _default;

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

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

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

@@ -1,105 +1,117 @@
-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 y } from "vue";
-import { Popover as S, Tooltip as D, Button as v, Flex as C, Divider as L } from "@aplus-frontend/antdv";
-import { IconApLayoutOutlined as P } from "@aplus-frontend/icon";
+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 "../../../../config-provider/index.mjs";
-import V from "vuedraggable";
+import I from "vuedraggable";
 import "./sortable-item.vue.mjs";
-import { getStringName as j } from "../../../item-group/helper.mjs";
-import { useNamespace as g } from "../../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as A } from "../../../../config-provider/hooks/use-locale.mjs";
-import I from "./sortable-item.vue2.mjs";
-const J = /* @__PURE__ */ T({
+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({
   name: "ApFormSearchFormPopoverSorter",
   __name: "index",
   props: {
     children: {},
-    onClickConfirm: { type: Function }
+    onClickConfirm: { type: Function },
+    sorted: { type: Boolean }
   },
-  setup(k) {
-    const d = k, p = h(d.children);
-    let _ = [...d.children];
-    const { e: c } = g("ap-form-search-form"), { b: a } = g("search-form-sorter"), { t: s } = A(), i = h(!1);
-    function F(m) {
-      return m.closest(".ant-form") || document.body;
+  setup(w) {
+    const l = w, c = C(l.children);
+    let v = [...l.children], g = [...l.children];
+    k(
+      () => l.children,
+      (t) => {
+        l.sorted || (c.value = t, g = t, v = t);
+      }
+    );
+    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;
     }
-    function b() {
-      i.value = !1, console.log(e(p)), d.onClickConfirm(e(p));
+    function B() {
+      p.value = !1, v = [...e(c)], l.onClickConfirm(e(c));
     }
-    function x() {
-      p.value = [..._];
+    function N() {
+      c.value = [...g];
     }
-    function N(m) {
-      return j(m.props.name);
+    function T(t) {
+      return L(t.props.name);
     }
-    return (m, f) => (B(), w(e(S), {
-      open: i.value,
-      "onUpdate:open": f[1] || (f[1] = (u) => i.value = u),
-      "overlay-class-name": e(c)("popover"),
+    return k(
+      () => p.value,
+      (t) => {
+        t && (c.value = [...v]);
+      }
+    ), (t, u) => (P(), D(e(V), {
+      open: p.value,
+      "onUpdate:open": u[1] || (u[1] = (d) => p.value = d),
+      "overlay-class-name": e(f)("popover"),
       trigger: "click",
       placement: "bottom",
       mask: "",
       "mask-style": { backgroundColor: "transparent" },
-      "get-popup-container": F
+      "get-popup-container": x
     }, {
-      content: t(() => [
-        n("div", {
-          class: r(e(a)("header"))
+      content: a(() => [
+        s("div", {
+          class: r(e(n)("header"))
         }, [
-          n("span", {
-            class: r(e(a)("header-title"))
-          }, l(e(s)("ap.apForm.search.sorterTitle")), 3),
-          o(e(C), { 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
+          s("span", {
+            class: r(e(n)("header-title"))
+          }, m(e(i)("ap.apForm.search.sorterTitle")), 3),
+          o(e(_), { justify: "space-between" }, {
+            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")),
+                onClick: N
               }, [
-                n("span", {
-                  class: r(e(a)("header-reset-btn"))
-                }, l(e(s)("ap.apForm.search.sorterReset")), 3)
+                s("span", {
+                  class: r(e(n)("header-reset-btn"))
+                }, m(e(i)("ap.apForm.search.sorterReset")), 3)
               ], 2)
             ]),
             _: 1
           })
         ], 2),
-        n("div", {
-          class: r([e(c)("popover-content"), e(a)("content")])
+        s("div", {
+          class: r([e(f)("popover-content"), e(n)("content")])
         }, [
-          o(e(V), {
-            list: p.value,
-            class: r(e(a)("sorter-wrapper")),
-            "item-key": N
+          o(e(I), {
+            list: c.value,
+            class: r(e(n)("sorter-wrapper")),
+            "item-key": T
           }, {
-            item: t(({ element: u }) => [
-              o(I, { item: u }, null, 8, ["item"])
+            item: a(({ element: d }) => [
+              o($, { item: d }, null, 8, ["item"])
             ]),
             _: 1
           }, 8, ["list", "class"])
         ], 2),
-        o(e(L), { style: { margin: "0" } }),
-        n("div", {
-          class: r(e(c)("popover-footer"))
+        o(e(z), { style: { margin: "0" } }),
+        s("div", {
+          class: r(e(f)("popover-footer"))
         }, [
-          o(e(C), { justify: "end" }, {
-            default: t(() => [
-              o(e(v), {
-                onClick: f[0] || (f[0] = (u) => i.value = !1)
+          o(e(_), { justify: "end" }, {
+            default: a(() => [
+              o(e(h), {
+                onClick: u[0] || (u[0] = (d) => p.value = !1)
               }, {
-                default: t(() => [
-                  y(l(e(s)("ap.common.cancelText")), 1)
+                default: a(() => [
+                  b(m(e(i)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
-              o(e(v), {
-                class: r(e(c)("popover-footer-confirm-btn")),
+              o(e(h), {
+                class: r(e(f)("popover-footer-confirm-btn")),
                 type: "primary",
-                onClick: b
+                onClick: B
               }, {
-                default: t(() => [
-                  y(l(e(s)("ap.apForm.search.sorterConfirmBtn")), 1)
+                default: a(() => [
+                  b(m(e(i)("ap.apForm.search.sorterConfirmBtn")), 1)
                 ]),
                 _: 1
               }, 8, ["class"])
@@ -108,18 +120,20 @@ const J = /* @__PURE__ */ T({
           })
         ], 2)
       ]),
-      default: t(() => [
-        o(e(D), {
-          title: e(s)("ap.apForm.search.sorterTitle"),
+      default: a(() => [
+        o(e(j), {
+          title: e(i)("ap.apForm.search.sorterTitle"),
           placement: "top"
         }, {
-          default: t(() => [
-            o(e(v), null, {
-              icon: t(() => [
-                o(e(P))
+          default: a(() => [
+            o(e(h), {
+              class: r([e(y)("trigger-btn"), { [e(y)("trigger-btn-active")]: p.value }])
+            }, {
+              icon: a(() => [
+                o(e(A), { size: 14 })
               ]),
               _: 1
-            })
+            }, 8, ["class"])
           ]),
           _: 1
         }, 8, ["title"])
@@ -129,5 +143,5 @@ const J = /* @__PURE__ */ T({
   }
 });
 export {
-  J as default
+  W as default
 };

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

@@ -383,7 +383,9 @@ declare function __VLS_template(): {
                             default: string | number | ColSize;
                         };
                         xxl: {
-                            type: PropType<string | number | ColSize>;
+                            type: PropType<string | number | **
+                             * extra区域展开占据的span数(占据剩余所有空间)
+                             */).ColSize>;
                             default: string | number | ColSize;
                         };
                         prefixCls: StringConstructor;
@@ -1218,7 +1220,9 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                         default: string | number | ColSize;
                     };
                     xxl: {
-                        type: PropType<string | number | ColSize>;
+                        type: PropType<string | number | **
+                         * extra区域展开占据的span数(占据剩余所有空间)
+                         */).ColSize>;
                         default: string | number | ColSize;
                     };
                     prefixCls: StringConstructor;