@duxweb/dvha-pro 1.1.29 → 1.1.30

package/dist/esm/components/schemaEditor/schemaEditor.js

@@ -46,8 +46,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/components/spec/spec.js

@@ -45,8 +45,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/components/spec/specEditor.js

@@ -46,8 +46,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";

package/dist/esm/components/table/table.js

@@ -45,8 +45,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/components/textImageEditor/textImageEditor.js

@@ -47,8 +47,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "aieditor";
 import { useUploadConfig as K } from "../upload/config.js";

package/dist/esm/components/upload/file.js

@@ -46,8 +46,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/components/upload/image.js

@@ -1,8 +1,8 @@
-import { defineComponent as k, computed as n, watch as g, createVNode as a } from "vue";
-import { useI18n as w, useUpload as I } from "@duxweb/dvha-core";
-import { useVModel as V } from "@vueuse/core";
-import A from "clsx";
-import { useMessage as j, NImage as B, NButton as v, NProgress as D } from "naive-ui";
+import { defineComponent as U, computed as n, watch as g, createVNode as r } from "vue";
+import { useI18n as I, useUpload as V } from "@duxweb/dvha-core";
+import { useVModel as A } from "@vueuse/core";
+import j from "clsx";
+import { useMessage as B, NImage as D, NProgress as h, NButton as v } from "naive-ui";
 import { VueDraggable as M } from "vue-draggable-plus";
 import "vue-router";
 import "@overlastic/vue";
@@ -45,17 +45,17 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
-import { useUploadConfig as L } from "./config.js";
+import { useUploadConfig as O } from "./config.js";
 import "@vue-flow/core";
 import "lodash-es/cloneDeep";
 import "@vue-flow/background";
 /* empty css                      */
-import { useModal as O } from "../../hooks/modal.js";
+import { useModal as L } from "../../hooks/modal.js";
 import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
@@ -65,7 +65,7 @@ import "dayjs";
 import { useImagePreview as q } from "../../hooks/image.js";
 import "@tanstack/vue-query";
 import "pinia";
