@aplus-frontend/ui 0.6.0-beta.8 → 0.6.0-beta.9

package/es/src/ap-form/search-form/index.vue.mjs

@@ -1,25 +1,25 @@
-import { isVNode as ee, defineComponent as te, useSlots as oe, ref as ae, shallowRef as j, computed as _, unref as n, watch as L, createVNode as t, Fragment as w, createBlock as x, openBlock as d, mergeProps as ne, withCtx as F, resolveDynamicComponent as A, createElementBlock as le, renderList as re } from "vue";
-import { Col as R, Flex as B, Button as U, Row as se } from "@aplus-frontend/antdv";
+import { isVNode as oe, defineComponent as ae, useSlots as ne, ref as L, shallowRef as U, computed as _, unref as n, watch as V, createVNode as t, Fragment as w, createBlock as x, openBlock as d, mergeProps as le, withCtx as A, resolveDynamicComponent as B, createElementBlock as re, renderList as se } from "vue";
+import { Col as R, Flex as N, Button as M, Row as ie } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../item/index.vue2.mjs";
-import { genRealChildren as V } from "../item-group/helper.mjs";
+import { genRealChildren as W } from "../item-group/helper.mjs";
 import "../../config-provider/index.mjs";
-import { isArray as ie, isBoolean as ue, omit as ce } from "lodash-unified";
-import { isDef as M } from "../../utils/index.mjs";
-import { execFunc as W, diffFormItem as pe } from "./utils.mjs";
+import { isArray as ue, isBoolean as ce, omit as pe } from "lodash-unified";
+import { isDef as D } from "../../utils/index.mjs";
+import { execFunc as q, diffFormItem as de } from "./utils.mjs";
 import "./components/popover-filter.vue.mjs";
-import { useCountPerRow as de } from "./hooks/use-count-per-row.mjs";
+import { useCountPerRow as fe } from "./hooks/use-count-per-row.mjs";
 import "./components/popover-sorter/index.vue.mjs";
-import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as me } from "../../config-provider/hooks/use-locale.mjs";
-import D from "../item/index.vue.mjs";
-import he from "./components/popover-filter.vue2.mjs";
-import xe from "./components/popover-sorter/index.vue2.mjs";
-import ye from "../ap-form.vue2.mjs";
-function ge(f) {
-  return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !ee(f);
+import { useNamespace as me } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as he } from "../../config-provider/hooks/use-locale.mjs";
+import z from "../item/index.vue.mjs";
+import xe from "./components/popover-filter.vue2.mjs";
+import ye from "./components/popover-sorter/index.vue2.mjs";
+import ge from "../ap-form.vue2.mjs";
+function ve(f) {
+  return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !oe(f);
 }
