@aplus-frontend/ui 0.3.0 → 0.3.2

package/es/src/business/ap-appendix/ap-appendix.vue2.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as T, computed as d, ref as V, openBlock as s, createElementBlock as u, mergeProps as S, unref as t, renderSlot as p, createVNode as g, withCtx as v, createElementVNode as c, normalizeClass as n, createBlock as N, createCommentVNode as h, Fragment as j, renderList as D, createSlots as E, createTextVNode as M, toDisplayString as U } from "vue";
-import z from "./icons/file-icon.vue.mjs";
-import { Tooltip as G, TypographyText as P } from "@aplus-frontend/antdv";
-import { IconVariantDownload as q } from "@aplus-frontend/icon";
-import { LoadingOutlined as H } from "@ant-design/icons-vue";
+import { defineComponent as T, computed as d, ref as V, openBlock as s, createElementBlock as u, mergeProps as S, unref as t, renderSlot as p, createVNode as g, withCtx as v, createElementVNode as c, normalizeClass as n, createBlock as C, createCommentVNode as h, Fragment as j, renderList as D, createSlots as E, createTextVNode as U, toDisplayString as z } from "vue";
+import G from "./icons/file-icon.vue.mjs";
+import { Tooltip as P, TypographyText as q } from "@aplus-frontend/antdv";
+import { IconVariantDownload as H } from "@aplus-frontend/icon";
+import { LoadingOutlined as J } from "@ant-design/icons-vue";
 import "../ap-title/ApTitle.vue.mjs";
 import "../../ap-download/ap-download.vue2.mjs";
 import "../../config-provider/index.mjs";
-import { getFileInfo as J } from "./utils/index.mjs";
-import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
+import { getFileInfo as K } from "./utils/index.mjs";
+import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as Q } from "../../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as w } from "../../config-provider/hooks/use-global-config.mjs";
 import R from "../ap-title/ApTitle.vue2.mjs";
