@aplus-frontend/ui 0.4.13 → 0.4.14

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

@@ -1,16 +1,16 @@
-import { defineComponent as j, computed as s, ref as I, openBlock as v, createBlock as x, unref as a, normalizeClass as N, withCtx as r, createVNode as g, createTextVNode as b, toDisplayString as p, mergeProps as O, createCommentVNode as V } from "vue";
-import { DownOutlined as q } from "@ant-design/icons-vue";
-import { message as z, Dropdown as $, Menu as H, MenuItem as C, Button as J } from "@aplus-frontend/antdv";
+import { defineComponent as N, ref as L, computed as s, watch as O, openBlock as g, createBlock as p, unref as o, normalizeClass as V, withCtx as n, createVNode as b, createTextVNode as w, toDisplayString as h, mergeProps as q, createCommentVNode as z } from "vue";
+import { DownOutlined as U } from "@ant-design/icons-vue";
+import { message as $, Dropdown as H, Menu as J, MenuItem as S, Button as Q } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { ApExportGroupActionType as f } from "./interface.mjs";
-import { usePermission as Q } from "@aplus-frontend/hooks";
-import { handleExportDownload as U } from "./handleExportDownload.mjs";
-import { useInjectApTable as W } from "../../ap-table/context.mjs";
-import { convertExportField as X } from "./convertExportField.mjs";
-import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
-const fe = /* @__PURE__ */ j({
+import { ApExportGroupActionType as m } from "./interface.mjs";
+import { usePermission as W } from "@aplus-frontend/hooks";
+import { handleExportDownload as X } from "./handleExportDownload.mjs";
+import { useInjectApTable as Y } from "../../ap-table/context.mjs";
+import { convertExportField as Z } from "./convertExportField.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as te } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as A } from "../../config-provider/hooks/use-global-config.mjs";
+const ve = /* @__PURE__ */ N({
   __name: "ApExportGroup",
   props: {
     selectedRowKeys: {},
@@ -26,84 +26,96 @@ const fe = /* @__PURE__ */ j({
     successMessage: { type: [Boolean, String], default: !1 },
     exportField: { type: [Boolean, Object], default: void 0 }
   },
-  setup(L) {
-    const { hasPermission: S } = Q(), e = L, { columns: n, dataSource: u } = W(), { b: A } = Y("ap-export-group"), { t: i } = Z(), B = _("uiMode"), w = _("exportField"), G = s(() => {
+  setup(_) {
+    const { hasPermission: B } = W(), e = _, { columns: u, dataSource: r } = Y(), { b: G } = ee("ap-export-group"), { t: i } = te(), P = A("uiMode"), E = A("exportField"), c = L(!1), v = L(!1), K = s(() => {
       const t = {
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return h.value ? "" : t[B.value] || t.aplus;
-    }), h = s(
+      return d.value ? "" : t[P.value] || t.aplus;
+    }), d = s(
       () => {
         var t;
-        return !!(e != null && e.disabled) || (u !== void 0 ? !((t = u == null ? void 0 : u.value) != null && t.length) : !1) || c.value;
+        return !!(e != null && e.disabled) || (r !== void 0 ? !((t = r == null ? void 0 : r.value) != null && t.length) : !1) || c.value;
       }
-    ), P = s(() => (e == null ? void 0 : e.successMessage) === !0 ? i("ap.apExportGroup.exportSuccess") : e != null && e.successMessage ? e.successMessage : ""), m = s(() => {
-      const t = "exportFieldList", o = (e == null ? void 0 : e.exportField) ?? (w.value === "" ? !0 : w.value) ?? !1;
-      return o === !0 ? {
+    );
+    O(
+      () => d.value,
+      () => {
+        d.value && (v.value = !1);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const D = s(() => (e == null ? void 0 : e.successMessage) === !0 ? i("ap.apExportGroup.exportSuccess") : e != null && e.successMessage ? e.successMessage : ""), y = s(() => {
+      const t = "exportFieldList", a = (e == null ? void 0 : e.exportField) ?? (E.value === "" ? !0 : E.value) ?? !1;
+      return a === !0 ? {
         key: t
-      } : typeof o == "object" ? {
-        ...o,
-        key: o.key ?? t
-      } : o;
-    }), K = {
+      } : typeof a == "object" ? {
+        ...a,
+        key: a.key ?? t
+      } : a;
+    }), R = {
       textAlign: "center"
-    }, c = I(!1), E = s(() => (e == null ? void 0 : e.selectedRowKeys) || []), D = s(() => {
+    }, F = s(() => (e == null ? void 0 : e.selectedRowKeys) || []), T = s(() => {
       let t = e == null ? void 0 : e.ifShow;
-      return !(e != null && e.ifShow) && (e != null && e.auth) && (t = () => S(e.auth)), (t == null ? void 0 : t()) ?? !0;
+      return !(e != null && e.ifShow) && (e != null && e.auth) && (t = () => B(e.auth)), (t == null ? void 0 : t()) ?? !0;
     });
-    async function R({ key: t }) {
-      var F, M, k;
-      const { getRequestParams: o, request: l } = e || {};
-      let y = {};
-      t === f.SELECT ? y = {
-        [(e == null ? void 0 : e.idKey) || "ids"]: E.value
-      } : t === f.ALL && (y = (o == null ? void 0 : o()) || {});
-      const T = ((F = e == null ? void 0 : e.getInitialParams) == null ? void 0 : F.call(e)) || {};
+    async function j({ key: t }) {
+      var M, k, C;
+      const { getRequestParams: a, request: l } = e || {};
+      let x = {};
+      t === m.SELECT ? x = {
+        [(e == null ? void 0 : e.idKey) || "ids"]: F.value
+      } : t === m.ALL && (x = (a == null ? void 0 : a()) || {});
+      const I = ((M = e == null ? void 0 : e.getInitialParams) == null ? void 0 : M.call(e)) || {};
       try {
         c.value = !0;
-        let d = Object.assign(
+        let f = Object.assign(
           {
-            ...y,
-            ...T
+            ...x,
+            ...I
           },
-          m.value && (n != null && n.value) ? {
-            [m.value.key]: X(
-              n.value,
-              (M = m.value) == null ? void 0 : M.convertField
+          y.value && (u != null && u.value) ? {
+            [y.value.key]: Z(
+              u.value,
+              (k = y.value) == null ? void 0 : k.convertField
             )
           } : {}
         );
-        d = ((k = e == null ? void 0 : e.beforeRequest) == null ? void 0 : k.call(e, d)) || d, await U(async () => await (l == null ? void 0 : l(d))), e != null && e.successMessage && z.success(P.value);
+        f = ((C = e == null ? void 0 : e.beforeRequest) == null ? void 0 : C.call(e, f)) || f, await X(async () => await (l == null ? void 0 : l(f))), e != null && e.successMessage && $.success(D.value);
       } finally {
         c.value = !1;
       }
     }
-    return (t, o) => D.value ? (v(), x(a($), {
+    return (t, a) => T.value ? (g(), p(o(H), {
       key: 0,
-      class: N([a(A)()]),
-      "overlay-style": K,
-      disabled: h.value
+      open: v.value,
+      "onUpdate:open": a[0] || (a[0] = (l) => v.value = l),
+      class: V([o(G)()]),
+      "overlay-style": R,
+      disabled: d.value
     }, {
-      overlay: r(() => [
-        g(a(H), { onClick: R }, {
-          default: r(() => {
+      overlay: n(() => [
+        b(o(J), { onClick: j }, {
+          default: n(() => {
             var l;
             return [
-              (v(), x(a(C), {
-                key: a(f).SELECT,
-                disabled: ((l = E.value) == null ? void 0 : l.length) === 0
+              (g(), p(o(S), {
+                key: o(m).SELECT,
+                disabled: ((l = F.value) == null ? void 0 : l.length) === 0
               }, {
-                default: r(() => [
-                  b(p(a(i)("ap.apExportGroup.exportSelected")), 1)
+                default: n(() => [
+                  w(h(o(i)("ap.apExportGroup.exportSelected")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])),
-              (v(), x(a(C), {
-                key: a(f).ALL
+              (g(), p(o(S), {
+                key: o(m).ALL
               }, {
-                default: r(() => [
-                  b(p(a(i)("ap.apExportGroup.exportAll")), 1)
+                default: n(() => [
+                  w(h(o(i)("ap.apExportGroup.exportAll")), 1)
                 ]),
                 _: 1
               }))
@@ -112,26 +124,26 @@ const fe = /* @__PURE__ */ j({
           _: 1
         })
       ]),
-      default: r(() => [
-        g(a(J), O({
+      default: n(() => [
+        b(o(Q), q({
           ...t.$attrs
         }, {
           style: {
-            color: G.value
+            color: K.value
           },
           loading: c.value
         }), {
-          default: r(() => [
-            b(p((e == null ? void 0 : e.text) ?? a(i)("ap.apExportGroup.export")) + " ", 1),
-            g(a(q))
+          default: n(() => [
+            w(h((e == null ? void 0 : e.text) ?? o(i)("ap.apExportGroup.export")) + " ", 1),
+            b(o(U))
           ]),
           _: 1
         }, 16, ["style", "loading"])
       ]),
       _: 1
-    }, 8, ["class", "disabled"])) : V("", !0);
+    }, 8, ["open", "class", "disabled"])) : z("", !0);
   }
 });
 export {
-  fe as default
+  ve as default
 };

package/es/src/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { useControllableValue } from './useControllableValue';
 export { useManualRef } from './useManualRef';
 export { useThrottleRef } from './useThrottleRef';
 export { useFullScreen } from './useFullScreen';
+export * from './useResize';

package/es/src/hooks/index.mjs

@@ -1,12 +1,14 @@
 import { useMessage as r } from "./useMessage.mjs";
 import { useControllableValue as t } from "./useControllableValue.mjs";
 import { useManualRef as f } from "./useManualRef.mjs";
-import { useThrottleRef as a } from "./useThrottleRef.mjs";
-import { useFullScreen as p } from "./useFullScreen.mjs";
+import { useThrottleRef as m } from "./useThrottleRef.mjs";
+import { useFullScreen as x } from "./useFullScreen.mjs";
+import { useResize as n } from "./useResize.mjs";
 export {
   t as useControllableValue,
-  p as useFullScreen,
+  x as useFullScreen,
   f as useManualRef,
   r as useMessage,
-  a as useThrottleRef
+  n as useResize,
+  m as useThrottleRef
 };

package/es/src/hooks/useResize.d.ts

@@ -0,0 +1,8 @@
+export type ResizeHandlerFn = (entry: ResizeObserverEntry) => void;
+declare function observe(el: Element, handler: ResizeHandlerFn): void;
+declare function unobserve(el: Element): void;
+export declare const useResize: () => {
+    observe: typeof observe;
+    unobserve: typeof unobserve;
+};
+export {};

package/es/src/hooks/useResize.mjs

@@ -0,0 +1,23 @@
+import { isClient as s } from "@vueuse/core";
+import { isFunction as a } from "lodash-unified";
+const i = /* @__PURE__ */ new WeakMap();
+let n;
+s && (n = new ResizeObserver((e) => {
+  e.forEach((t) => {
+    const o = i.get(t.target);
+    a(o) && o(t);
+  });
+}));
+function f(e, t) {
+  i.set(e, t), n == null || n.observe(e);
+}
+function r(e) {
+  i.has(e) && i.delete(e), n == null || n.unobserve(e);
+}
+const p = () => ({
+  observe: f,
+  unobserve: r
+});
+export {
+  p as useResize
+};

package/es/src/index.d.ts

@@ -21,3 +21,4 @@ export * from './scroll-bar';
 export * from './scroll-view';
 export * from './portal';
 export * from './full-screen';
+export * from './resize-observer';