-const s = 24, Le = /* @__PURE__ */ te({
+const s = 24, Ue = /* @__PURE__ */ ae({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -111,102 +111,103 @@ const s = 24, Le = /* @__PURE__ */ te({
     }
   },
   setup(f, {
-    expose: q
+    expose: H
   }) {
-    var E;
-    const i = oe(), o = f, {
+    var P;
+    const i = ne(), o = f, {
       b: m
-    } = fe("ap-form-search-form"), {
-      t: N
-    } = me(), z = de(o), y = ae();
-    function k() {
+    } = me("ap-form-search-form"), {
+      t: k
+    } = he(), G = fe(o), y = L();
+    function I() {
       var a;
       const e = (a = y.value) == null ? void 0 : a.getFieldsValueTransformed(!0);
-      W(o.onSubmit, e);
+      q(o.onSubmit, e);
     }
-    function H() {
+    function J() {
       var e, a;
-      o.customReset || (a = (e = y.value) == null ? void 0 : e.resetFields) == null || a.call(e), W(o.onReset);
+      o.customReset || (a = (e = y.value) == null ? void 0 : e.resetFields) == null || a.call(e), q(o.onReset);
     }
-    const G = (e) => M(e) ? (ie(e) ? e : [e]).join("") : Date.now();
-    let I = [];
-    const u = j(V(i.default())), c = j((E = i.extra) == null ? void 0 : E.call(i)), T = _(() => Math.floor(s / n(z)));
-    L(() => i.default(), (e) => {
-      I = u.value, u.value = pe(I, V(e));
-    }), L(() => {
+    const K = (e) => D(e) ? (ue(e) ? e : [e]).join("") : Date.now();
+    let T = [];
+    const u = U(W(i.default())), b = L(!1), c = U((P = i.extra) == null ? void 0 : P.call(i)), E = _(() => Math.floor(s / n(G)));
+    V(() => i.default(), (e) => {
+      T = u.value, u.value = de(T, W(e)), b.value = !1;
+    }), V(() => {
       var e;
       return (e = i.extra) == null ? void 0 : e.call(i);
     }, (e) => {
       c.value = e;
     });
     const l = _(() => {
-      const e = u.value, a = [], r = [], g = [], h = n(T);
-      let v = 0, b = 0;
-      const Q = s * o.maxRows - h * (n(c) && !o.extraInAction ? 2 : 1);
-      e.forEach((S, Z) => {
-        const p = S.props;
-        if (ue(p.hidden) ? !!p.hidden : M(p.hidden))
-          a.push(S);
+      const e = u.value, a = [], r = [], g = [], h = n(E);
+      let v = 0, S = 0;
+      const Y = s * o.maxRows - h * (n(c) && !o.extraInAction ? 2 : 1);
+      e.forEach((F, te) => {
+        const p = F.props;
+        if (ce(p.hidden) ? !!p.hidden : D(p.hidden))
+          a.push(F);
         else {
           let C = p.span || h;
-          const O = {
-            node: S,
+          const $ = {
+            node: F,
             span: C,
-            key: `ApFormSearchFormItem-${Z}-${G(p.name)}-${p._signal}`
-          }, $ = s - v % s;
-          $ < C && (C += $), v += C, v > Q ? r.push(O) : (b = v, g.push(O));
+            key: `ApFormSearchFormItem-${te}-${K(p.name)}-${p._signal}`
+          }, j = s - v % s;
+          j < C && (C += j), v += C, v > Y ? r.push($) : (S = v, g.push($));
         }
       });
-      const P = s - (b + h) % s, X = b % s < h, Y = P < h ? s : P;
+      const O = s - (S + h) % s, Z = S % s < h, ee = O < h ? s : O;
       return {
         hideNode: t(w, null, [a]),
         nodes: g,
         collapseNodes: r,
-        extraSpan: Y,
-        lastRowOnlyIncludeActionAndExtra: X
+        extraSpan: ee,
+        lastRowOnlyIncludeActionAndExtra: Z
       };
     });
-    function J(e) {
-      u.value = [...e];
+    function Q(e) {
+      u.value = [...e], b.value = !0;
     }
-    const K = _(() => {
+    const X = _(() => {
       let e;
       const a = t(R, {
-        span: n(T),
+        span: n(E),
         key: "actionWrapper"
       }, {
-        default: () => [t(D, null, {
-          default: () => [t(B, {
+        default: () => [t(z, null, {
+          default: () => [t(N, {
             wrap: "wrap",
             justify: l.value.lastRowOnlyIncludeActionAndExtra && !(n(c) && o.extraInAction) ? "flex-end" : "space-between"
           }, {
-            default: () => [t(B, {
+            default: () => [t(N, {
               gap: 8,
               wrap: "wrap"
             }, {
               default: () => [t("div", {
                 class: m("column-setting-trigger-wrapper")
-              }, [l.value.collapseNodes.length ? t(he, {
-                onSubmit: k,
+              }, [l.value.collapseNodes.length ? t(xe, {
+                onSubmit: I,
                 config: l.value.collapseNodes,
                 submitLoading: o.submitLoading
-              }, null) : null, o.sortable && u.value.length ? t(xe, {
+              }, null) : null, o.sortable && u.value.length ? t(ye, {
                 children: u.value,
-                onClickConfirm: J
-              }, null) : null]), t(U, {
+                onClickConfirm: Q,
+                sorted: b.value
+              }, null) : null]), t(M, {
                 type: "primary",
-                onClick: k,
+                onClick: I,
                 loading: o.submitLoading,
                 htmlType: "submit",
                 class: m("action-btn")
               }, {
-                default: () => [o.searchText || N("ap.apForm.search.search")]
-              }), t(U, {
-                onClick: H,
+                default: () => [o.searchText || k("ap.apForm.search.search")]
+              }), t(M, {
+                onClick: J,
                 type: "text",
                 class: [m("action-btn"), m("action-btn-reset")]
               }, {
-                default: () => [o.resetText || N("ap.apForm.search.reset")]
+                default: () => [o.resetText || k("ap.apForm.search.reset")]
               })]
             }), o.extraInAction ? n(c) : null]
           })]
@@ -215,10 +216,10 @@ const s = 24, Le = /* @__PURE__ */ te({
         span: l.value.extraSpan,
         key: "extraNode"
       }, {
-        default: () => [t(D, null, {
-          default: () => [t(B, {
+        default: () => [t(z, null, {
+          default: () => [t(N, {
             justify: l.value.extraSpan === s || l.value.lastRowOnlyIncludeActionAndExtra ? "start" : "flex-end"
-          }, ge(e = n(c)) ? e : {
+          }, ve(e = n(c)) ? e : {
             default: () => [e]
           })]
         })]
@@ -227,23 +228,23 @@ const s = 24, Le = /* @__PURE__ */ te({
       }, null);
       return l.value.lastRowOnlyIncludeActionAndExtra ? t(w, null, [r || g, a]) : t(w, null, [a, r]);
     });
-    return q({
+    return H({
       apForm: _(() => n(y))
-    }), (e, a) => (d(), x(ye, ne({
+    }), (e, a) => (d(), x(ge, le({
       ref_key: "apForm",
       ref: y,
       class: n(m)()
-    }, n(ce)(o, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: F(() => [(d(), x(A(l.value.hideNode))), t(n(se), {
+    }, n(pe)(o, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: A(() => [(d(), x(B(l.value.hideNode))), t(n(ie), {
         gutter: 8
       }, {
-        default: F(() => [(d(!0), le(w, null, re(l.value.nodes, (r) => (d(), x(n(R), {
+        default: A(() => [(d(!0), re(w, null, se(l.value.nodes, (r) => (d(), x(n(R), {
           key: r.key,
           span: r.span
         }, {
-          default: F(() => [(d(), x(A(r.node)))]),
+          default: A(() => [(d(), x(B(r.node)))]),
           _: 2
-        }, 1032, ["span"]))), 128)), (d(), x(A(K.value)))]),
+        }, 1032, ["span"]))), 128)), (d(), x(B(X.value)))]),
         _: 1
       })]),
       _: 1
@@ -251,5 +252,5 @@ const s = 24, Le = /* @__PURE__ */ te({
   }
 });
 export {
-  Le as default
+  Ue as default
 };

package/es/src/ap-table/hooks/use-table-paging-ng.d.ts

@@ -60,7 +60,7 @@ type InternalDataType<DataType = Recordable> = {
     loading: boolean;
 };
 export declare const DEFAULT_CURRENT = 1;
-export declare const DEFAULT_PAGE_SIZE = 10;
+export declare const DEFAULT_PAGE_SIZE = 20;
 export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, namespace, pagination }: UseTablePagingParams<DataType, ParamsType>) => {
     formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
     submit: () => void;

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -6,7 +6,7 @@ import { isArray as q, isEqualWith as de, isUndefined as pe } from "lodash-unifi
 import { isDef as N } from "../../utils/index.mjs";
 import { useLocale as me } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
-const h = 1, D = 10, B = {
+const h = 1, D = 20, B = {
   defaultCurrent: h,
   defaultPageSize: D,
   showLessItems: !1,

package/es/src/ap-tag/ap-tag-group.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as C, computed as n, unref as f, watch as N, nextTick as S, onMounted as j, onUnmounted as G, createBlock as d, openBlock as c, mergeProps as b, withCtx as g, createElementVNode as o, normalizeStyle as k, normalizeClass as W, createElementBlock as _, createCommentVNode as R, Fragment as A, renderList as F, toDisplayString as T, renderSlot as I, createTextVNode as U } from "vue";
+import { defineComponent as D, ref as b, computed as n, unref as f, watch as N, nextTick as S, onMounted as j, onUnmounted as G, createBlock as d, openBlock as u, mergeProps as k, withCtx as g, createElementVNode as o, normalizeStyle as W, normalizeClass as _, createElementBlock as T, createCommentVNode as R, Fragment as A, renderList as F, toDisplayString as E, renderSlot as I, createTextVNode as U } from "vue";
 import { Tooltip as q } from "@aplus-frontend/antdv";
 import H from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
@@ -8,7 +8,7 @@ import { useLocale as K } from "../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as O } from "../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as Q } from "../config-provider/hooks/use-namespace.mjs";
 import X from "./ap-tag.vue.mjs";
-const ue = /* @__PURE__ */ D({
+const ce = /* @__PURE__ */ D({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -16,15 +16,15 @@ const ue = /* @__PURE__ */ D({
     ellipsisColor: {},
     ellipsis: { default: () => ({}) }
   },
-  setup(E) {
-    const { t: z } = K(), i = E, B = O("uiMode"), { b: V, bm: v } = Q("tag-group"), u = C(), r = n(() => ({
+  setup(z) {
+    const { t: V } = K(), i = z, v = O("uiMode"), { b: $, bm: h } = Q("tag-group"), c = b(), r = n(() => ({
       ...{
-        iconColor: "#34B77C",
+        iconColor: v.value === "aplus" ? "#182948" : "#333",
         symbol: "icon",
-        text: z("ap.common.more")
+        text: V("ap.common.more")
       },
       ...i.ellipsis
-    })), $ = n(() => r.value.tooltip && typeof r.value.tooltip == "object" ? J(r.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(m) < i.list.length), m = C(0), L = n(() => i.list.map((e) => e.text).join("、")), M = n(() => [V()].filter(Boolean)), P = n(() => B.value === "aplus" ? [v("ellipsis-text", "aplus")] : [v("ellipsis-text", "admin")]), h = (e, t) => {
+    })), B = n(() => r.value.tooltip && typeof r.value.tooltip == "object" ? J(r.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(m) < i.list.length), m = b(0), L = n(() => i.list.map((e) => e.text).join("、")), M = n(() => [$()].filter(Boolean)), P = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = (e, t) => {
       let s = document.createElement("canvas");
       const l = s.getContext("2d");
       l.font = `${e}px system-ui`;
@@ -34,21 +34,21 @@ const ue = /* @__PURE__ */ D({
       }, 0), a.width;
     }, x = () => {
       let e = 0, t = 0;
-      if (!u.value) return;
-      const s = u.value.offsetWidth;
+      if (!c.value) return;
+      const s = c.value.offsetWidth;
       for (let l of i.list) {
-        const a = l.size === "large" ? 16 : 12, w = h(
+        const a = l.size === "large" ? 16 : 12, C = y(
           l.size === "large" ? 14 : 12,
           l.text
         ) + a + 2 + i.space;
-        if (e += w, e > s) {
-          e -= w;
+        if (e += C, e > s) {
+          e -= C;
           break;
         }
         t++;
       }
       if (t < i.list.length) {
-        const a = h(12, r.value.text);
+        const a = y(12, r.value.text);
         i.ellipsis.symbol === "icon" ? e += 16 : e += a, e > s && t--;
       }
       m.value = t;
@@ -64,7 +64,7 @@ const ue = /* @__PURE__ */ D({
         immediate: !0
       }
     );
-    const y = () => {
+    const w = () => {
       x();
     };
     return j(() => {
@@ -74,35 +74,38 @@ const ue = /* @__PURE__ */ D({
             `[ApTagGroup]: \`${e}\` is deprecated, please use \`${t}\` instead.`
           );
         }
-      ), window.addEventListener("resize", y);
+      ), window.addEventListener("resize", w);
     }), G(() => {
-      window.removeEventListener("resize", y);
-    }), (e, t) => (c(), d(f(q), b({ trigger: "hover" }, $.value), {
+      window.removeEventListener("resize", w);
+    }), (e, t) => (u(), d(f(q), k({ trigger: "hover" }, B.value), {
       title: g(() => [
         I(e.$slots, "tooltip", { tags: e.list }, () => [
-          U(T(L.value), 1)
+          U(E(L.value), 1)
         ])
       ]),
       default: g(() => [
         o("div", {
           ref_key: "container",
-          ref: u,
-          class: W(M.value),
-          style: k({
+          ref: c,
+          class: _(M.value),
+          style: W({
             pointerEvents: p.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (c(!0), _(A, null, F(e.list, (s, l) => (c(), d(X, b({ ref_for: !0 }, s, {
+          (u(!0), T(A, null, F(e.list, (s, l) => (u(), d(X, k({ ref_for: !0 }, s, {
             key: l,
             style: {
               display: l >= m.value ? "none" : "inline-block",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && r.value.symbol === "icon" ? (c(), d(f(H), {
+          p.value && r.value.symbol === "icon" ? (u(), d(f(H), {
             key: 0,
-            style: k({ color: e.ellipsisColor || r.value.iconColor })
+            style: W({
+              color: e.ellipsisColor || r.value.iconColor,
+              cursor: "pointer"
+            })
           }, {
             component: g(() => t[0] || (t[0] = [
               o("svg", {
@@ -160,10 +163,11 @@ const ue = /* @__PURE__ */ D({
               ], -1)
             ])),
             _: 1
-          }, 8, ["style"])) : p.value && r.value.symbol === "text" ? (c(), _("span", {
+          }, 8, ["style"])) : p.value && r.value.symbol === "text" ? (u(), T("span", {
             key: 1,
-            class: W(P.value)
-          }, T(r.value.text), 3)) : R("", !0)
+            class: _(P.value),
+            style: { cursor: "pointer" }
+          }, E(r.value.text), 3)) : R("", !0)
         ], 6)
       ]),
       _: 3
@@ -171,5 +175,5 @@ const ue = /* @__PURE__ */ D({
   }
 });
 export {
-  ue as default
+  ce as default
 };

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

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