@aplus-frontend/ui 0.4.12 → 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/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -1,4 +1,4 @@
-import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
+import { OpenOptions, UseTableSelectModalProps } from '../interface';
 import { Recordable } from '../../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
@@ -24,7 +24,10 @@ export declare function useTableSelectModal<TableRowType = Record<string, any>>(
         getShownColumns: () => TableColumnsType<any>;
     } | null | undefined;
     isDestroyed: true;
-    open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
+    open: (selected?: any[], options?: OpenOptions) => Promise<{
+        keys: any[];
+        rows: TableRowType[];
+    }>;
     destroy: () => void;
     close: () => void;
 };

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.mjs

@@ -1,27 +1,37 @@
-import { onUnmounted as m } from "vue";
-import { useCreateTableModal as w } from "./use-create-table-modal.mjs";
-const f = (e) => e.id;
-function K(e) {
-  const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d, ...l } = w({
-    ...a,
+import { onUnmounted as f } from "vue";
+import { useCreateTableModal as i } from "./use-create-table-modal.mjs";
+import { AsyncOpenResultError as d } from "../interface.mjs";
+const p = (t) => t.id;
+function K(t) {
+  const { finishCallback: n, getRowKey: e, ...u } = t, { destroy: a, openModal: y, closeModal: c, ...m } = i({
+    ...u,
     destroyOnUnmounted: !1,
-    getRowKey: r || f
-  }), u = async (p = [], y = {}) => {
-    const s = await c(p, y) || {
-      keys: [],
-      rows: []
-    };
-    return o == null || o(s), s;
-  }, n = () => {
-    d();
+    getRowKey: e || p
+  }), l = async (o = [], w = {}) => {
+    try {
+      const r = await y(o, w) || {
+        keys: [],
+        rows: []
+      };
+      return n == null || n(r), r;
+    } catch (r) {
+      if (r === d.ModalCancel)
+        return {
+          keys: o == null ? void 0 : o.map(e || p),
+          rows: o
+        };
+      throw r;
+    }
+  }, s = () => {
+    c();
   };
-  return m(() => {
-    n(), t();
+  return f(() => {
+    s(), a();
   }), {
-    open: u,
-    destroy: t,
-    close: n,
-    ...l
+    open: l,
+    destroy: a,
+    close: s,
+    ...m
   };
 }
 export {

package/es/src/business/ap-table-modal/interface.d.ts

@@ -72,7 +72,9 @@ export interface ModalTitleSlots {
 /** table-layout Props */
 export interface TableLayoutConfig {
     /** 左侧标题 */
-    leftTitle?: string;
+    leftTitle?: string | VNodeChild;
+    /** 右侧标题 */
+    rightTitle?: (selectedCount: number) => string | VNodeChild;
     /** 已经选择item渲染, renderSelectedItem有值才为复杂布局 */
     renderSelectedItem?: (record: any, actions: {
         deleteItem: (record: any) => void;

package/es/src/business/ap-table-modal/table-layout/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { TableLayoutConfig } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
 type __VLS_Props = TableLayoutConfig & {
     selectedList: any[];
 };
@@ -20,7 +20,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
     onClear?: (() => any) | undefined;
     onDeleteItem?: ((record: any) => any) | undefined;
 }>, {
-    leftTitle: string;
+    leftTitle: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
     selectedList: any[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,82 +1,89 @@
-import { defineComponent as S, openBlock as a, createElementBlock as n, normalizeClass as o, unref as t, Fragment as c, createElementVNode as r, createVNode as s, renderSlot as u, withCtx as f, createTextVNode as E, toDisplayString as C, renderList as L, createBlock as y, resolveDynamicComponent as T, createCommentVNode as v } from "vue";
+import { defineComponent as v, openBlock as l, createElementBlock as o, normalizeClass as a, unref as t, Fragment as i, createVNode as m, withCtx as n, createBlock as s, resolveDynamicComponent as p, h, createElementVNode as c, renderSlot as b, createCommentVNode as T, createTextVNode as $, toDisplayString as B, renderList as M } from "vue";
 import "../../../config-provider/index.mjs";
 import "../../index.mjs";
-import { Button as N, Empty as g } from "@aplus-frontend/antdv";
-import { useLocale as B } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as M } from "../../../config-provider/hooks/use-namespace.mjs";
-import { ApTitle as b } from "../../ap-title/index.mjs";
-const R = /* @__PURE__ */ S({
+import { Button as V, Empty as k } from "@aplus-frontend/antdv";
+import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
+import { ApTitle as I } from "../../ap-title/index.mjs";
+const q = /* @__PURE__ */ v({
   __name: "index",
   props: {
-    leftTitle: { default: "" },
+    leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
+    rightTitle: {},
     renderSelectedItem: {},
     selectedList: { default: () => [] }
   },
   emits: ["clear", "deleteItem"],
-  setup(V, { emit: h }) {
-    const { t: i } = B(), d = h, I = () => {
-      d("clear");
-    }, k = (e) => {
-      d("deleteItem", e);
-    }, { m: l } = M("ap-table-modal");
-    return (e, $) => (a(), n("div", {
-      class: o([
-        e.renderSelectedItem ? t(l)("table-layout") : "",
+  setup(S, { emit: E }) {
+    const { t: d } = A(), u = S, f = E, L = () => {
+      f("clear");
+    }, C = (e) => {
+      f("deleteItem", e);
+    }, N = (e) => typeof u.rightTitle == "function" ? u.rightTitle(e) : `${d("ap.apTableModal.selected")} (${e})`, { m: r } = D("ap-table-modal");
+    return (e, w) => (l(), o("div", {
+      class: a([
+        e.renderSelectedItem ? t(r)("table-layout") : "",
         { "complex-layout": !!e.renderSelectedItem }
       ])
     }, [
-      e.renderSelectedItem ? (a(), n(c, { key: 0 }, [
-        r("div", {
-          class: o(t(l)("table-layout-left"))
+      e.renderSelectedItem ? (l(), o(i, { key: 0 }, [
+        e.leftTitle ? (l(), o("div", {
+          key: 0,
+          class: a(t(r)("table-layout-left"))
         }, [
-          s(t(b), {
-            style: { "margin-bottom": "16px" },
-            title: e.leftTitle
-          }, null, 8, ["title"]),
-          r("div", {
-            class: o(t(l)("table-layout-left-content"))
+          m(t(I), { style: { "margin-bottom": "16px" } }, {
+            prefix: n(() => [
+              (l(), s(p(h(i, [e.leftTitle]))))
+            ]),
+            _: 1
+          }),
+          c("div", {
+            class: a(t(r)("table-layout-left-content"))
           }, [
-            u(e.$slots, "default")
+            b(e.$slots, "default")
           ], 2)
-        ], 2),
-        r("div", {
-          class: o(t(l)("table-layout-right"))
+        ], 2)) : T("", !0),
+        c("div", {
+          class: a(t(r)("table-layout-right"))
         }, [
-          s(t(b), {
-            title: `${t(i)("ap.apTableModal.selected")} (${e.selectedList.length})`
+          m(t(I), {
+            title: `${t(d)("ap.apTableModal.selected")} (${e.selectedList.length})`
           }, {
-            suffix: f(() => [
-              s(t(N), {
+            prefix: n(() => [
+              (l(), s(p(h(i, [N(e.selectedList.length)]))))
+            ]),
+            suffix: n(() => [
+              m(t(V), {
                 type: "link",
                 style: { padding: "0px", height: "22px", "border-width": "0px" },
-                onClick: I
+                onClick: L
               }, {
-                default: f(() => [
-                  E(C(t(i)("ap.apTableModal.clear")), 1)
+                default: n(() => [
+                  $(B(t(d)("ap.apTableModal.clear")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title"]),
-          r("div", {
-            class: o(t(l)("table-layout-right-content"))
+          c("div", {
+            class: a(t(r)("table-layout-right-content"))
           }, [
-            (a(!0), n(c, null, L(e.selectedList, (m) => {
-              var p;
-              return a(), y(T((p = e.renderSelectedItem) == null ? void 0 : p.call(e, m, { deleteItem: k })), { key: m });
+            (l(!0), o(i, null, M(e.selectedList, (y) => {
+              var g;
+              return l(), s(p((g = e.renderSelectedItem) == null ? void 0 : g.call(e, y, { deleteItem: C })), { key: y });
             }), 128)),
-            e.selectedList.length === 0 ? (a(), y(t(g), {
+            e.selectedList.length === 0 ? (l(), s(t(k), {
               key: 0,
-              image: t(g).PRESENTED_IMAGE_SIMPLE,
+              image: t(k).PRESENTED_IMAGE_SIMPLE,
               style: { "margin-top": "100px" }
-            }, null, 8, ["image"])) : v("", !0)
+            }, null, 8, ["image"])) : T("", !0)
           ], 2)
         ], 2)
-      ], 64)) : u(e.$slots, "default", { key: 1 })
+      ], 64)) : b(e.$slots, "default", { key: 1 })
     ], 2));
   }
 });
 export {
-  R as default
+  q as default
 };

package/es/src/business/ap-title/interface.d.ts

@@ -5,7 +5,7 @@ export interface ApTitleProps {
     /**
      * 小标题
      */
-    title: string;
+    title?: string;
     /**
      * 帮助消息
      */

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';