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

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 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 { 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, l) => (p(), s(e(B), {
-      open: m.value,
-      "onUpdate:open": l[1] || (l[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")]),
-          style: { paddingBottom: 0, width: "825px" }
+        g("div", {
+          class: s([e(a)("popover-content")]),
+          style: { paddingBottom: "4px", width: "825px" }
         }, [
-          t(e(x), { gutter: 16 }, {
+          t(e(N), { gutter: 8 }, {
             default: o(() => [
-              (p(!0), C(F, null, _(n.config, (r) => (p(), 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(() => [
-                  (p(), 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: l[0] || (l[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(h), {
-          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,100 +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 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 { 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 S from "vuedraggable";
+import I 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({
+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, 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;
+  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(c)), d.onClickConfirm(e(c));
+    function B() {
+      p.value = !1, v = [...e(c)], l.onClickConfirm(e(c));
     }
-    function x() {
+    function N() {
       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"),
+    function T(t) {
+      return L(t.props.name);
+    }
+    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(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
+          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(p)("popover-content"), e(a)("content")])
+        s("div", {
+          class: r([e(f)("popover-content"), e(n)("content")])
         }, [
-          o(e(S), {
+          o(e(I), {
             list: c.value,
-            class: r(e(a)("sorter-wrapper"))
+            class: r(e(n)("sorter-wrapper")),
+            "item-key": T
           }, {
-            item: t(({ element: f }) => [
-              o(j, { item: f }, 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(p)("popover-footer"))
+        o(e(z), { style: { margin: "0" } }),
+        s("div", {
+          class: r(e(f)("popover-footer"))
         }, [
-          o(e(y), { justify: "end" }, {
-            default: t(() => [
-              o(e(u), {
-                onClick: m[0] || (m[0] = (f) => i.value = !1)
+          o(e(_), { justify: "end" }, {
+            default: a(() => [
+              o(e(h), {
+                onClick: u[0] || (u[0] = (d) => p.value = !1)
               }, {
-                default: t(() => [
-                  C(l(e(s)("ap.common.cancelText")), 1)
+                default: a(() => [
+                  b(m(e(i)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
-              o(e(u), {
-                class: r(e(p)("popover-footer-confirm-btn")),
+              o(e(h), {
+                class: r(e(f)("popover-footer-confirm-btn")),
                 type: "primary",
-                onClick: b
+                onClick: B
               }, {
-                default: t(() => [
-                  C(l(e(s)("ap.apForm.search.sorterConfirmBtn")), 1)
+                default: a(() => [
+                  b(m(e(i)("ap.apForm.search.sorterConfirmBtn")), 1)
                 ]),
                 _: 1
               }, 8, ["class"])
@@ -103,18 +120,20 @@ const G = /* @__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(u), 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"])
@@ -124,5 +143,5 @@ const G = /* @__PURE__ */ T({
   }
 });
 export {
-  G as default
+  W as default
 };

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

@@ -1,24 +1,24 @@
-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 { 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 "../../../../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({
+const x = ["title"], C = /* @__PURE__ */ c({
   name: "ApFormSearchFormPopoverSorterItem",
   __name: "sortable-item",
   props: {
     item: {}
   },
   setup(m) {
-    const s = m, n = i(() => {
+    const s = m, i = n(() => {
       const e = s.item.props;
-      return e.label || e.placeholder;
-    }), p = i(() => {
+      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(), c("div", {
+    return (e, B) => (d(), a("div", {
       class: r([t(o)("sorter-item"), { [t(o)("sorter-item--hidden")]: p.value }])
     }, [
       l("div", null, [
@@ -28,8 +28,8 @@ const x = ["title"], C = /* @__PURE__ */ a({
         }, null, 8, ["class"]),
         l("span", {
           class: r(t(o)("sorter-item-text")),
-          title: n.value
-        }, f(n.value), 11, x)
+          title: i.value
+        }, f(i.value), 11, x)
       ])
     ], 2));
   }

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;