@aplus-frontend/ui 7.8.0 → 7.9.1

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs

@@ -1,9 +1,9 @@
 import { defineComponent as _, ref as H, createVNode as i, mergeProps as L, onUnmounted as j } from "vue";
 import { ApModal as q } from "../../../ap-modal/index.mjs";
 import "../../../ag-grid/index.mjs";
-import { AsyncCallback as G, genRequest as T, delRowKeyField as D, addRowKeyField as F, getModalLayoutConfig as E } from "../utils.mjs";
+import { AsyncCallback as D, genRequest as G, delRowKeyField as T, addRowKeyField as F, getModalLayoutConfig as E } from "../utils.mjs";
 import { useAgGridInstance as U } from "./use-ag-grid-instance.mjs";
-import { isFunction as u, cloneDeep as W, isEmpty as b, omitBy as $, isUndefined as z, omit as p } from "lodash-unified";
+import { isFunction as u, cloneDeep as W, isEmpty as b, omitBy as $, isUndefined as z, omit as S } from "lodash-unified";
 import { ROW_KEY as B } from "../constants.mjs";
 import { useModalTitle as N } from "./use-modal-title.mjs";
 import { message as V } from "@aplus-frontend/antdv";
@@ -15,14 +15,14 @@ import J from "../wrapper/index.vue2.mjs";
 import Q from "../modal-layout/index.vue2.mjs";
 import X from "../../../ag-grid/index.vue.mjs";
 function we(t) {
-  let c, f = null, g = null;
-  const d = new G(), [K, S] = N(), {
+  let d, f = null, g = null;
+  const c = new D(), [x, K] = N(), {
     t: k
-  } = Y(), [s, x] = U({
+  } = Y(), [s, p] = U({
     onSelectedRows(e) {
-      S.setCount(e?.length || 0);
+      K.setCount(e?.length || 0);
     }
-  }), w = T(t.api, t.getRowKey, s.setDataSourceLength), y = (e) => {
+  }), w = G(t.api, t.getRowKey, s.setDataSourceLength), y = (e) => {
     const {
       title: o,
       width: l,
@@ -42,16 +42,16 @@ function we(t) {
       keys: A(o),
       rows: o.map((a) => {
         const r = m(a);
-        return e === "old" && c?.[r] ? c[r] : D(a);
+        return e === "old" && d?.[r] ? d[r] : T(a);
       })
     };
   }, h = async () => {
     const e = P(), o = t.maxCount || 1 / 0;
     return e.keys.length > o ? (V.warning(k("ap.apTableModal.messageMaxCount", {
       maxCount: o
-    })), Promise.reject()) : (await t.beforeOk?.(e), t.finishCallback?.(e), d.resolve(e), e);
+    })), Promise.reject()) : (await t.beforeOk?.(e), t.finishCallback?.(e), c.resolve(e), e);
   }, M = () => {
-    d.reject("modal is closed!");
+    c.reject("modal is closed!");
   }, I = /* @__PURE__ */ _({
     name: "AgGridModalSelectContent",
     props: {
@@ -73,12 +73,12 @@ function we(t) {
         };
       }, () => {
         const l = e.selectedRows?.map((r) => F(r, o.value.getRowKey)), n = o.value, a = E(n.modalLayout);
-        return i(x, null, {
+        return i(p, null, {
           default: () => [i(J, {
             height: n.height,
             rowHeight: n.rowHeight
           }, {
-            default: () => [t.renderHeader?.(p(s, "setInstance"), {
+            default: () => [t.renderHeader?.(S(s, "setInstance"), {
               updateProps: y
             }), i(Q, a.props, {
               default: () => [i(X, L({
@@ -103,7 +103,7 @@ function we(t) {
                   fixed: "left",
                   columnWidth: 38,
                   disabled(r) {
-                    return u(n.disabledCheckbox) ? n.disabledCheckbox(r, p(s, "setInstance")) : n.disabledCheckbox ?? !1;
+                    return u(n.disabledCheckbox) ? n.disabledCheckbox(r, S(s, "setInstance")) : n.disabledCheckbox ?? !1;
                   },
                   ...t.rowSelection
                 },
@@ -123,11 +123,12 @@ function we(t) {
     }, null);
   }
   function v() {
-    const e = Object.values(c || {}), o = C(e);
+    const e = Object.values(d || {}), o = C(e);
     f = q.createModal({
-      title: i(K, {
+      title: i(x, {
         title: t.title,
-        maxCount: t.maxCount || 1 / 0
+        maxCount: t.maxCount || 1 / 0,
+        isShowDefaultSuffix: t.mode !== "radio"
       }, t.modalTitleSlots),
       width: t.width,
       destroyOnClose: !0,
@@ -145,17 +146,17 @@ function we(t) {
     return e?.map(m) || [];
   }
   function R(e, o, l = !1) {
-    if (c = e?.reduce((n, a) => {
+    if (d = e?.reduce((n, a) => {
       const r = m(a);
       return n[r] = a, n;
     }, {}), w.setExtraParams(o?.extraParams), v(), l)
-      return d.buildPromise();
+      return c.buildPromise();
   }
   function O(e, o) {
     return R(e, o, !0);
   }
   return j(() => {
-    d.reject("component is Unmounted!");
+    c.reject("component is Unmounted!");
   }), {
     open: R,
     asyncOpen: O,

package/es/src/business/ag-grid-modal/hooks/use-modal-title.d.ts

@@ -8,6 +8,10 @@ export declare function useModalTitle(): readonly [ DefineComponent<ExtractPropT
         type: NumberConstructor;
         required: true;
     };
+    isShowDefaultSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     title: {
         type: any;
@@ -17,8 +21,13 @@ export declare function useModalTitle(): readonly [ DefineComponent<ExtractPropT
         type: NumberConstructor;
         required: true;
     };
+    isShowDefaultSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     title: any;
+    isShowDefaultSuffix: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     readonly setCount: (data: number) => void;
 }];

package/es/src/business/ag-grid-modal/hooks/use-modal-title.mjs

@@ -1,9 +1,9 @@
-import { ref as u, defineComponent as i, createVNode as l } from "vue";
+import { ref as n, defineComponent as i, createVNode as l } from "vue";
 import "../../../config-provider/index.mjs";
-import { useToken as r } from "../../../config-provider/hooks/use-token.mjs";
-import { useLocale as m } from "../../../config-provider/hooks/use-locale.mjs";
+import { useToken as f } from "../../../config-provider/hooks/use-token.mjs";
+import { useLocale as r } from "../../../config-provider/hooks/use-locale.mjs";
 function C() {
-  const e = u(0);
+  const e = n(0);
   return [/* @__PURE__ */ i({
     props: {
       title: {
@@ -13,6 +13,10 @@ function C() {
       maxCount: {
         type: Number,
         required: !0
+      },
+      isShowDefaultSuffix: {
+        type: Boolean,
+        default: !0
       }
     },
     setup(t, {
@@ -20,15 +24,15 @@ function C() {
     }) {
       const {
         t: o
-      } = m(), {
-        token: n
-      } = r();
+      } = r(), {
+        token: u
+      } = f();
       return () => l("div", null, [t.title, a.default ? a.default({
         maxCount: t.maxCount,
         count: e.value
-      }) : l("span", {
+      }) : t.isShowDefaultSuffix && l("span", {
         style: {
-          color: n.value?.textColor3,
+          color: u.value?.textColor3,
           fontSize: "12px",
           fontWeight: "normal",
           marginLeft: "12px"
@@ -37,7 +41,7 @@ function C() {
         maxCount: t.maxCount
       }) : "", o("ap.apTableModal.titleSuffixTwo"), l("span", {
         style: {
-          color: n.value?.colorPrimary
+          color: u.value?.colorPrimary
         }
       }, [e.value]), o("ap.apTableModal.titleSuffixThree")])]);
     }

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

@@ -1,13 +1,13 @@
-import { defineComponent as W, computed as c, ref as g, watch as x, nextTick as f, onMounted as j, createElementBlock as i, openBlock as a, normalizeClass as n, unref as t, createVNode as S, withCtx as m, createElementVNode as C, normalizeStyle as y, renderSlot as H, createBlock as $, toDisplayString as u, resolveDynamicComponent as I, Fragment as E, renderList as G, createCommentVNode as L, createTextVNode as J } from "vue";
-import { DownOutlined as P } from "@ant-design/icons-vue";
-import { Alert as Q, Tooltip as U } from "@aplus-frontend/antdv";
-import { ApActionItem as X } from "../../ap-action/index.mjs";
+import { defineComponent as j, computed as c, ref as f, watch as x, nextTick as m, onMounted as G, createElementBlock as i, createCommentVNode as C, openBlock as l, normalizeClass as n, unref as t, createVNode as S, withCtx as y, createElementVNode as $, normalizeStyle as h, renderSlot as L, createBlock as E, toDisplayString as u, resolveDynamicComponent as z, Fragment as A, renderList as J, createTextVNode as P } from "vue";
+import { DownOutlined as Q } from "@ant-design/icons-vue";
+import { Alert as U, Tooltip as X } from "@aplus-frontend/antdv";
+import { ApActionItem as Y } from "../../ap-action/index.mjs";
 import "../../config-provider/index.mjs";
-import { isNil as Y, isString as A } from "lodash-unified";
-import Z from "./style/index.mjs";
-import { useLocale as _ } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
-const te = ["onClick"], ce = /* @__PURE__ */ W({
+import { isNil as Z, isString as B } from "lodash-unified";
+import _ from "./style/index.mjs";
+import { useLocale as ee } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
+const le = ["onClick"], fe = /* @__PURE__ */ j({
   __name: "ApExpandAlert",
   props: {
     type: { default: "warning" },
@@ -26,38 +26,39 @@ const te = ["onClick"], ce = /* @__PURE__ */ W({
     afterClose: {}
   },
   emits: ["choose", "expand", "close"],
-  setup(z, { expose: D, emit: V }) {
-    const h = V, p = z, { t: B } = _(), R = c(() => {
+  setup(D, { expose: V, emit: R }) {
+    const v = R, p = D, { t: N } = ee(), q = c(() => {
       if (p.type != "card")
         return p.type;
-    }), l = g(""), d = g(null), q = c(() => ({
+    }), a = f(""), d = f(null), F = c(() => ({
       fontWeight: "400",
       wordBreak: "break-all",
       overflow: "hidden",
       display: "-webkit-box",
-      webkitLineClamp: l.value,
+      webkitLineClamp: a.value,
       webkitBoxOrient: "vertical",
       lineHeight: "18px"
     }));
-    function F() {
-      l.value === "1" ? (l.value = "", h("expand", "expand")) : (l.value = "1", h("expand", "collapse"));
+    function M() {
+      a.value === "1" ? (a.value = "", v("expand", "expand")) : (a.value = "1", v("expand", "collapse"));
     }
-    const M = c(() => l.value === "1" ? B("ap.apExpandAlert.expand") : B("ap.apExpandAlert.collapse")), v = g(!0), N = c(() => l.value !== "1");
-    function k(e) {
-      e ? l.value = "" : l.value = "1";
+    const O = c(() => a.value === "1" ? N("ap.apExpandAlert.expand") : N("ap.apExpandAlert.collapse")), k = f(!0), T = c(() => a.value !== "1");
+    function w(e) {
+      e ? a.value = "" : a.value = "1";
     }
-    function O(e) {
-      h("close", e);
+    const H = f(!1);
+    function K(e) {
+      v("close", e), H.value = !0;
     }
     x(
       () => p.data,
       () => {
-        l.value = "", f(() => {
+        a.value = "", m(() => {
           if (d.value) {
             const e = Number(d.value.clientHeight), r = Number(
               parseInt(d.value.style.lineHeight)
             );
-            e < r * Number(p.rows) && N.value ? v.value = !1 : v.value = !0;
+            e < r * Number(p.rows) && T.value ? k.value = !1 : k.value = !0;
           }
         });
       },
@@ -67,22 +68,22 @@ const te = ["onClick"], ce = /* @__PURE__ */ W({
     ), x(
       () => p.defaultExpand,
       (e) => {
-        e ? f(() => {
-          k(e);
-        }) : f(() => {
-          k(e);
+        e ? m(() => {
+          w(e);
+        }) : m(() => {
+          w(e);
         });
       },
       { immediate: !0 }
-    ), j(() => {
+    ), G(() => {
       x(
         () => p.contentStyle,
         (e) => {
-          Y(e.lineHeight) || f(() => {
+          Z(e.lineHeight) || m(() => {
             const r = document.querySelector(
-              `#${w} .ant-alert-action`
+              `#${b} .ant-alert-action`
             ), s = document.querySelector(
-              `#${w} .ant-alert-icon`
+              `#${b} .ant-alert-icon`
             );
             r && r.setAttribute("style", `line-height: ${e.lineHeight}`), s && s.setAttribute("style", `line-height: ${e.lineHeight}`);
           });
@@ -94,84 +95,85 @@ const te = ["onClick"], ce = /* @__PURE__ */ W({
         }
       );
     });
-    const { b: T, e: o } = ee("ap-expand-alert"), K = Z("ap-expand-alert"), w = `${T()}-key-${Date.now()}-${(Math.random() * 1e6).toFixed(0)}`;
-    return D({
-      setExpand: k
-    }), (e, r) => (a(), i("div", {
-      id: w,
-      class: n([t(T)(), t(K)])
+    const { b: I, e: o } = te("ap-expand-alert"), W = _("ap-expand-alert"), b = `${I()}-key-${Date.now()}-${(Math.random() * 1e6).toFixed(0)}`;
+    return V({
+      setExpand: w
+    }), (e, r) => H.value ? C("", !0) : (l(), i("div", {
+      key: 0,
+      id: b,
+      class: n([t(I)(), t(W)])
     }, [
-      S(t(Q), {
-        type: R.value,
+      S(t(U), {
+        type: q.value,
         "show-icon": e.showIcon,
         closable: e.closable,
         class: n([t(o)("antAlert"), e.type == "card" ? "card-alert" : ""]),
         "after-close": e.afterClose,
-        onClose: O
+        onClose: K
       }, {
-        action: m(() => [
-          v.value ? (a(), $(t(X), {
+        action: y(() => [
+          k.value ? (l(), E(t(Y), {
             key: 0,
             size: "small",
             style: { "font-size": "12px", "padding-left": "16px" },
-            onClick: r[0] || (r[0] = (s) => F())
+            onClick: r[0] || (r[0] = (s) => M())
           }, {
-            default: m(() => [
-              C("span", {
+            default: y(() => [
+              $("span", {
                 class: n(t(o)("expandText"))
-              }, u(M.value), 3),
-              S(t(P), {
-                class: n(N.value ? t(o)("expandIcon") : t(o)("collapseIcon"))
+              }, u(O.value), 3),
+              S(t(Q), {
+                class: n(T.value ? t(o)("expandIcon") : t(o)("collapseIcon"))
               }, null, 8, ["class"])
             ]),
             _: 1
-          })) : L("", !0)
+          })) : C("", !0)
         ]),
-        message: m(() => [
-          C("div", {
+        message: y(() => [
+          $("div", {
             ref_key: "ellipsisBoxRef",
             ref: d,
-            style: y({ ...q.value, ...e.contentStyle }),
+            style: h({ ...F.value, ...e.contentStyle }),
             class: n(t(o)("alertContent"))
           }, [
-            H(e.$slots, "default", {}, () => [
-              t(A)(e.prefix) ? (a(), i("span", {
+            L(e.$slots, "default", {}, () => [
+              t(B)(e.prefix) ? (l(), i("span", {
                 key: 0,
                 class: n(t(o)("prefix")),
-                style: y(e.prefixStyle)
-              }, u(e.prefix), 7)) : (a(), $(I(e.prefix), {
+                style: h(e.prefixStyle)
+              }, u(e.prefix), 7)) : (l(), E(z(e.prefix), {
                 key: 1,
-                style: y(e.prefixStyle)
+                style: h(e.prefixStyle)
               }, null, 8, ["style"])),
-              t(A)(e.data) ? (a(), i("span", {
+              t(B)(e.data) ? (l(), i("span", {
                 key: 2,
                 class: n(t(o)("text"))
-              }, u(e.data), 3)) : (a(!0), i(E, { key: 3 }, G(e.data, (s, b) => (a(), i(E, { key: b }, [
-                S(t(U), {
+              }, u(e.data), 3)) : (l(!0), i(A, { key: 3 }, J(e.data, (s, g) => (l(), i(A, { key: g }, [
+                S(t(X), {
                   title: e.tipTitle ? e.tipTitle : null
                 }, {
-                  default: m(() => [
-                    H(e.$slots, "item", {
+                  default: y(() => [
+                    L(e.$slots, "item", {
                       record: s,
-                      index: b
+                      index: g
                     }, () => [
-                      C("span", {
+                      $("span", {
                         class: n(t(o)("showItem")),
                         onClick: (ae) => e.$emit("choose", s)
-                      }, u(e.mapLabel ? s[e.mapLabel] : s), 11, te)
+                      }, u(e.mapLabel ? s[e.mapLabel] : s), 11, le)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["title"]),
-                b !== e.data.length - 1 ? (a(), i("span", {
+                g !== e.data.length - 1 ? (l(), i("span", {
                   key: 0,
                   class: n(t(o)("spliter")),
-                  style: y(e.separatorStyle)
+                  style: h(e.separatorStyle)
                 }, [
-                  t(A)(e.separator) ? (a(), i(E, { key: 0 }, [
-                    J(u(e.separator), 1)
-                  ], 64)) : (a(), $(I(e.separator), { key: 1 }))
-                ], 6)) : L("", !0)
+                  t(B)(e.separator) ? (l(), i(A, { key: 0 }, [
+                    P(u(e.separator), 1)
+                  ], 64)) : (l(), E(z(e.separator), { key: 1 }))
+                ], 6)) : C("", !0)
               ], 64))), 128))
             ])
           ], 6)
@@ -182,5 +184,5 @@ const te = ["onClick"], ce = /* @__PURE__ */ W({
   }
 });
 export {
-  ce as default
+  fe as default
 };

package/es/src/index.d.ts

@@ -26,3 +26,4 @@ export * from './text';
 export * from './mask';
 export * from './splitter';
 export * from './ag-grid';
+export * from './skeleton';