@@ -23,38 +23,38 @@ const X = ["onClick"], de = /* @__PURE__ */ T({
     column: { default: 2 },
     isFileAreaBorder: { type: Boolean, default: !1 }
   },
-  setup(O) {
-    const { b: $, e: i, em: C } = K("ap-appendix"), { t: y } = Q(), e = O, x = w("apUpload"), k = w(
+  setup($) {
+    const { b: x, e: a, em: k } = M("ap-appendix"), { t: y } = Q(), e = $, B = w("apUpload"), N = w(
       "downloadCenterTriggerConfig"
     ), f = d(
-      () => J(e == null ? void 0 : e.needName, (e == null ? void 0 : e.fileList) ?? [])
-    ), B = d(
+      () => K(e == null ? void 0 : e.needName, (e == null ? void 0 : e.fileList) ?? [])
+    ), b = d(
       () => {
         var l;
-        return e.getOssAccess || ((l = x.value) == null ? void 0 : l.getOssAccess);
+        return e.getOssAccess || ((l = B.value) == null ? void 0 : l.getOssAccess);
       }
     ), F = d(
       () => !(Array.isArray(f.value) && f.value.length)
-    ), a = V([]), b = d(() => e.title || y("ap.apAppendix.appendix"));
+    ), i = V([]), O = d(() => e.title || y("ap.apAppendix.appendix"));
     async function I(l, m) {
-      var o, L;
-      if (!(a.value.findIndex((r) => r === m) > -1)) {
-        a.value = [...a.value, m];
+      var o, A;
+      if (!(i.value.findIndex((r) => r === m) > -1)) {
+        i.value = [...i.value, m];
         try {
-          if ((o = k.value) != null && o.trigger) {
+          if ((o = N.value) != null && o.trigger) {
             let r = [l].map((_) => ({
               objectName: _.path,
               fileName: _.fileName
             }));
-            await ((L = k.value) == null ? void 0 : L.trigger(r));
+            await ((A = N.value) == null ? void 0 : A.trigger(r));
           }
         } finally {
-          a.value = a.value.filter((r) => r !== m);
+          i.value = i.value.filter((r) => r !== m);
         }
       }
     }
     return (l, m) => (s(), u("div", S({
-      class: [t($)()]
+      class: [t(x)()]
     }, {
       ...l.$attrs
     }, {
@@ -66,12 +66,12 @@ const X = ["onClick"], de = /* @__PURE__ */ T({
         fileList: e.fileList
       }, () => [
         g(R, {
-          title: b.value,
-          helpMessage: e == null ? void 0 : e.tooltip
+          title: O.value,
+          "help-message": e == null ? void 0 : e.tooltip
         }, {
           suffix: v(() => [
             c("div", {
-              class: n([t(i)("suffix")])
+              class: n([t(a)("suffix")])
             }, [
               p(l.$slots, "titleSuffix", {
                 fileList: e.fileList
@@ -79,23 +79,23 @@ const X = ["onClick"], de = /* @__PURE__ */ T({
               p(l.$slots, "titleDownloadAllBtn", {
                 fileList: e.fileList
               }, () => [
-                F.value ? h("", !0) : (s(), N(W, {
+                F.value ? h("", !0) : (s(), C(W, {
                   key: 0,
-                  class: n([t(i)("download-all")]),
+                  class: n([t(a)("download-all")]),
                   text: t(y)("ap.apAppendix.downloadAll"),
-                  getOssAccess: B.value,
-                  fileName: f.value
+                  "get-oss-access": b.value,
+                  "file-name": f.value
                 }, {
                   icon: v(() => [
-                    g(t(q))
+                    g(t(H))
                   ]),
                   _: 1
-                }, 8, ["class", "text", "getOssAccess", "fileName"]))
+                }, 8, ["class", "text", "get-oss-access", "file-name"]))
               ])
             ], 2)
           ]),
           _: 3
-        }, 8, ["title", "helpMessage"])
+        }, 8, ["title", "help-message"])
       ]),
       p(l.$slots, "fileArea", {
         fileList: e.fileList
@@ -103,50 +103,50 @@ const X = ["onClick"], de = /* @__PURE__ */ T({
         F.value ? h("", !0) : (s(), u("div", {
           key: 0,
           class: n({
-            [t(i)("file-area")]: !0,
-            [t(C)("file-area", "border")]: !!e.isFileAreaBorder
+            [t(a)("file-area")]: !0,
+            [t(k)("file-area", "border")]: !!e.isFileAreaBorder
           })
         }, [
           c("div", {
-            class: n([t(i)("file-area-content")])
+            class: n([t(a)("file-area-content")])
           }, [
-            (s(!0), u(j, null, D(f.value, (A, o) => (s(), u("div", {
+            (s(!0), u(j, null, D(f.value, (L, o) => (s(), u("div", {
+              key: o,
               class: n({
-                [t(i)("file-area-content-item")]: !0,
-                [t(C)("file-area-content-item", "loading")]: a.value.includes(o)
-              }),
-              key: o
+                [t(a)("file-area-content-item")]: !0,
+                [t(k)("file-area-content-item", "loading")]: i.value.includes(o)
+              })
             }, [
-              g(t(G), null, E({
+              g(t(P), null, E({
                 default: v(() => [
                   c("div", {
                     class: n({
-                      [t(i)("file-area-content-item-content")]: !0,
-                      [t(i)("file-area-content-item--loading-content")]: a.value.includes(o)
+                      [t(a)("file-area-content-item-content")]: !0,
+                      [t(a)("file-area-content-item--loading-content")]: i.value.includes(o)
                     }),
-                    onClick: (L) => I(A, o)
+                    onClick: (A) => I(L, o)
                   }, [
                     c("div", {
-                      class: n([t(i)("file-area-content-item-icon")])
+                      class: n([t(a)("file-area-content-item-icon")])
                     }, [
-                      a.value.includes(o) ? (s(), N(t(H), { key: 0 })) : (s(), N(z, { key: 1 }))
+                      i.value.includes(o) ? (s(), C(t(J), { key: 0 })) : (s(), C(G, { key: 1 }))
                     ], 2),
                     c("div", {
-                      class: n([t(i)("file-area-content-item-file-name")])
+                      class: n([t(a)("file-area-content-item-file-name")])
                     }, [
-                      g(t(P), {
+                      g(t(q), {
                         ellipsis: "",
-                        content: A.fileName
+                        content: L.fileName
                       }, null, 8, ["content"])
                     ], 2)
                   ], 10, X)
                 ]),
                 _: 2
               }, [
-                a.value.includes(o) ? void 0 : {
+                i.value.includes(o) ? void 0 : {
                   name: "title",
                   fn: v(() => [
-                    M(U(t(y)("ap.apAppendix.downloadFile")), 1)
+                    U(z(t(y)("ap.apAppendix.downloadFile")), 1)
                   ]),
                   key: "0"
                 }

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.mjs

@@ -18,7 +18,7 @@ const ee = /* @__PURE__ */ A({
     menuList: {}
   },
   setup(P) {
-    const { b: i } = S("ap-batch-action-group"), { t: L } = F(), e = P, _ = O("uiMode"), { hasPermission: g } = M(), p = n(
+    const { b: i } = S("ap-batch-action-group"), { t: _ } = F(), e = P, g = O("uiMode"), { hasPermission: k } = M(), p = n(
       () => {
         var t;
         return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.dropdownType) || "default";
@@ -31,24 +31,24 @@ const ee = /* @__PURE__ */ A({
     ), f = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || L("ap.apApBatchActionGroup.batchOperation");
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || _("ap.apApBatchActionGroup.batchOperation");
       }
-    ), k = n(() => (e == null ? void 0 : e.selectedRows) || []), d = n(
+    ), B = n(() => (e == null ? void 0 : e.selectedRows) || []), d = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.disabled) ?? (Array.isArray(e.selectedRows) ? k.value.length === 0 : !1);
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.disabled) ?? (Array.isArray(e.selectedRows) ? B.value.length === 0 : !1);
       }
-    ), B = n(() => {
+    ), L = n(() => {
       const t = {
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return u.value === "borderLink" ? d.value ? void 0 : t[_.value] || t.aplus : void 0;
+      return u.value === "borderLink" ? d.value ? void 0 : t[g.value] || t.aplus : void 0;
     }), l = n(() => {
       var t;
       return ((t = e == null ? void 0 : e.menuList) == null ? void 0 : t.filter((o) => {
         let s = o == null ? void 0 : o.ifShow;
-        return !(o != null && o.ifShow) && (o != null && o.auth) && (s = () => g(o.auth)), (s == null ? void 0 : s()) ?? !0;
+        return !(o != null && o.ifShow) && (o != null && o.auth) && (s = () => k(o.auth)), (s == null ? void 0 : s()) ?? !0;
       })) || [];
     });
     function b() {
@@ -68,12 +68,12 @@ const ee = /* @__PURE__ */ A({
       overlay: r(() => [
         c(w, m({
           ...e
-        }, { menuList: l.value }), null, 16, ["menuList"])
+        }, { "menu-list": l.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
         C("span", {
           style: D({
-            color: B.value
+            color: L.value
           })
         }, h(f.value), 5)
       ]),
@@ -86,7 +86,7 @@ const ee = /* @__PURE__ */ A({
       overlay: r(() => [
         c(w, m({
           ...e
-        }, { menuList: l.value }), null, 16, ["menuList"])
+        }, { "menu-list": l.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
         c(a(E), R(T({

package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs

@@ -85,8 +85,8 @@ const Z = ["onClick"], pe = /* @__PURE__ */ W({
           y.value ? (a(), g(t(Q), {
             key: 0,
             size: "small",
-            onClick: d[0] || (d[0] = (i) => R()),
-            style: { "font-size": "12px", "padding-left": "16px" }
+            style: { "font-size": "12px", "padding-left": "16px" },
+            onClick: d[0] || (d[0] = (i) => R())
           }, {
             default: m(() => [
               b("span", {
@@ -101,10 +101,10 @@ const Z = ["onClick"], pe = /* @__PURE__ */ W({
         ]),
         message: m(() => [
           b("div", {
-            style: c({ ...D.value, ...e.contentStyle }),
-            class: s(t(o)("alertContent")),
             ref_key: "ellipsisBoxRef",
-            ref: u
+            ref: u,
+            style: c({ ...D.value, ...e.contentStyle }),
+            class: s(t(o)("alertContent"))
           }, [
             N(e.$slots, "default", {}, () => [
               t(E)(e.prefix) ? (a(), n("span", {

package/es/src/business/ap-export-group/ApExportGroup.vue2.mjs

@@ -32,33 +32,33 @@ const oe = /* @__PURE__ */ B({
       return b.value ? "" : t[_.value] || t.aplus;
     }), b = l(() => !!(e != null && e.disabled)), A = l(() => (e == null ? void 0 : e.successMessage) === !0 ? n("ap.apExportGroup.exportSuccess") : e != null && e.successMessage ? e.successMessage : ""), G = {
       textAlign: "center"
-    }, c = D(!1), w = l(() => (e == null ? void 0 : e.selectedRowKeys) || []), P = l(() => {
+    }, c = D(!1), v = l(() => (e == null ? void 0 : e.selectedRowKeys) || []), P = l(() => {
       let t = e == null ? void 0 : e.ifShow;
       return !(e != null && e.ifShow) && (e != null && e.auth) && (t = () => C(e.auth)), (t == null ? void 0 : t()) ?? !0;
     });
     async function k({ key: t }) {
-      var v, h;
-      const { getRequestParams: u, request: o } = e || {};
+      var w, h;
+      const { getRequestParams: r, request: o } = e || {};
       let d = {};
       t === i.SELECT ? d = {
-        [(e == null ? void 0 : e.idKey) || "ids"]: w.value
-      } : t === i.ALL && (d = (u == null ? void 0 : u()) || {});
-      const p = ((v = e == null ? void 0 : e.getInitialParams) == null ? void 0 : v.call(e)) || {};
+        [(e == null ? void 0 : e.idKey) || "ids"]: v.value
+      } : t === i.ALL && (d = (r == null ? void 0 : r()) || {});
+      const p = ((w = e == null ? void 0 : e.getInitialParams) == null ? void 0 : w.call(e)) || {};
       try {
         c.value = !0;
-        let r = {
+        let u = {
           ...d,
           ...p
         };
-        r = ((h = e == null ? void 0 : e.beforeRequest) == null ? void 0 : h.call(e, r)) || r, await O(async () => await (o == null ? void 0 : o(r))), e != null && e.successMessage && I.success(A.value);
+        u = ((h = e == null ? void 0 : e.beforeRequest) == null ? void 0 : h.call(e, u)) || u, await O(async () => await (o == null ? void 0 : o(u))), e != null && e.successMessage && I.success(A.value);
       } finally {
         c.value = !1;
       }
     }
-    return (t, u) => P.value ? (m(), f(a(V), {
+    return (t, r) => P.value ? (m(), f(a(V), {
       key: 0,
       class: K([a(S)()]),
-      overlayStyle: G,
+      "overlay-style": G,
       disabled: b.value
     }, {
       overlay: s(() => [
@@ -68,7 +68,7 @@ const oe = /* @__PURE__ */ B({
             return [
               (m(), f(a(M), {
                 key: a(i).SELECT,
-                disabled: ((o = w.value) == null ? void 0 : o.length) === 0
+                disabled: ((o = v.value) == null ? void 0 : o.length) === 0
               }, {
                 default: s(() => [
                   g(x(a(n)("ap.apExportGroup.exportSelected")), 1)

package/es/src/business/ap-group-search/ap-group-search.vue.d.ts

@@ -5,9 +5,9 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         search?(_: {
+            key: SelectValue;
             value: any;
             change: (e: any) => void;
-            key: SelectValue;
         }): any;
     };
     refs: {

package/es/src/business/ap-group-search/ap-group-search.vue2.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as L, ref as P, computed as c, onMounted as N, watch as R, unref as t, resolveComponent as D, openBlock as C, createElementBlock as K, normalizeClass as d, createVNode as p, withCtx as S, normalizeStyle as O, createBlock as T, createCommentVNode as F, renderSlot as $ } from "vue";
+import { defineComponent as P, ref as M, computed as c, onMounted as N, watch as R, unref as t, resolveComponent as D, openBlock as w, createElementBlock as K, normalizeClass as d, createVNode as p, withCtx as C, normalizeStyle as O, createBlock as F, createCommentVNode as T, renderSlot as $ } from "vue";
 import { Flex as j, Select as E } from "@aplus-frontend/antdv";
 import G from "./images/icon-down.vue.mjs";
 import "./extension-select/index.vue.mjs";
-import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
+import { useControllableValue as z } from "../../hooks/useControllableValue.mjs";
 import "../../config-provider/index.mjs";
-import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as H } from "../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as H } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as U } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
 import Y from "./extension-select/index.vue2.mjs";
-const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ L({
+const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ P({
   __name: "ap-group-search",
   props: {
     value: {},
@@ -90,11 +90,11 @@ const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ L({
     style: {}
   },
   emits: ["update:value"],
-  setup(w, { emit: _ }) {
-    const { t: h } = z(), f = H("uiMode", "aplus"), y = P(), l = w, B = c(() => ({
+  setup(S, { emit: _ }) {
+    const { t: h } = H(), f = U("uiMode", "aplus"), y = M(), l = S, B = c(() => ({
       width: "auto",
       ...l.style
-    })), b = _, { value: a, updateValue: u } = W(l, b), A = (e) => {
+    })), b = _, { value: a, updateValue: u } = z(l, b), A = (e) => {
       let o = e;
       e === m ? o = l.options.map((n) => n.value) : o = toString.call(o) === "[object Array]" ? e : [e], u({
         ...a.value,
@@ -139,52 +139,52 @@ const m = "GROUP_SEARCH_ALL", ne = /* @__PURE__ */ L({
         ...a.value,
         value: e
       });
-    }, { b: I, e: g, em: M } = U("ap-group-search");
+    }, { b: I, e: g, em: L } = W("ap-group-search");
     return (e, o) => {
       const n = D("Divider");
-      return C(), K("div", {
-        class: d(t(I)()),
+      return w(), K("div", {
         ref_key: "containerRef",
-        ref: y
+        ref: y,
+        class: d(t(I)())
       }, [
         p(t(j), null, {
-          default: S(() => {
+          default: C(() => {
             var s, i;
             return [
               p(t(E), {
                 value: V.value,
                 style: O(B.value),
-                class: d(`${e.$attrs.class} ${t(f) === "admin" ? t(M)("search", "admin") : t(g)("search")}`),
+                class: d(`${e.$attrs.class} ${t(f) === "admin" ? t(L)("search", "admin") : t(g)("search")}`),
                 options: k.value,
                 bordered: !1,
-                dropdownMatchSelectWidth: l.dropdownMatchSelectWidth,
+                "dropdown-match-select-width": l.dropdownMatchSelectWidth,
                 onChange: A
               }, {
-                suffixIcon: S(() => [
+                suffixIcon: C(() => [
                   p(G)
                 ]),
                 _: 1
-              }, 8, ["value", "style", "class", "options", "dropdownMatchSelectWidth"]),
-              t(f) === "aplus" ? (C(), T(n, {
+              }, 8, ["value", "style", "class", "options", "dropdown-match-select-width"]),
+              t(f) === "aplus" ? (w(), F(n, {
                 key: 0,
                 class: d(t(g)("divider")),
                 type: "vertical",
                 style: {}
-              }, null, 8, ["class"])) : F("", !0),
+              }, null, 8, ["class"])) : T("", !0),
               $(e.$slots, "search", {
-                value: (s = t(a)) == null ? void 0 : s.value,
-                change: v,
-                key: (i = t(a)) == null ? void 0 : i.key
+                key: (s = t(a)) == null ? void 0 : s.key,
+                value: (i = t(a)) == null ? void 0 : i.value,
+                change: v
               }, () => {
                 var r;
                 return [
                   p(Y, {
                     style: { width: "100%" },
-                    maxTagCount: "responsive",
+                    "max-tag-count": "responsive",
                     value: (r = t(a)) == null ? void 0 : r.value,
-                    onChange: v,
                     placeholder: x.value,
-                    "__parent-ref": y.value
+                    "__parent-ref": y.value,
+                    onChange: v
                   }, null, 8, ["value", "placeholder", "__parent-ref"])
                 ];
               })

package/es/src/business/ap-group-search/extension-select/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as v, ref as t, computed as y, watch as w, openBlock as B, createElementBlock as _, createVNode as s, unref as l, normalizeClass as x, normalizeStyle as b, withCtx as S } from "vue";
+import { defineComponent as y, ref as t, computed as C, watch as w, openBlock as B, createElementBlock as _, createVNode as s, unref as l, normalizeClass as x, normalizeStyle as b, withCtx as S } from "vue";
 import { Select as I } from "@aplus-frontend/antdv";
 import "../popover-select/index.vue.mjs";
 import "../../../config-provider/index.mjs";
 import { useGlobalConfig as R } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as T } from "../../../config-provider/hooks/use-namespace.mjs";
-import V from "../popover-select/index.vue2.mjs";
-const O = /* @__PURE__ */ v({
+import { useNamespace as V } from "../../../config-provider/hooks/use-namespace.mjs";
+import N from "../popover-select/index.vue2.mjs";
+const O = /* @__PURE__ */ y({
   __name: "index",
   props: {
     value: {},
@@ -85,7 +85,7 @@ const O = /* @__PURE__ */ v({
   },
   emits: ["change"],
   setup(u, { emit: c }) {
-    const d = R("uiMode", "aplus"), o = u, r = t(), n = t(), a = t(!1), m = y(() => o.__parentRef || r.value), f = c, h = (e) => {
+    const d = R("uiMode", "aplus"), o = u, r = t(), n = t(), a = t(!1), m = C(() => o.__parentRef || r.value), f = c, h = (e) => {
       e && (a.value = !1);
     };
     w(
@@ -97,7 +97,7 @@ const O = /* @__PURE__ */ v({
     );
     const p = (e) => {
       n.value = e, f("change", e);
-    }, { b: g } = T("ap-extension-select");
+    }, { b: g } = V("ap-extension-select");
     return (e, i) => (B(), _("div", {
       ref_key: "containerRef",
       ref: r
@@ -108,24 +108,24 @@ const O = /* @__PURE__ */ v({
         style: b(e.$attrs.style),
         bordered: l(d) === "admin",
         mode: "tags",
-        showArrow: !0,
+        "show-arrow": !0,
         "not-found-content": !0,
         open: a.value,
-        onDropdownVisibleChange: i[0] || (i[0] = (C) => a.value = C),
-        onChange: p,
-        maxTagCount: o.maxTagCount,
-        placeholder: o.placeholder
+        "max-tag-count": o.maxTagCount,
+        placeholder: o.placeholder,
+        onDropdownVisibleChange: i[0] || (i[0] = (v) => a.value = v),
+        onChange: p
       }, {
         suffixIcon: S(() => [
-          s(V, {
+          s(N, {
             value: n.value,
+            "__parent-ref": m.value,
             onSubmit: p,
-            onOpenChange: h,
-            "__parent-ref": m.value
+            onOpenChange: h
           }, null, 8, ["value", "__parent-ref"])
         ]),
         _: 1
-      }, 8, ["class", "value", "style", "bordered", "open", "maxTagCount", "placeholder"])
+      }, 8, ["class", "value", "style", "bordered", "open", "max-tag-count", "placeholder"])
     ], 512));
   }
 });

package/es/src/business/ap-group-search/index.d.ts

@@ -42,9 +42,9 @@ declare const ApGroupSearch: {
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         search?(_: {
+            key: SelectValue;
             value: any;
             change: (e: any) => void;
-            key: SelectValue;
         }): any;
     };
 }) & ( Plugin & (new (...args: any[]) => {

package/es/src/business/ap-group-search/popover-select/index.vue2.mjs

@@ -86,14 +86,14 @@ const Y = /* @__PURE__ */ P({
   },
   emits: ["submit", "open-change"],
   setup(S, { emit: w }) {
-    const { t: r } = F(), h = E("uiMode", "aplus"), i = S, v = w, t = u([]), c = u(!1), g = u();
+    const { t: r } = F(), h = E("uiMode", "aplus"), c = S, v = w, t = u([]), i = u(!1), g = u();
     R(() => {
-      t.value = i.value;
+      t.value = c.value;
     });
-    const B = (o) => i.__parentRef || o, b = (o) => {
-      c.value = o, v("open-change", o);
+    const B = (o) => c.__parentRef || o, b = (o) => {
+      i.value = o, v("open-change", o);
     }, C = () => {
-      c.value = !1;
+      i.value = !1;
     }, _ = () => {
       t.value = [];
     }, x = (o) => {
@@ -101,15 +101,15 @@ const Y = /* @__PURE__ */ P({
     }, k = async () => {
       var o;
       (o = g.value) == null || o.blur(), C(), await D(150), v("submit", t.value);
-    }, { b: N, e: V, em: l } = K("ap-popover-select");
+    }, { b: V, e: I, em: l } = K("ap-popover-select");
     return (o, y) => (L(), M("div", {
-      class: p(e(N)())
+      class: p(e(V)())
     }, [
       a(e(T), {
-        overlayClassName: e(V)("popover"),
+        "overlay-class-name": e(I)("popover"),
         "get-popup-container": B,
         trigger: "click",
-        open: c.value,
+        open: i.value,
         placement: "bottomLeft",
         onOpenChange: b
       }, {
@@ -118,18 +118,18 @@ const Y = /* @__PURE__ */ P({
             s("div", {
               class: p(e(l)("popover", "content"))
             }, [
-              a(e(z), O({ ...i }, {
+              a(e(z), O({ ...c }, {
+                ref_key: "selectRef",
+                ref: g,
                 mode: "tags",
                 bordered: !1,
                 value: t.value,
-                onChange: y[0] || (y[0] = (I) => x(I)),
                 placeholder: e(r)("ap.apGroupSearch.tokenSeparatorsPlaceholder"),
-                tokenSeparators: [",", `
+                "token-separators": [",", `
 `, "\r"],
                 "max-tag-count": 200,
                 open: !1,
-                ref_key: "selectRef",
-                ref: g
+                onChange: y[0] || (y[0] = (N) => x(N))
               }), null, 16, ["value", "placeholder"])
             ], 2),
             s("div", {
@@ -183,7 +183,7 @@ const Y = /* @__PURE__ */ P({
           ], 2)
         ]),
         _: 1
-      }, 8, ["overlayClassName", "open"])
+      }, 8, ["overlay-class-name", "open"])
     ], 2));
   }
 });