@aplus-frontend/ui 7.12.5 → 7.13.0

package/es/src/business/ag-grid-modal/style/index.mjs

@@ -1,20 +1,20 @@
 import { genComponentStyleHook as d } from "../../../utils/cssinjs/index.mjs";
 const l = (e) => {
-  const { componentCls: o } = e, i = `${o}--table-layout`;
+  const { componentCls: i } = e, o = `${i}--table-layout`;
   return {
-    [`${o}--bordered`]: {
-      border: `${e.lineWidth} ${e.lineType} ${e.colorBg1}`,
+    [`${i}--bordered`]: {
+      border: `${e.lineWidth} ${e.lineType} ${e.borderColorBase}`,
       padding: e.spaceXL,
       borderRadius: e.borderRadius,
       "--ag-grid-modal-layout-divider-offset": "32px"
     },
-    [i]: {
+    [o]: {
       boxSizing: "border-box",
       display: "flex",
       flex: 1,
       justifyContent: "space-between",
       height: "100%",
-      [`${i}-left`]: {
+      [`${o}-left`]: {
         flex: 1,
         minWidth: 0,
         paddingInlineEnd: e.spaceXL,
@@ -25,7 +25,7 @@ const l = (e) => {
           flex: 1
         }
       },
-      [`${i}-right`]: {
+      [`${o}-right`]: {
         maxHeight: "100%",
         width: e.agGridModalRightWidth,
         paddingInlineStart: e.spaceXL,
@@ -45,7 +45,7 @@ const l = (e) => {
           content: '""',
           height: "calc(100% + var(--ag-grid-modal-layout-divider-offset,16px))",
           width: e.lineWidth,
-          backgroundColor: e.colorBg1,
+          backgroundColor: e.borderColorBase,
           position: "absolute",
           left: 0,
           top: "-16px"

package/es/src/business/ap-attachment/ApAttachment.mjs

@@ -1,144 +1,151 @@
-import { defineComponent as j, ref as g, useSlots as M, computed as i, cloneVNode as R, toRaw as w, unref as B, createVNode as e, createTextVNode as D } from "vue";
-import { LoadingOutlined as N } from "@ant-design/icons-vue";
-import { Tooltip as A, Popover as G } from "@aplus-frontend/antdv";
-import { IconApAdLineDownload as H } from "@aplus-frontend/icon";
-import { debounce as q, isArray as E } from "lodash-unified";
-import { useToken as J } from "../../config-provider/hooks/use-token.mjs";
-import { warning as Q } from "../../utils/warning.mjs";
+import { defineComponent as j, ref as g, useSlots as B, computed as c, cloneVNode as M, toRaw as w, unref as R, createVNode as e, createTextVNode as D } from "vue";
+import { LoadingOutlined as T } from "@ant-design/icons-vue";
+import { Tooltip as d, Popover as G } from "@aplus-frontend/antdv";
+import { IconApAdLineDownload as O } from "@aplus-frontend/icon";
+import { debounce as H, isArray as q } from "lodash-unified";
+import { useToken as E } from "../../config-provider/hooks/use-token.mjs";
+import { warning as J } from "../../utils/warning.mjs";
 import "../../config-provider/index.mjs";
-import { useOssInit as X } from "../ap-download/hooks/index.mjs";
-import { getHexWithOpacity as Y, getFileInfo as L } from "../ap-download/utils/getFileInfo.mjs";
-import { ApFilePreview as Z } from "../ap-file-preview/index.mjs";
-import { ApAttachmentProps as $ } from "./constans.mjs";
-import ee from "./style/index.mjs";
-import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as T } from "../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as ae } from "../../config-provider/hooks/use-locale.mjs";
-const Ne = /* @__PURE__ */ j({
+import { useOssInit as Q } from "../ap-download/hooks/index.mjs";
+import { getHexWithOpacity as X, getFileInfo as A } from "../ap-download/utils/getFileInfo.mjs";
+import { ApFilePreview as Y } from "../ap-file-preview/index.mjs";
+import { ApAttachmentProps as Z } from "./constans.mjs";
+import $ from "./style/index.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as P } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as te } from "../../config-provider/hooks/use-locale.mjs";
+const we = /* @__PURE__ */ j({
   name: "ApAttachment",
-  props: $(),
+  props: Z(),
   setup(t, {
-    emit: y
+    emit: N
   }) {
     const {
-      b: P,
-      e: l
-    } = te("ap-attachment"), C = ee("ap-attachment"), d = T("apUpload"), F = T("downloadCenterTriggerConfig"), {
-      token: x
-    } = J(), {
+      b,
+      e: a
+    } = ee("ap-attachment"), C = $("ap-attachment"), f = P("apUpload"), L = P("downloadCenterTriggerConfig"), {
+      token: y
+    } = E(), {
       lang: I,
-      t: c
-    } = ae(), r = g(!1), u = g(""), f = M(), K = i(() => I.value === "zh-cn" ? "zh_CN" : "en_US"), s = i(() => t.needName ?? (d?.value?.needName === !0 ? {
+      t: s
+    } = te(), r = g(!1), m = g(""), p = B(), K = c(() => I.value === "zh-cn" ? "zh_CN" : "en_US"), i = c(() => t.needName ?? (f?.value?.needName === !0 ? {
       nameKey: "fileName",
       pathKey: "path"
-    } : d?.value?.needName ?? {
+    } : f?.value?.needName ?? {
       nameKey: "fileName",
       pathKey: "filePath"
-    })), p = i(() => t.attachmentList.length === 1), b = i(() => s.value ? t.attachmentList.length > 0 && s.value && s.value?.nameKey ? t.attachmentList[0][s.value.nameKey] : "" : t.attachmentList.length > 0 ? t.attachmentList[0].fileName : ""), S = i(() => p.value ? b.value : c("ap.apAttachment.downloadall")), k = i(() => ({
-      "--download-main-color": x.value?.colorLink,
-      "--download-main-color-opacity": Y(x.value?.colorLink, 0.6)
-    })), U = i(() => t.getOssAccess || d.value?.getOssAccess), V = i(() => {
-      const a = f.default ? f.default()[0] : null;
-      return a ? R(a, {
+    })), S = c(() => t.attachmentList.length === 1), U = c(() => i.value ? t.attachmentList.length > 0 && i.value && i.value?.nameKey ? t.attachmentList[0][i.value.nameKey] : "" : t.attachmentList.length > 0 ? t.attachmentList[0].fileName : ""), x = c(() => ({
+      "--download-main-color": y.value?.colorLink,
+      "--download-main-color-opacity": X(y.value?.colorLink, 0.6)
+    })), V = c(() => t.getOssAccess || f.value?.getOssAccess), z = c(() => {
+      const l = p.default ? p.default()[0] : null;
+      return l ? M(l, {
         style: {
           "font-size": "16px"
         }
       }) : null;
-    }), v = g(!1), h = q(async (a, n) => {
+    }), v = g(!1), h = H(async (l, n) => {
       if (!t.disabled) {
-        r.value = !0, n && (u.value = n);
+        r.value = !0, n && (m.value = n);
         try {
-          const o = E(w(a)) ? w(a) : [w(a)];
-          if (F.value?.trigger) {
-            const m = L(s.value, o).map((O) => ({
-              objectName: O.path,
-              fileName: O.fileName
+          const o = q(w(l)) ? w(l) : [w(l)];
+          if (L.value?.trigger) {
+            const u = A(i.value, o).map((k) => ({
+              objectName: k.path,
+              fileName: k.fileName
             }));
-            F.value?.trigger(m), y("downloadCallback", m);
+            L.value?.trigger(u), N("downloadCallback", u);
           } else {
-            const m = await (await X(U.value, B(K))).downloadFile(L(s.value, o));
-            y("downloadCallback", m);
+            const u = await (await Q(V.value, R(K))).downloadFile(A(i.value, o));
+            N("downloadCallback", u);
           }
         } catch (o) {
-          Q(!1, o);
+          J(!1, o);
         } finally {
-          r.value = !1, u.value = "";
+          r.value = !1, m.value = "";
         }
       }
-    }, 500), z = (a) => {
-      const n = L(s.value, a)?.[0];
-      Z.createFilePreviewModal({
+    }, 500), F = (l) => {
+      const n = A(i.value, l)?.[0];
+      Y.createFilePreviewModal({
         src: n.path,
         fileName: n.fileName
       }), v.value = !1;
-    }, W = (a) => a && a.length > 0 ? e("ul", {
-      class: [l("file-list"), C.value],
-      style: k.value
-    }, [a.map((n, o) => e("li", {
+    }, W = (l) => l && l.length > 0 ? e("ul", {
+      class: [a("file-list"), C.value],
+      style: x.value
+    }, [l.map((n, o) => e("li", {
       key: o,
-      class: [l("file-item")]
-    }, [r.value && u.value === o + 1 ? e("span", {
-      class: [l("spin")]
-    }, [e(N, {
+      class: [a("file-item")]
+    }, [r.value && m.value === o + 1 ? e("span", {
+      class: [a("spin")]
+    }, [e(T, {
       spin: !0
-    }, null)]) : null, e(A, {
-      title: c("ap.apAppendix.previewFile")
+    }, null)]) : null, e(d, {
+      title: s("ap.apAppendix.previewFile")
     }, {
       default: () => [e("span", {
-        class: [l("file-item-text")],
-        onClick: () => z(n)
+        class: [a("file-item-text")],
+        onClick: () => F(n)
       }, [n.fileName])]
-    }), e(A, {
-      title: c("ap.apAppendix.downloadFile")
+    }), e(d, {
+      title: s("ap.apAppendix.downloadFile")
     }, {
       default: () => [e("span", {
-        class: [l("file-item-download")],
+        class: [a("file-item-download")],
         onClick: () => h(n, o + 1)
-      }, [e(H, null, null)])]
+      }, [e(O, null, null)])]
     })])), e("li", {
-      class: [l("download-all")],
+      class: [a("download-all")],
       onClick: () => h(t.attachmentList, "all")
-    }, [r.value && u.value === "all" ? e("span", {
-      class: [l("spin")]
-    }, [e(N, {
+    }, [r.value && m.value === "all" ? e("span", {
+      class: [a("spin")]
+    }, [e(T, {
       spin: !0
-    }, null)]) : null, c("ap.apAttachment.downloadall")])]) : null;
+    }, null)]) : null, s("ap.apAttachment.downloadall")])]) : null;
     return () => t.attachmentList?.length > 0 && e("div", {
-      class: [P(), C.value],
-      style: [k.value]
-    }, [e(A, {
-      title: S.value,
+      class: [b(), C.value],
+      style: [x.value]
+    }, [e("div", {
+      class: [a("content")]
+    }, [e(d, {
+      title: s("ap.apAppendix.previewFile"),
       placement: t.textToolTipPlacement,
       color: t.toolTipBgColor
     }, {
       default: () => [e("div", {
-        class: [l("content")],
-        onClick: () => h(p.value ? t.attachmentList[0] : t.attachmentList, "global")
-      }, [r.value && u.value === "global" ? e("div", {
-        class: [l("spin")]
-      }, [e(N, {
-        spin: !0
-      }, null)]) : null, f.default ? e("div", {
-        class: [l("text-render")]
-      }, [V.value, D(" ")]) : null, e("div", {
-        class: [l("text-inner")],
+        class: [a("content-text")],
+        onClick: () => F(t.attachmentList[0])
+      }, [p.default ? e("div", {
+        class: [a("text-render")]
+      }, [z.value, D(" ")]) : null, e("div", {
+        class: [a("text-inner")],
         style: {
           "max-width": t.maxWidth ? t.maxWidth + "px" : "auto"
         }
-      }, [b.value])])]
-    }), e(G, {
+      }, [U.value])])]
+    }), e(d, {
+      title: s("ap.apAppendix.downloadFile"),
+      placement: t.textToolTipPlacement,
+      color: t.toolTipBgColor
+    }, {
+      default: () => [e("span", {
+        class: [a("content-download")],
+        onClick: () => h(t.attachmentList[0], 0)
+      }, [e(O, null, null)])]
+    })]), e(G, {
       content: W(t.attachmentList),
       placement: t.fileMorePopoverPlacement,
       color: "#fff",
       open: v.value,
-      "onUpdate:open": (a) => v.value = a
+      "onUpdate:open": (l) => v.value = l
     }, {
-      default: () => [!p.value && e("div", {
-        class: [l("more")]
-      }, [c("ap.apAttachment.more")])]
+      default: () => [!S.value && e("div", {
+        class: [a("more")]
+      }, [s("ap.apAttachment.all")])]
     })]);
   }
 });
 export {
-  Ne as default
+  we as default
 };

package/es/src/business/ap-attachment/style/index.mjs

@@ -1,26 +1,43 @@
-import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as r } from "../../../utils/cssinjs/index.mjs";
 const a = (o) => {
-  const { componentCls: r } = o;
+  const { componentCls: e } = o;
   return {
-    [r]: {
+    [e]: {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      [`${r}__content`]: {
+      [`${e}__content`]: {
         width: "80%",
         flex: 1,
+        overflow: "hidden",
         display: "flex",
-        flexShrink: 0,
-        alignItems: "center"
+        alignItems: "center",
+        "&:hover": {
+          [`${e}__content-download`]: {
+            opacity: 1
+          }
+        },
+        "&-text": {
+          display: "flex",
+          alignItems: "center",
+          overflow: "hidden"
+        },
+        "&-download": {
+          cursor: "pointer",
+          color: "var(--download-main-color)",
+          marginLeft: o.space,
+          opacity: 0,
+          fontSize: o.fontSizeXL
+        }
       },
-      [`${r}__text-render`]: {
+      [`${e}__text-render`]: {
         color: "var(--download-main-color)",
         marginInlineEnd: o.spaceXS,
         "&:hover": {
           color: "var(--download-main-color-opacity)"
         }
       },
-      [`${r}__text-inner`]: {
+      [`${e}__text-inner`]: {
         flex: 1,
         flexShrink: 0,
         whiteSpace: "nowrap",
@@ -33,7 +50,7 @@ const a = (o) => {
           color: "var(--download-main-color-opacity)"
         }
       },
-      [`${r}__more`]: {
+      [`${e}__more`]: {
         fontSize: o.fontSize,
         lineHeight: o.lineHeight,
         cursor: "pointer",
@@ -44,24 +61,24 @@ const a = (o) => {
         }
       }
     },
-    [`${r}__spin`]: {
+    [`${e}__spin`]: {
       float: "left",
       marginRight: o.spaceXS
     },
-    [`${r}__file-list`]: {
+    [`${e}__file-list`]: {
       maxWidth: o.apAttachmentListMaxWidth,
       display: "flex",
       flexDirection: "column",
       margin: 0,
       padding: 0,
-      [`${r}__file-item`]: {
+      [`${e}__file-item`]: {
         flex: 1,
         wordWrap: "break-word",
         marginBlockEnd: o.spaceLG,
         fontSize: o.fontSize,
         color: o.textColor1,
         "&:hover": {
-          [`${r}__file-item-download`]: {
+          [`${e}__file-item-download`]: {
             opacity: 1
           }
         },
@@ -79,7 +96,7 @@ const a = (o) => {
           fontSize: o.fontSizeXL
         }
       },
-      [`${r}__download-all`]: {
+      [`${e}__download-all`]: {
         fontSize: o.fontSize,
         color: "var(--download-main-color)",
         cursor: "pointer",
@@ -90,7 +107,7 @@ const a = (o) => {
       }
     }
   };
-}, n = e(
+}, i = r(
   "ApAttachment",
   (o) => [a(o)],
   {
@@ -98,5 +115,5 @@ const a = (o) => {
   }
 );
 export {
-  n as default
+  i as default
 };

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as O, useSlots as j, computed as t, createBlock as u, createCommentVNode as x, openBlock as p, unref as r, mergeProps as f, createSlots as S, withCtx as n, createElementVNode as E, normalizeStyle as q, resolveDynamicComponent as k, h as L, createVNode as i, renderList as g, renderSlot as A, normalizeProps as b, guardReactiveProps as v, normalizeClass as F } from "vue";
+import { defineComponent as O, useSlots as j, computed as o, createBlock as l, createCommentVNode as x, openBlock as p, unref as r, mergeProps as f, createSlots as S, withCtx as n, createElementVNode as E, normalizeStyle as q, resolveDynamicComponent as k, h as L, createVNode as i, renderList as g, renderSlot as A, normalizeProps as b, guardReactiveProps as v, normalizeClass as F } from "vue";
 import { DownOutlined as H } from "@ant-design/icons-vue";
 import { DropdownButton as J, Dropdown as K } from "@aplus-frontend/antdv";
 import { usePermission as M } from "@aplus-frontend/hooks";
@@ -11,7 +11,7 @@ import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs
 import { useLocale as X } from "../../config-provider/hooks/use-locale.mjs";
 import B from "./MenuItemGroup.vue2.mjs";
 import Y from "../../ap-button/ap-button.vue.mjs";
-const me = /* @__PURE__ */ O({
+const de = /* @__PURE__ */ O({
   __name: "ApBatchActionGroup",
   props: {
     selectedRows: {},
@@ -19,17 +19,19 @@ const me = /* @__PURE__ */ O({
     menuList: {}
   },
   setup(C, { expose: $ }) {
-    const { b: h } = W("ap-batch-action-group"), D = U("ap-batch-action-group"), { t: R } = X(), { columns: T, dataSource: N } = Q(), e = C, { hasPermission: z } = M(), y = j(), w = t(
+    const { b: h } = W("ap-batch-action-group"), D = U("ap-batch-action-group"), { t: R } = X(), { columns: T, dataSource: N } = Q(), e = C, { hasPermission: z } = M(), y = j(), w = o(
       () => e?.buttonProps?.dropdownType || "default"
-    ), a = t(
+    ), a = o(
       () => e?.buttonProps?.type || "borderLink"
-    ), P = t(
+    ), P = o(
       () => e?.buttonProps?.content || R("ap.apApBatchActionGroup.batchOperation")
-    ), V = t(() => e?.selectedRows || []), c = t(
+    ), V = o(() => e?.selectedRows || []), c = o(
       () => e?.buttonProps?.disabled ?? (Array.isArray(e.selectedRows) ? V.value.length === 0 : !1)
-    ), G = t(() => a.value === "borderLink" ? c.value ? void 0 : "var(--ap-button-border-link-color)" : void 0), l = t(() => e?.menuList?.filter((o) => {
-      let m = o?.ifShow;
-      return !o?.ifShow && o?.auth && (m = () => z(o.auth)), m?.() ?? !0;
+    ), G = o(() => a.value === "borderLink" ? c.value ? void 0 : "var(--ap-button-border-link-color)" : void 0), u = o(() => e?.menuList?.filter((t) => {
+      if (t === "divider")
+        return !0;
+      let d = t?.ifShow;
+      return !t?.ifShow && t?.auth && (d = () => z(t.auth)), d?.() ?? !0;
     }) || []);
     function _() {
       return e?.buttonProps ? {
@@ -40,18 +42,18 @@ const me = /* @__PURE__ */ O({
     return $({
       columns: T,
       dataSource: N
-    }), (o, m) => l.value.length && w.value === "dropdown" ? (p(), u(r(J), f({
+    }), (t, d) => u.value.length && w.value === "dropdown" ? (p(), l(r(J), f({
       key: 0,
       class: [r(h)(), r(D)]
     }, {
-      ...o.$attrs,
+      ...t.$attrs,
       ..._(),
       disabled: c.value
     }), S({
       overlay: n(() => [
         i(B, f({
           ...e
-        }, { "menu-list": l.value }), null, 16, ["menu-list"])
+        }, { "menu-list": u.value }), null, 16, ["menu-list"])
       ]),
       default: n(() => [
         E("span", {
@@ -59,18 +61,18 @@ const me = /* @__PURE__ */ O({
             color: G.value
           })
         }, [
-          (p(), u(k(L("span", [P.value]))))
+          (p(), l(k(L("span", [P.value]))))
         ], 4)
       ]),
       _: 2
     }, [
       g(y, (I, s) => ({
         name: s,
-        fn: n((d) => [
-          A(o.$slots, s, b(v(d || {})))
+        fn: n((m) => [
+          A(t.$slots, s, b(v(m || {})))
         ])
       }))
-    ]), 1040, ["class"])) : l.value.length && w.value === "default" ? (p(), u(r(K), {
+    ]), 1040, ["class"])) : u.value.length && w.value === "default" ? (p(), l(r(K), {
       key: 1,
       class: F([r(h)()]),
       disabled: c.value
@@ -78,16 +80,16 @@ const me = /* @__PURE__ */ O({
       overlay: n(() => [
         i(B, f({
           ...e
-        }, { "menu-list": l.value }), null, 16, ["menu-list"])
+        }, { "menu-list": u.value }), null, 16, ["menu-list"])
       ]),
       default: n(() => [
         i(r(Y), b(v({
-          ...o.$attrs,
+          ...t.$attrs,
           ..._(),
           type: a.value
         })), {
           default: n(() => [
-            (p(), u(k(L("span", [P.value])))),
+            (p(), l(k(L("span", [P.value])))),
             i(r(H))
           ]),
           _: 1
@@ -97,13 +99,13 @@ const me = /* @__PURE__ */ O({
     }, [
       g(y, (I, s) => ({
         name: s,
-        fn: n((d) => [
-          A(o.$slots, s, b(v(d || {})))
+        fn: n((m) => [
+          A(t.$slots, s, b(v(m || {})))
         ])
       }))
     ]), 1032, ["class", "disabled"])) : x("", !0);
   }
 });
 export {
-  me as default
+  de as default
 };

package/es/src/business/ap-batch-action-group/MenuItemGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import { ApBatchActionGroupMenuProps, ApBatchActionGroupProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = ApBatchActionGroupProps & {
-    menuList: ApBatchActionGroupMenuProps[];
+    menuList: (ApBatchActionGroupMenuProps | 'divider')[];
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/business/ap-batch-action-group/MenuItemGroup.vue2.mjs

@@ -1,48 +1,52 @@
-import { defineComponent as p, ref as m, createBlock as r, openBlock as o, unref as a, withCtx as d, createElementBlock as _, Fragment as u, renderList as v, mergeProps as w, createElementVNode as y, withDirectives as h, createVNode as k, vShow as b, resolveDynamicComponent as g, h as C } from "vue";
-import { LoadingOutlined as R } from "@ant-design/icons-vue";
-import { Menu as L, MenuItem as M } from "@aplus-frontend/antdv";
-const B = { style: { display: "flex", "align-items": "center" } }, I = /* @__PURE__ */ p({
+import { defineComponent as y, ref as _, createBlock as r, openBlock as o, unref as l, withCtx as c, createElementBlock as u, Fragment as a, renderList as k, mergeProps as m, createElementVNode as w, withDirectives as h, createVNode as b, vShow as g, resolveDynamicComponent as C, h as R } from "vue";
+import { LoadingOutlined as L } from "@ant-design/icons-vue";
+import { Menu as f, MenuItem as M } from "@aplus-frontend/antdv";
+const B = { style: { display: "flex", "align-items": "center" } }, N = /* @__PURE__ */ y({
   __name: "MenuItemGroup",
   props: {
     selectedRows: {},
     buttonProps: {},
     menuList: {}
   },
-  setup(i) {
-    const l = i, t = m({});
-    async function f(s, c) {
-      const e = s?.id || c;
-      t.value[e] = !0;
+  setup(p) {
+    const s = p, n = _({});
+    async function v(d, i) {
+      const e = d?.id || i;
+      n.value[e] = !0;
       try {
-        await s?.onClick?.({ selectedRows: l?.selectedRows });
+        await d?.onClick?.({ selectedRows: s?.selectedRows });
       } finally {
-        t.value[e] = void 0;
+        n.value[e] = void 0;
       }
     }
-    return (s, c) => (o(), r(a(L), null, {
-      default: d(() => [
-        (o(!0), _(u, null, v(l.menuList, (e, n) => (o(), r(a(M), w({
-          key: e?.id || n
-        }, { ref_for: !0 }, {
-          ...e,
-          onClick: () => f(e, n),
-          disabled: t.value[e?.id || n] ?? (typeof e?.disabled == "function" ? e?.disabled({ selectedRows: l?.selectedRows }) : e?.disabled) ?? !1
-        }), {
-          default: d(() => [
-            y("div", B, [
-              h(k(a(R), { style: { "margin-right": "10px" } }, null, 512), [
-                [b, t.value[e?.id || n]]
-              ]),
-              (o(), r(g(C(u, [e?.content]))))
-            ])
-          ]),
-          _: 2
-        }, 1040))), 128))
+    return (d, i) => (o(), r(l(f), null, {
+      default: c(() => [
+        (o(!0), u(a, null, k(s.menuList, (e, t) => (o(), u(a, {
+          key: e === "divider" ? `divider-${t}` : e?.id || t
+        }, [
+          e === "divider" ? (o(), r(l(f).Divider, { key: 0 })) : (o(), r(l(M), m({
+            key: e?.id || t
+          }, { ref_for: !0 }, {
+            ...e,
+            onClick: () => v(e, t),
+            disabled: n.value[e?.id || t] ?? (typeof e?.disabled == "function" ? e?.disabled({ selectedRows: s?.selectedRows }) : e?.disabled) ?? !1
+          }), {
+            default: c(() => [
+              w("div", B, [
+                h(b(l(L), { style: { "margin-right": "10px" } }, null, 512), [
+                  [g, n.value[e?.id || t]]
+                ]),
+                (o(), r(C(R(a, [e?.content]))))
+              ])
+            ]),
+            _: 2
+          }, 1040))
+        ], 64))), 128))
       ]),
       _: 1
     }));
   }
 });
 export {
-  I as default
+  N as default
 };