-const $e = /* @__PURE__ */ k({
+const $e = /* @__PURE__ */ U({
   name: "DuxImageUpload",
   props: {
     path: {
@@ -97,39 +97,40 @@ const $e = /* @__PURE__ */ k({
     method: String
   },
   setup(t, {
-    emit: h
+    emit: f
   }) {
-    const u = V(t, "value", h, {
+    const s = A(t, "value", f, {
       passive: !0,
       deep: !0,
       defaultValue: t.defaultValue
-    }), f = j(), b = q(), {
-      t: s
-    } = w(), i = {
+    }), x = B(), b = q(), {
+      t: u
+    } = I(), l = {
       container: "flex gap-2",
       imageItem: "size-80px rounded border border-muted relative group draggable flex items-center",
       imageOverlay: "z-1 size-full inset-0 absolute flex items-center justify-center bg-default/80 transition-all opacity-0 group-hover:opacity-100 rounded",
+      statusOverlay: "z-2 size-full inset-0 absolute flex flex-col items-center justify-center rounded bg-default/65 pointer-events-none",
       uploadArea: "relative size-80px text-sm rounded flex flex-col border border-dashed bg-elevated border-muted dark:border-accented hover:bg-accented/50 hover:border-accented dark:hover:bg-accented/50 dark:hover:border-accented cursor-pointer",
       uploadContent: "flex-1 flex flex-col justify-center items-center gap-1 relative",
       progressContainer: "size-80px flex items-center justify-center rounded",
       progressBar: "absolute left-2 right-2 bottom-2"
-    }, x = n(() => t.maxSize), {
+    }, y = n(() => t.maxSize), {
       uploadPath: d,
-      managePath: y,
+      managePath: z,
       driver: F,
       method: p
-    } = L({
+    } = O({
       driver: t?.driver,
       signPath: t?.signPath,
       signCallback: t?.signCallback,
       uploadPath: t?.path,
       managePath: t?.managePath,
       method: t?.method
-    }), r = I({
+    }), a = V({
       path: d.value,
       multiple: t.multiple,
       maxFileCount: t.maxNum,
-      maxFileSize: x.value * 1024 * 1024,
+      maxFileSize: y.value * 1024 * 1024,
       autoUpload: !0,
       accept: "image/*",
       params: t.manager ? {
@@ -137,76 +138,92 @@ const $e = /* @__PURE__ */ k({
       } : void 0,
       method: p.value,
       onError: (e) => {
-        f.error(e.message || s("components.upload.error"));
+        x.error(e.message || u("components.upload.error"));
       },
       driver: F.value
     });
-    g(r.dataFiles, (e) => {
-      const o = t.multiple ? e?.map((l) => l.url) : e?.[0]?.url;
-      u.value = o, t.onUpdateValue?.(o);
+    g(a.dataFiles, (e) => {
+      const o = t.multiple ? e?.map((i) => i.url) : e?.[0]?.url;
+      s.value = o, t.onUpdateValue?.(o);
     });
-    const z = n(() => r.progress.value.totalPercent), P = n(() => r.isUploading.value || r.uploadFiles.value.some((e) => e?.status === "uploading")), C = async () => {
-      r.open();
-    }, S = n(() => t.multiple ? t.maxNum && r.uploadFiles.value.length >= t.maxNum : !0), N = n(() => r.dataFiles.value?.map((e) => e.url)), U = O();
-    return g(u, (e) => {
+    const P = n(() => a.progress.value.totalPercent), C = n(() => a.isUploading.value || a.uploadFiles.value.some((e) => e?.status === "uploading")), S = async () => {
+      a.open();
+    }, N = n(() => t.multiple ? t.maxNum && a.uploadFiles.value.length >= t.maxNum : !0), k = n(() => a.dataFiles.value?.map((e) => e.url)), w = L();
+    return g(s, (e) => {
       if (!e || !(Array.isArray(e) ? e.length : String(e).length)) return;
-      const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [], l = (r.dataFiles.value || []).map((m) => m.url).filter(Boolean), c = o.filter((m) => !l.includes(m));
-      c.length && r.addDataFiles(c.map((m) => ({
+      const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [], i = (a.dataFiles.value || []).map((m) => m.url).filter(Boolean), c = o.filter((m) => !i.includes(m));
+      c.length && a.addDataFiles(c.map((m) => ({
         url: m
       })));
-    }), () => a("div", null, [a(M, {
-      modelValue: r.uploadFiles.value,
-      "onUpdate:modelValue": (e) => r.uploadFiles.value = e,
-      class: i.container,
+    }, {
+      immediate: !0,
+      deep: !0
+    }), () => r("div", null, [r(M, {
+      modelValue: a.uploadFiles.value,
+      "onUpdate:modelValue": (e) => a.uploadFiles.value = e,
+      class: l.container,
       draggable: ".draggable"
     }, {
-      default: () => [r.uploadFiles.value?.map((e, o) => {
-        const l = e.url || URL.createObjectURL(e.file);
-        return a("div", {
+      default: () => [a.uploadFiles.value?.map((e, o) => {
+        const i = e.url || URL.createObjectURL(e.file);
+        return r("div", {
           key: o,
-          class: A(i.imageItem)
-        }, [a(B, {
+          class: j(l.imageItem)
+        }, [r(D, {
           class: "z-0 rounded",
           objectFit: "scale-down",
           width: 78,
           height: 78,
           previewDisabled: !0,
-          src: l
-        }, null), a("div", {
-          class: i.imageOverlay
-        }, [e.status === "success" && a(v, {
+          src: i
+        }, null), e.status !== "success" && e.status !== "cancelled" && r("div", {
+          class: l.statusOverlay
+        }, [e.status === "error" ? r("div", {
+          class: "i-tabler:alert-circle size-5 text-error"
+        }, null) : r(h, {
+          type: "circle",
+          strokeWidth: 8,
+          showIndicator: !1,
+          percentage: Math.max(0, Math.min(100, Number(e.progress?.percent || 0))),
+          style: {
+            width: "34px",
+            height: "34px"
+          }
+        }, null)]), r("div", {
+          class: l.imageOverlay
+        }, [e.status === "success" && r(v, {
           quaternary: !0,
           circle: !0,
           size: "small",
-          renderIcon: () => a("div", {
+          renderIcon: () => r("div", {
             class: "n-icon i-tabler:eye"
           }, null),
-          onClick: () => b.show(N.value, o)
-        }, null), a(v, {
+          onClick: () => b.show(k.value, o)
+        }, null), r(v, {
           quaternary: !0,
           circle: !0,
           size: "small",
-          renderIcon: () => a("div", {
+          renderIcon: () => r("div", {
             class: "n-icon i-tabler:trash"
           }, null),
           onClick: () => {
-            r.removeFiles([e.id]);
+            a.removeFiles([e.id]);
           }
         }, null)])]);
-      }), (r.uploadFiles.value.length === 0 || !S.value) && a("div", {
-        class: i.uploadArea,
+      }), (a.uploadFiles.value.length === 0 || !N.value) && r("div", {
+        class: l.uploadArea,
         onClick: () => {
-          C();
+          S();
         }
-      }, [t.manager && a("div", {
+      }, [t.manager && r("div", {
         class: " py-1 text-xs bg-muted border-b border-dashed border-accented flex items-center justify-center",
         onClick: (e) => {
-          e.stopPropagation(), U.show({
-            title: s("components.upload.title"),
+          e.stopPropagation(), w.show({
+            title: u("components.upload.title"),
             width: "800px",
             component: () => import("./manager.js"),
             componentProps: {
-              path: y.value,
+              path: z.value,
               type: "image",
               multiple: t.multiple,
               uploadParams: {
@@ -218,23 +235,23 @@ const $e = /* @__PURE__ */ k({
               }
             }
           }).then((o) => {
-            r.addDataFiles(o);
+            a.addDataFiles(o);
           });
         }
-      }, [a("div", {
+      }, [r("div", {
         class: "i-tabler:folder size-4"
-      }, null)]), a("div", {
-        class: i.uploadContent
-      }, [P.value ? a("div", {
-        class: i.progressContainer
-      }, [a("div", {
-        class: i.progressBar
-      }, [a(D, {
+      }, null)]), r("div", {
+        class: l.uploadContent
+      }, [C.value ? r("div", {
+        class: l.progressContainer
+      }, [r("div", {
+        class: l.progressBar
+      }, [r(h, {
         type: "line",
-        percentage: z.value,
+        percentage: P.value,
         showIndicator: !1,
         height: 4
-      }, null)])]) : a("div", {
+      }, null)])]) : r("div", {
         class: "i-tabler:plus size-4"
       }, null)])])]
     })]);

package/dist/esm/components/upload/manage/item.js

@@ -45,8 +45,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/components/upload/manager.js

@@ -46,8 +46,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/components/upload/video.js

@@ -46,8 +46,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";

package/dist/esm/pages/layout/page.js

@@ -45,9 +45,9 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
 import x from "../menu/avatar.js";
+import { DuxPageTab as v } from "./tab.js";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPageTab as v } from "./tab.js";
 import "../page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/pages/menu/button.js

@@ -44,8 +44,8 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
 import "../page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/pages/menu/menuApp.js

@@ -1,9 +1,8 @@
-import { defineComponent as C, onMounted as z, computed as u, createVNode as e, Transition as N, createTextVNode as m, h as c } from "vue";
-import { useManage as A, useI18n as D, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
+import { defineComponent as C, onMounted as N, computed as u, createVNode as e, Transition as z, createTextVNode as m, h as c } from "vue";
+import { useManage as D, useI18n as A, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
 import { cloneDeep as d } from "lodash-es";
 import { NScrollbar as f, NTooltip as L, NButton as V, NTag as v, NMenu as j } from "naive-ui";
 import { useRouter as B, RouterLink as F } from "vue-router";
-import O from "./avatar.js";
 import "@overlastic/vue";
 import "@vueuse/core";
 import "clsx";
@@ -45,7 +44,11 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
+import O from "./avatar.js";
 import "@duxweb/dvha-naiveui";
+import "vue-command-palette";
+import R from "./dark.js";
+import S from "./notice.js";
 import "../page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";
@@ -61,10 +64,7 @@ import "fabric";
 import "../../components/schemaEditor/schemaEditor.js";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as R } from "../../hooks/ui.js";
-import "vue-command-palette";
-import S from "./dark.js";
-import U from "./notice.js";
+import { useUI as U } from "../../hooks/ui.js";
 const Ze = /* @__PURE__ */ C({
   name: "DuxMenuApp",
   props: {
@@ -75,13 +75,13 @@ const Ze = /* @__PURE__ */ C({
   },
   setup() {
     const {
-      setCmdVisible: h,
-      setMenuCollapsed: x
-    } = R(), {
+      setCmdVisible: x,
+      setMenuCollapsed: h
+    } = U(), {
       config: l
-    } = A(), {
+    } = D(), {
       t: g
-    } = D(), i = B(), {
+    } = A(), i = B(), {
       mainMenu: b,
       subMenu: y,
       appActive: n,
@@ -90,8 +90,8 @@ const Ze = /* @__PURE__ */ C({
     } = T({
       doubleMenu: !0
     });
-    z(() => {
-      x(!1);
+    N(() => {
+      h(!1);
     });
     const a = (t) => t.map((r) => {
       const o = {
@@ -110,7 +110,7 @@ const Ze = /* @__PURE__ */ C({
         }) : r.label
       };
       return o.children && o.children.length > 0 && (o.children = a(o.children)), o;
-    }), w = u(() => a(d(b.value))), M = u(() => a(d(y.value)));
+    }), M = u(() => a(d(b.value))), w = u(() => a(d(y.value)));
     return () => e("div", {
       class: "flex h-screen gap-2 pr-2"
     }, [e("div", {
@@ -132,7 +132,7 @@ const Ze = /* @__PURE__ */ C({
     }, [e(f, null, {
       default: () => [e("div", {
         class: "flex flex-col px-2 gap-2"
-      }, [w.value.map((t, p) => e("div", {
+      }, [M.value.map((t, p) => e("div", {
         key: p,
         class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === n.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
         onClick: () => {
@@ -168,11 +168,11 @@ const Ze = /* @__PURE__ */ C({
           class: `${t.icon} size-5`
         }, null)])
       })
-    })), l.notice?.status && e(U, {
+    })), l.notice?.status && e(S, {
       collapsed: !0
-    }, null), e(S, null, null), e(O, {
+    }, null), e(R, null, null), e(O, {
       collapsed: !0
-    }, null)])])]), e(N, {
+    }, null)])])]), e(z, {
       name: "submenu-slide",
       enterActiveClass: "transition-all duration-150 ease-out",
       enterFromClass: "opacity-0 translate-x-[-50%]",
@@ -187,7 +187,7 @@ const Ze = /* @__PURE__ */ C({
         class: "py-2 flex-none"
       }, [e("div", {
         class: "rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",
-        onClick: () => h(!0)
+        onClick: () => x(!0)
       }, [e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null), e("div", {
@@ -213,7 +213,7 @@ const Ze = /* @__PURE__ */ C({
           rootIndent: 20,
           indent: 15,
           class: "app-menu",
-          options: M.value,
+          options: w.value,
           value: s.value,
           collapsed: !1,
           onUpdateValue: (t) => s.value = t

package/dist/esm/pages/menu/menuMain.js

@@ -2,13 +2,9 @@ import { defineComponent as c, createVNode as o, createTextVNode as l } from "vu
 import { useManage as f, useI18n as v, DuxLogoIcon as h } from "@duxweb/dvha-core";
 import { useNaiveMenu as g } from "@duxweb/dvha-naiveui";
 import { NTag as p, NScrollbar as x, NMenu as b } from "naive-ui";
-import y from "./avatar.js";
-import m from "./button.js";
-import "@vueuse/core";
-import "lodash-es";
-import "vue-command-palette";
 import "vue-router";
 import "@overlastic/vue";
+import "@vueuse/core";
 import "clsx";
 import "vue-echarts";
 import "vue3-ace-editor";
@@ -24,6 +20,7 @@ import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
+import "lodash-es";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -48,6 +45,9 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
+import y from "./avatar.js";
+import m from "./button.js";
+import "vue-command-palette";
 import "../page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/pages/menu/mobile.js

@@ -44,9 +44,9 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
+import "@duxweb/dvha-naiveui";
 import "vue-command-palette";
 import { DuxMenuMain as m } from "./menuMain.js";
-import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";

package/dist/esm/pages/menu/notice.js

@@ -1,6 +1,6 @@
-import { defineComponent as k, computed as d, ref as C, createVNode as t, Fragment as F, isVNode as S } from "vue";
-import { useI18n as z, useManage as B, useList as R, useCustomMutation as M } from "@duxweb/dvha-core";
-import { NPopover as _, NButton as u, NSpin as j, NTooltip as A, NBadge as D } from "naive-ui";
+import { defineComponent as k, computed as u, ref as C, createVNode as t, Fragment as F, isVNode as S } from "vue";
+import { useI18n as z, useManage as B, useList as M, useCustomMutation as R } from "@duxweb/dvha-core";
+import { NPopover as D, NButton as d, NSpin as _, NTooltip as j, NBadge as A } from "naive-ui";
 import { useRouter as L } from "vue-router";
 import { DuxCard as O } from "../../components/card/card.js";
 import "@vueuse/core";
@@ -85,7 +85,7 @@ const Xt = /* @__PURE__ */ k({
       data: f,
       isLoading: v,
       refetch: h
-    } = R({
+    } = M({
       path: o.notice?.path || "notice",
       pagination: {
         page: 1,
@@ -93,13 +93,13 @@ const Xt = /* @__PURE__ */ k({
       }
     }), {
       mutate: p
-    } = M({
+    } = R({
       path: `${o.notice?.path || "notice"}`,
       method: "POST",
       onSuccess: () => {
         h();
       }
-    }), l = d(() => f.value?.data || []), s = d(() => l.value.some((e) => !e[o.notice?.readField || "read"])), i = C(!1), g = (e) => {
+    }), l = u(() => f.value?.data || []), s = u(() => l.value.some((e) => !e[o.notice?.readField || "read"])), i = C(!1), g = (e) => {
       p({
         payload: {
           type: "read",
@@ -113,7 +113,7 @@ const Xt = /* @__PURE__ */ k({
         }
       }), i.value = !1;
     };
-    return () => t(_, {
+    return () => t(D, {
       trigger: "click",
       arrowClass: "ml-2.5",
       placement: "bottom-start",
@@ -122,16 +122,16 @@ const Xt = /* @__PURE__ */ k({
       show: i.value,
       onClickoutside: () => i.value = !1
     }, {
-      trigger: () => t(A, {
+      trigger: () => t(j, {
         trigger: "hover",
         placement: "right"
       }, {
         default: () => r("components.menu.notice", "Notice"),
-        trigger: () => t(u, {
+        trigger: () => t(d, {
           onClick: () => i.value = !0,
           quaternary: !0
         }, {
-          icon: () => t(D, {
+          icon: () => t(A, {
             dot: s.value,
             offset: [-8, 8]
           }, {
@@ -150,7 +150,7 @@ const Xt = /* @__PURE__ */ k({
         contentSize: "none",
         title: r("components.menu.notice", "Notice")
       }, {
-        default: () => t(F, null, [t(j, {
+        default: () => t(F, null, [t(_, {
           show: v.value
         }, {
           default: () => [l.value.length > 0 ? t("div", {
@@ -195,7 +195,7 @@ const Xt = /* @__PURE__ */ k({
         }, [r("components.menu.viewAllNotices", "View all notices")])])]),
         headerExtra: () => {
           let e;
-          return t(u, {
+          return t(d, {
             size: "tiny",
             quaternary: !0,
             disabled: !s.value,

package/dist/esm/theme/uno.css.js

@@ -933,6 +933,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
   display: none !important;
 }
 /* layer: icons */
+.i-tabler\\:alert-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:alert-triangle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:arrow-back-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 14l-4-4l4-4'/%3E%3Cpath d='M5 10h11a4 4 0 1 1 0 8h-1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:arrow-bar-to-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h16m-8-6V4m0 10l4-4m-4 4l-4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1493,6 +1494,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .z-0{z-index:0;}
 .z-1{z-index:1;}
 .z-10{z-index:10;}
+.z-2{z-index:2;}
 .overflow-auto{overflow:auto;}
 .overflow-hidden{overflow:hidden;}
 .overflow-y-auto{overflow-y:auto;}
@@ -1533,6 +1535,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:text-inverted\\/80:hover{color:color-mix(in oklab, rgb(var(--ui-text-inverted)) var(--un-text-opacity, 100%), transparent);--un-text-opacity:80%;}
 .bg-default{background-color:color-mix(in oklab, rgb(var(--ui-bg)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
 .hover\\:bg-default:hover{background-color:color-mix(in oklab, rgb(var(--ui-bg)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:100%;}
+.bg-default\\/65{background-color:color-mix(in oklab, rgb(var(--ui-bg)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:65%;}
 .bg-default\\/80,
 .dark .dark\\:bg-default\\/80{background-color:color-mix(in oklab, rgb(var(--ui-bg)) var(--un-bg-opacity, 100%), transparent);--un-bg-opacity:80%;}
 .bg-muted,