@aplus-frontend/ui 0.3.0 → 0.3.1

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));
   }
 });

package/es/src/business/ap-image/ApImage.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as s, ref as U, watchEffect as j, openBlock as i, createBlock as g, unref as n, mergeProps as p, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as L, createElementVNode as b, normalizeClass as D, createElementBlock as M, Fragment as P, renderList as R, resolveDynamicComponent as T, createVNode as x } from "vue";
+import { defineComponent as S, computed as c, ref as U, watchEffect as j, openBlock as i, createBlock as p, unref as n, mergeProps as g, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as L, createElementVNode as b, normalizeClass as D, createElementBlock as M, Fragment as P, renderList as R, resolveDynamicComponent as T, createVNode as x } from "vue";
 import { Image as z } from "@aplus-frontend/antdv";
 import { DownloadOutlined as V } from "@ant-design/icons-vue";
 import { injectLocaleToOss as W, getOssInstance as G, getSignatureUrl as $ } from "./hooks/useOss.mjs";
@@ -9,7 +9,7 @@ import { omit as J } from "lodash-unified";
 import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as m } from "../../config-provider/hooks/use-global-config.mjs";
 import { useLocale as Q } from "../../config-provider/hooks/use-locale.mjs";
-const se = /* @__PURE__ */ S({
+const ce = /* @__PURE__ */ S({
   __name: "ApImage",
   props: {
     getOssAccess: {},
@@ -27,70 +27,70 @@ const se = /* @__PURE__ */ S({
       admin: q
     }, k = m("uiMode"), w = m("apUpload"), f = m(
       "downloadCenterTriggerConfig"
-    ), { t: h, lang: C } = Q(), O = s(
+    ), { t: h, lang: C } = Q(), O = c(
       () => {
-        var a;
-        return e.getOssAccess || ((a = w.value) == null ? void 0 : a.getOssAccess);
+        var r;
+        return e.getOssAccess || ((r = w.value) == null ? void 0 : r.getOssAccess);
       }
-    ), A = s(
+    ), A = c(
       () => d[k.value] || d.aplus
-    ), N = s(() => (e == null ? void 0 : e.fallback) || A.value), r = U("");
+    ), N = c(() => (e == null ? void 0 : e.fallback) || A.value), o = U("");
     W(h, C), j(async () => {
-      var a;
+      var r;
       if (!(e != null && e.src)) {
-        r.value = "";
+        o.value = "";
         return;
       }
-      if (!((a = e.src) != null && a.startsWith("Frontend-Upload"))) {
-        r.value = e.src;
+      if (!((r = e.src) != null && r.startsWith("Frontend-Upload"))) {
+        o.value = e.src;
         return;
       }
       try {
-        const o = await G(O.value), t = await $({
-          oss: o,
+        const a = await G(O.value), t = await $({
+          oss: a,
           fileName: e.src
         });
-        t && (r.value = t);
+        t && (o.value = t);
       } catch {
-        r.value = "";
+        o.value = "";
       }
     });
     async function y() {
-      var t, l, c;
+      var t, l, s;
       if (!(e != null && e.src))
         return;
-      const a = e.src, o = e.fileName ?? e.src;
+      const r = e.src, a = e.fileName ?? e.src;
       if (!((t = e.src) != null && t.startsWith("Frontend-Upload"))) {
-        _(a, o);
+        _(r, a);
         return;
       }
       if ((l = f.value) != null && l.trigger) {
         let F = [
           {
-            objectName: a,
-            fileName: o
+            objectName: r,
+            fileName: a
           }
         ];
-        await ((c = f.value) == null ? void 0 : c.trigger(F));
+        await ((s = f.value) == null ? void 0 : s.trigger(F));
       }
     }
-    const _ = (a, o) => {
+    const _ = (r, a) => {
       const t = document.createElement("a");
-      t.href = a, t.rel = "noopener noreferrer", t.setAttribute("download", o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
+      t.href = r, t.rel = "noopener noreferrer", t.setAttribute("download", a), document.body.appendChild(t), t.click(), document.body.removeChild(t);
     };
-    return (a, o) => (i(), g(n(z), p({
+    return (r, a) => (i(), p(n(z), g({
       class: [n(u)()]
     }, {
       ...n(J)(e, ["src", "getOssAccess"]),
       fallback: N.value,
-      src: r.value
+      src: o.value
     }), {
       toolbarRender: B((t) => [
-        E(a.$slots, "toolbarRender", I(L({ ...t })), () => [
+        E(r.$slots, "toolbarRender", I(L({ ...t })), () => [
           b("div", {
             class: D([n(u)("toolbar")])
           }, [
-            (i(!0), M(P, null, R(t.originalNodes, (l, c) => (i(), g(T(l), p({ ref_for: !0 }, t, { key: c }), null, 16))), 128)),
+            (i(!0), M(P, null, R(t.originalNodes, (l, s) => (i(), p(T(l), g({ ref_for: !0 }, e, { key: s }), null, 16))), 128)),
             b("div", {
               class: "ant-image-preview-operations-operation",
               onClick: y
@@ -105,5 +105,5 @@ const se = /* @__PURE__ */ S({
   }
 });
 export {
-  se as default
+  ce as default
 };

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

@@ -73,8 +73,8 @@ const Q = /* @__PURE__ */ I({
       class: f(r(S)())
     }, {
       default: x(() => [(m(!0), w(y, null, z(C.value, (e, t) => (m(), i(r(F), {
-        class: f(`${n.size === "small" ? r(g)("item", "small") : r(_)("item")}`),
         key: e.key,
+        class: f(`${n.size === "small" ? r(g)("item", "small") : r(_)("item")}`),
         index: t,
         style: B({
           textAlign: e.align

package/es/src/business/ap-table-modal/table-modal.vue2.mjs

@@ -175,8 +175,6 @@ const fe = /* @__PURE__ */ F({
       getApTableInstance: N
     }), (o, t) => ($(), z(s(H), b(
       {
-        onOk: L,
-        onCancel: w,
         open: i.value,
         "onUpdate:open": t[0] || (t[0] = (l) => i.value = l)
       },
@@ -197,27 +195,28 @@ const fe = /* @__PURE__ */ F({
       {
         title: D(),
         "body-style": { maxHeight: "calc(100vh - 205px)", overflowY: "scroll" },
-        centered: e.centered ?? !0
+        centered: e.centered ?? !0,
+        onOk: L,
+        onCancel: w
       }
     ), {
       default: k(() => [
         T(X, b(e.tableLayoutConfig || {}, {
-          onClear: O,
           "selected-list": a.value,
+          onClear: O,
           onDeleteItem: G
         }), {
           default: k(() => [
-            T(s(Z), b({
+            T(s(Z), b(s(S)(e.apTableProps, "dataSource"), {
+              ref_key: "apTableRef",
+              ref: d,
               scroll: { y: "100%" },
               style: { padding: "0px" },
               columns: o.columns,
               request: I,
               "row-key": o.getRowKey,
               "row-selection": A.value,
-              bordered: s(K) === "admin"
-            }, s(S)(e.apTableProps, "dataSource"), {
-              ref_key: "apTableRef",
-              ref: d,
+              bordered: s(K) === "admin",
               "data-source": C.value
             }), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
           ]),

package/es/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.d.ts

@@ -1,10 +1,13 @@
-import { ApUploadSingleProps } from '../interface';
+import { ApUploadFile, ApUploadSingleProps } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = ApUploadSingleProps;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        default?(_: {
+            file: ApUploadFile | undefined;
+            clear: () => void | undefined;
+        }): any;
     };
     refs: {};
     rootEl: any;