djm-ui 0.72.0 → 0.73.1

package/dist/djm-ui.cjs

@@ -1,4 +1,8 @@
-/*! DJM UI v0.72.0 · MIT · 2026-10-26 */
+/*!
+ * DJM UI v0.73.1 · 企业级中后台 Vue 3 组件库
+ * Copyright (c) 2026 上海多聚米科技有限公司. All rights reserved.
+ * MIT License · https://ui.duojumi.com · Build 2026-10-26
+ */
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1039,6 +1043,7 @@ __export(index_exports, {
   djmMessage: () => djmMessage,
   djmMessages: () => djmMessages,
   getLocale: () => getLocale,
+  glass: () => glass,
   hasPermission: () => hasPermission,
   initTheme: () => initTheme,
   install: () => install,
@@ -1048,6 +1053,7 @@ __export(index_exports, {
   primaryColor: () => primaryColor,
   resetPrimaryColor: () => resetPrimaryColor,
   sanitizeHtml: () => sanitizeHtml,
+  setGlass: () => setGlass,
   setLocale: () => setLocale,
   setPermissions: () => setPermissions,
   setPrimaryColor: () => setPrimaryColor,
@@ -1872,7 +1878,7 @@ function t(key, params) {
 // src/utils/panel.js
 var PANEL_HIDDEN_STYLE = { position: "fixed", left: "0px", top: "0px", visibility: "hidden" };
 function bindPanelListeners({ root, panel, onClose, onReposition, esc = true }) {
-  const el = (ref50) => typeof ref50 === "function" ? ref50() : ref50;
+  const el = (ref51) => typeof ref51 === "function" ? ref51() : ref51;
   function onDocumentMousedown(event) {
     const rootEl = el(root);
     const panelEl = el(panel);
@@ -4245,12 +4251,18 @@ var progress_default = {
   name: "DjmProgress",
   props: {
     percent: { type: Number, default: 0 },
+    // line 横向 / circle 环形
+    type: { type: String, default: "line" },
     // '' / success / error / warning
     status: { type: String, default: "" },
     showText: { type: Boolean, default: true },
     strokeWidth: { type: Number, default: 6 },
     // 自定义进度色，不传由状态决定
-    color: { type: String, default: "" }
+    color: { type: String, default: "" },
+    // 环形直径（px）
+    size: { type: Number, default: 96 },
+    // 无障碍名称，默认「进度」
+    label: { type: String, default: "" }
   },
   computed: {
     safePercent() {
@@ -4263,10 +4275,72 @@ var progress_default = {
     },
     trackStyle() {
       return { height: this.strokeWidth + "px" };
+    },
+    circleSize() {
+      return Math.max(48, Number(this.size) || 96);
+    },
+    circleRadius() {
+      return (this.circleSize - this.strokeWidth) / 2;
+    },
+    circleLength() {
+      return 2 * Math.PI * this.circleRadius;
+    },
+    circleOffset() {
+      return this.circleLength * (1 - this.safePercent / 100);
+    },
+    circleStyle() {
+      return { width: this.circleSize + "px", height: this.circleSize + "px" };
+    },
+    circleLabelStyle() {
+      return { fontSize: Math.max(12, Math.round(this.circleSize / 5)) + "px" };
     }
   },
   template: `
-    <div class="djm-progress-line" :class="status ? 'djm-is-' + status : ''">
+    <div
+      v-if="type === 'circle'"
+      class="djm-progress-circle"
+      :class="status ? 'djm-is-' + status : ''"
+      :style="circleStyle"
+      role="progressbar"
+      :aria-label="label || '\u8FDB\u5EA6'"
+      :aria-valuenow="safePercent"
+      aria-valuemin="0"
+      aria-valuemax="100"
+    >
+      <svg :viewBox="'0 0 ' + circleSize + ' ' + circleSize" aria-hidden="true">
+        <circle
+          class="djm-progress-circle-track"
+          :cx="circleSize / 2"
+          :cy="circleSize / 2"
+          :r="circleRadius"
+          :stroke-width="strokeWidth"
+          fill="none"
+        />
+        <circle
+          class="djm-progress-circle-bar"
+          :cx="circleSize / 2"
+          :cy="circleSize / 2"
+          :r="circleRadius"
+          :stroke-width="strokeWidth"
+          fill="none"
+          stroke-linecap="round"
+          :stroke-dasharray="circleLength"
+          :stroke-dashoffset="circleOffset"
+          :style="color ? { stroke: color } : null"
+        />
+      </svg>
+      <span v-if="showText" class="djm-progress-circle-label" :style="circleLabelStyle">{{ safePercent }}%</span>
+    </div>
+    <div
+      v-else
+      class="djm-progress-line"
+      :class="status ? 'djm-is-' + status : ''"
+      role="progressbar"
+      :aria-label="label || '\u8FDB\u5EA6'"
+      :aria-valuenow="safePercent"
+      aria-valuemin="0"
+      aria-valuemax="100"
+    >
       <div class="djm-progress" :style="trackStyle">
         <div class="djm-progress-bar" :style="barStyle"></div>
       </div>
@@ -5468,48 +5542,91 @@ var alert_default = {
 };
 
 // src/components/spin/index.js
+var import_vue7 = require("vue");
 var spin_default = {
   name: "DjmSpin",
   props: {
     spinning: { type: Boolean, default: true },
-    size: { type: String, default: "md" },
     // sm | md | lg
-    tip: { type: String, default: "" }
+    size: { type: String, default: "md" },
+    // ring 环形 / dots 点状 / bars 柱状 / pulse 脉冲
+    type: { type: String, default: "ring" },
+    tip: { type: String, default: "" },
+    // 延迟多少毫秒后显示，0 表示立即
+    delay: { type: Number, default: 0 },
+    // 全屏加载：遮罩铺满视口
+    fullscreen: { type: Boolean, default: false },
+    // 自定义指示器颜色，默认跟随品牌色
+    color: { type: String, default: "" }
+  },
+  setup(props) {
+    const visible = (0, import_vue7.ref)(false);
+    let timer = null;
+    function sync() {
+      window.clearTimeout(timer);
+      timer = null;
+      if (!props.spinning) {
+        visible.value = false;
+        return;
+      }
+      if (props.delay > 0) {
+        timer = window.setTimeout(() => {
+          visible.value = true;
+        }, props.delay);
+      } else {
+        visible.value = true;
+      }
+    }
+    (0, import_vue7.watch)(() => [props.spinning, props.delay], sync, { immediate: true });
+    (0, import_vue7.onBeforeUnmount)(() => window.clearTimeout(timer));
+    return { visible };
   },
   computed: {
-    // 有默认插槽即为包裹模式
     wrapped() {
       return !!this.$slots.default;
+    },
+    rootClass() {
+      return [
+        "djm-spin",
+        "djm-spin-" + this.size,
+        {
+          "djm-spin-wrap": this.wrapped && !this.fullscreen,
+          "djm-spin-inline": !this.wrapped && !this.fullscreen,
+          "djm-spin-fullscreen": this.fullscreen
+        }
+      ];
     }
   },
   template: `
     <div
-      v-if="wrapped"
-      class="djm-spin-wrap"
-      :class="'djm-spin-' + size"
-      :aria-busy="String(spinning)"
+      v-if="fullscreen || wrapped || visible"
+      :class="rootClass"
+      :aria-busy="String(visible)"
+      :role="visible ? 'status' : undefined"
+      :aria-label="!wrapped && !fullscreen && !tip && visible ? '\u52A0\u8F7D\u4E2D' : undefined"
     >
-      <slot />
-      <div v-if="spinning" class="djm-spin-mask" role="status">
-        <span class="djm-spinner"></span>
+      <slot v-if="wrapped && !fullscreen" />
+      <div v-if="visible" class="djm-spin-mask">
+        <span class="djm-spin-indicator" :class="'djm-spin-' + type" :style="color ? { color } : null">
+          <slot name="indicator">
+            <i v-if="type === 'ring'" class="djm-spinner"></i>
+            <template v-else-if="type === 'dots'">
+              <i></i><i></i><i></i>
+            </template>
+            <template v-else-if="type === 'bars'">
+              <i></i><i></i><i></i><i></i>
+            </template>
+            <i v-else class="djm-spin-core"></i>
+          </slot>
+        </span>
         <span v-if="tip" class="djm-spin-tip">{{ tip }}</span>
       </div>
     </div>
-    <span
-      v-else
-      class="djm-spin-inline"
-      :class="'djm-spin-' + size"
-      role="status"
-      :aria-label="tip ? undefined : '\u52A0\u8F7D\u4E2D'"
-    >
-      <span class="djm-spinner"></span>
-      <span v-if="tip" class="djm-spin-tip">{{ tip }}</span>
-    </span>
   `
 };
 
 // src/components/popconfirm/index.js
-var import_vue7 = require("vue");
+var import_vue8 = require("vue");
 var popconfirm_default = {
   name: "DjmPopconfirm",
   components: { DjmIcon: icon_default },
@@ -5525,10 +5642,10 @@ var popconfirm_default = {
   },
   emits: ["confirm", "cancel", "visible-change"],
   setup(props, { emit }) {
-    const open = (0, import_vue7.ref)(false);
-    const root = (0, import_vue7.ref)(null);
-    const panelEl = (0, import_vue7.ref)(null);
-    const panelStyle = (0, import_vue7.ref)({});
+    const open = (0, import_vue8.ref)(false);
+    const root = (0, import_vue8.ref)(null);
+    const panelEl = (0, import_vue8.ref)(null);
+    const panelStyle = (0, import_vue8.ref)({});
     const PANEL_WIDTH = 244;
     let detachPanel = null;
     function syncTriggerA11y() {
@@ -5543,8 +5660,8 @@ var popconfirm_default = {
       target.setAttribute("aria-haspopup", "dialog");
       target.setAttribute("aria-expanded", String(open.value));
     }
-    (0, import_vue7.onMounted)(() => (0, import_vue7.nextTick)(syncTriggerA11y));
-    (0, import_vue7.watch)(open, () => (0, import_vue7.nextTick)(syncTriggerA11y));
+    (0, import_vue8.onMounted)(() => (0, import_vue8.nextTick)(syncTriggerA11y));
+    (0, import_vue8.watch)(open, () => (0, import_vue8.nextTick)(syncTriggerA11y));
     function updatePosition() {
       if (!open.value || !root.value) return;
       const rect = root.value.getBoundingClientRect();
@@ -5567,7 +5684,7 @@ var popconfirm_default = {
         onReposition: updatePosition
       });
       requestAnimationFrame(updatePosition);
-      (0, import_vue7.nextTick)(() => {
+      (0, import_vue8.nextTick)(() => {
         const first = panelEl.value && panelEl.value.querySelector("button");
         if (first) first.focus();
       });
@@ -5583,7 +5700,7 @@ var popconfirm_default = {
         detachPanel = null;
       }
       if (hadFocus) {
-        (0, import_vue7.nextTick)(() => {
+        (0, import_vue8.nextTick)(() => {
           const wrapper = root.value && root.value.querySelector(".djm-popconfirm-trigger");
           const target = wrapper && (wrapper.querySelector('button, a[href], [role="button"]') || wrapper);
           if (target) target.focus();
@@ -5603,7 +5720,7 @@ var popconfirm_default = {
       emit("cancel");
       close2();
     }
-    (0, import_vue7.onBeforeUnmount)(close2);
+    (0, import_vue8.onBeforeUnmount)(close2);
     return { open, root, panelEl, panelStyle, toggle, close: close2, confirm, cancel };
   },
   template: `
@@ -5647,7 +5764,7 @@ var popconfirm_default = {
 };
 
 // src/components/anchor/index.js
-var import_vue8 = require("vue");
+var import_vue9 = require("vue");
 var anchor_default = {
   name: "DjmAnchor",
   props: {
@@ -5660,8 +5777,8 @@ var anchor_default = {
   },
   emits: ["change"],
   setup(props, { emit }) {
-    const root = (0, import_vue8.ref)(null);
-    const activeKey = (0, import_vue8.ref)("");
+    const root = (0, import_vue9.ref)(null);
+    const activeKey = (0, import_vue9.ref)("");
     let scrollEl = null;
     let target = null;
     function resolveContainer() {
@@ -5715,9 +5832,9 @@ var anchor_default = {
       activeKey.value = item.href;
       emit("change", item.href);
     }
-    (0, import_vue8.onMounted)(bind);
-    (0, import_vue8.watch)(() => props.container, bind);
-    (0, import_vue8.onBeforeUnmount)(unbind);
+    (0, import_vue9.onMounted)(bind);
+    (0, import_vue9.watch)(() => props.container, bind);
+    (0, import_vue9.onBeforeUnmount)(unbind);
     return { root, activeKey, go };
   },
   template: `
@@ -5739,7 +5856,7 @@ var anchor_default = {
 };
 
 // src/components/backtop/index.js
-var import_vue9 = require("vue");
+var import_vue10 = require("vue");
 var backtop_default = {
   name: "DjmBacktop",
   components: { DjmIcon: icon_default },
@@ -5752,8 +5869,8 @@ var backtop_default = {
   },
   emits: ["click"],
   setup(props, { emit }) {
-    const visible = (0, import_vue9.ref)(false);
-    const root = (0, import_vue9.ref)(null);
+    const visible = (0, import_vue10.ref)(false);
+    const root = (0, import_vue10.ref)(null);
     let target = null;
     let scrollEl = null;
     function resolveContainer() {
@@ -5786,8 +5903,8 @@ var backtop_default = {
       else target.scrollTo({ top: 0, behavior });
       emit("click");
     }
-    (0, import_vue9.onMounted)(bind);
-    (0, import_vue9.onBeforeUnmount)(unbind);
+    (0, import_vue10.onMounted)(bind);
+    (0, import_vue10.onBeforeUnmount)(unbind);
     return { visible, root, toTop };
   },
   template: `
@@ -5864,7 +5981,7 @@ var space_default = {
 };
 
 // src/components/affix/index.js
-var import_vue10 = require("vue");
+var import_vue11 = require("vue");
 var affix_default = {
   name: "DjmAffix",
   props: {
@@ -5875,10 +5992,10 @@ var affix_default = {
     zIndex: { type: Number, default: 900 }
   },
   setup(props) {
-    const root = (0, import_vue10.ref)(null);
-    const fixed = (0, import_vue10.ref)(false);
-    const affixStyle = (0, import_vue10.ref)({});
-    const holderStyle = (0, import_vue10.ref)({});
+    const root = (0, import_vue11.ref)(null);
+    const fixed = (0, import_vue11.ref)(false);
+    const affixStyle = (0, import_vue11.ref)({});
+    const holderStyle = (0, import_vue11.ref)({});
     let target = null;
     let scrollEl = null;
     function resolveContainer() {
@@ -5933,8 +6050,8 @@ var affix_default = {
       scrollEl = null;
       target = null;
     }
-    (0, import_vue10.onMounted)(bind);
-    (0, import_vue10.onBeforeUnmount)(unbind);
+    (0, import_vue11.onMounted)(bind);
+    (0, import_vue11.onBeforeUnmount)(unbind);
     return { root, fixed, affixStyle, holderStyle };
   },
   template: `
@@ -5985,7 +6102,7 @@ var segmented_default = {
 };
 
 // src/components/image/index.js
-var import_vue11 = require("vue");
+var import_vue12 = require("vue");
 
 // src/utils/scroll-lock.js
 var count = 0;
@@ -6032,11 +6149,11 @@ var image_default = {
     preview: { type: Boolean, default: true }
   },
   setup(props) {
-    const failed = (0, import_vue11.ref)(false);
-    const open = (0, import_vue11.ref)(false);
-    const zoomRef = (0, import_vue11.ref)(null);
-    const closeRef = (0, import_vue11.ref)(null);
-    (0, import_vue11.watch)(() => props.src, () => {
+    const failed = (0, import_vue12.ref)(false);
+    const open = (0, import_vue12.ref)(false);
+    const zoomRef = (0, import_vue12.ref)(null);
+    const closeRef = (0, import_vue12.ref)(null);
+    (0, import_vue12.watch)(() => props.src, () => {
       failed.value = false;
     });
     function toSize(value) {
@@ -6050,7 +6167,7 @@ var image_default = {
       open.value = true;
       lockScroll();
       document.addEventListener("keydown", onKeydown);
-      await (0, import_vue11.nextTick)();
+      await (0, import_vue12.nextTick)();
       if (closeRef.value) closeRef.value.focus();
     }
     function closePreview() {
@@ -6060,7 +6177,7 @@ var image_default = {
       document.removeEventListener("keydown", onKeydown);
       if (zoomRef.value) zoomRef.value.focus();
     }
-    (0, import_vue11.onBeforeUnmount)(closePreview);
+    (0, import_vue12.onBeforeUnmount)(closePreview);
     return { failed, open, zoomRef, closeRef, toSize, openPreview, closePreview, t };
   },
   template: `
@@ -6115,13 +6232,15 @@ var image_default = {
 };
 
 // src/components/watermark/index.js
-var import_vue13 = require("vue");
+var import_vue14 = require("vue");
 
 // src/theme/index.js
-var import_vue12 = require("vue");
+var import_vue13 = require("vue");
 var KEY = "djm-theme";
 var COLOR_KEY = "djm-primary";
-var theme = (0, import_vue12.ref)("light");
+var GLASS_KEY = "djm-glass";
+var theme = (0, import_vue13.ref)("light");
+var glass = (0, import_vue13.ref)(false);
 var PRESET_COLORS = [
   { name: "\u9ED8\u8BA4\u84DD", value: "#1a6fc4" },
   { name: "\u79D1\u6280\u84DD", value: "#2563eb" },
@@ -6132,7 +6251,7 @@ var PRESET_COLORS = [
   { name: "\u6731\u7802\u7EA2", value: "#c0392b" },
   { name: "\u77F3\u58A8\u7070", value: "#4b5b6b" }
 ];
-var primaryColor = (0, import_vue12.ref)("");
+var primaryColor = (0, import_vue13.ref)("");
 var BRAND_VARS = [
   "--djm-brand-50",
   "--djm-brand-100",
@@ -6254,6 +6373,15 @@ function setTheme(name) {
 function toggleTheme() {
   setTheme(theme.value === "dark" ? "light" : "dark");
 }
+function setGlass(enabled) {
+  glass.value = !!enabled;
+  document.documentElement.dataset.djmGlass = glass.value ? "on" : "";
+  try {
+    if (glass.value) localStorage.setItem(GLASS_KEY, "1");
+    else localStorage.removeItem(GLASS_KEY);
+  } catch (error) {
+  }
+}
 function initTheme() {
   let saved = "";
   try {
@@ -6273,9 +6401,16 @@ function initTheme() {
   } catch (error) {
     color = "";
   }
+  let glassSaved = false;
+  try {
+    glassSaved = localStorage.getItem(GLASS_KEY) === "1";
+  } catch (error) {
+    glassSaved = false;
+  }
   if (color) primaryColor.value = color;
   const next = param === "dark" || param === "light" ? param : saved || "light";
   setTheme(next);
+  setGlass(glassSaved);
 }
 
 // src/components/watermark/index.js
@@ -6291,7 +6426,7 @@ var watermark_default = {
     zIndex: { type: Number, default: 10 }
   },
   setup(props) {
-    const dataUrl = (0, import_vue13.ref)("");
+    const dataUrl = (0, import_vue14.ref)("");
     let canvasEl = null;
     function build() {
       const lines = (Array.isArray(props.content) ? props.content : [props.content]).filter(Boolean);
@@ -6328,13 +6463,13 @@ var watermark_default = {
       });
       dataUrl.value = canvasEl.toDataURL("image/png");
     }
-    const layerStyle = (0, import_vue13.computed)(() => ({
+    const layerStyle = (0, import_vue14.computed)(() => ({
       backgroundImage: dataUrl.value ? "url(" + dataUrl.value + ")" : "none",
       zIndex: props.zIndex
     }));
-    (0, import_vue13.onMounted)(build);
-    (0, import_vue13.watch)(() => [props.content, props.gap, props.fontSize, props.color, props.rotate, theme.value], build, { deep: true });
-    (0, import_vue13.onBeforeUnmount)(() => {
+    (0, import_vue14.onMounted)(build);
+    (0, import_vue14.watch)(() => [props.content, props.gap, props.fontSize, props.color, props.rotate, theme.value], build, { deep: true });
+    (0, import_vue14.onBeforeUnmount)(() => {
       canvasEl = null;
     });
     return { layerStyle };
@@ -6524,7 +6659,7 @@ var autocomplete_default = {
 };
 
 // src/components/splitter/index.js
-var import_vue14 = require("vue");
+var import_vue15 = require("vue");
 var splitter_default = {
   name: "DjmSplitter",
   props: {
@@ -6537,9 +6672,9 @@ var splitter_default = {
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
-    const root = (0, import_vue14.ref)(null);
-    const dragging = (0, import_vue14.ref)(false);
-    const ratio = (0, import_vue14.computed)(() => {
+    const root = (0, import_vue15.ref)(null);
+    const dragging = (0, import_vue15.ref)(false);
+    const ratio = (0, import_vue15.computed)(() => {
       const value = Number(props.modelValue);
       const safe = Number.isFinite(value) ? value : 50;
       return Math.min(props.max, Math.max(props.min, safe));
@@ -6583,7 +6718,7 @@ var splitter_default = {
         commit(ratio.value + step);
       }
     }
-    (0, import_vue14.onBeforeUnmount)(stopDrag);
+    (0, import_vue15.onBeforeUnmount)(stopDrag);
     return { root, dragging, ratio, startDrag, onKeydown };
   },
   template: `
@@ -6620,7 +6755,7 @@ var splitter_default = {
 };
 
 // src/components/carousel/index.js
-var import_vue15 = require("vue");
+var import_vue16 = require("vue");
 var carousel_default = {
   name: "DjmCarousel",
   components: { DjmIcon: icon_default },
@@ -6634,7 +6769,7 @@ var carousel_default = {
   },
   emits: ["change"],
   setup(props, { emit }) {
-    const index = (0, import_vue15.ref)(0);
+    const index = (0, import_vue16.ref)(0);
     let timer = null;
     const boxStyle = () => ({
       height: typeof props.height === "number" ? props.height + "px" : props.height
@@ -6671,15 +6806,15 @@ var carousel_default = {
         next();
       }
     }
-    (0, import_vue15.onMounted)(start);
-    (0, import_vue15.watch)(() => [props.autoplay, props.interval, props.items.length], start);
+    (0, import_vue16.onMounted)(start);
+    (0, import_vue16.watch)(() => [props.autoplay, props.interval, props.items.length], start);
     function pause() {
       if (props.autoplay) stop();
     }
     function resume() {
       if (props.autoplay) start();
     }
-    (0, import_vue15.onBeforeUnmount)(stop);
+    (0, import_vue16.onBeforeUnmount)(stop);
     return { index, boxStyle, go, next, prev, onKeydown, pause, resume };
   },
   template: `
@@ -6739,7 +6874,7 @@ var carousel_default = {
 };
 
 // src/components/tour/index.js
-var import_vue16 = require("vue");
+var import_vue17 = require("vue");
 var tour_default = {
   name: "DjmTour",
   components: { DjmIcon: icon_default },
@@ -6751,11 +6886,11 @@ var tour_default = {
   },
   emits: ["update:modelValue", "change", "finish"],
   setup(props, { emit }) {
-    const current = (0, import_vue16.ref)(0);
-    const highlight = (0, import_vue16.ref)({ top: "0px", left: "0px", width: "0px", height: "0px" });
-    const cardStyle = (0, import_vue16.ref)({ position: "fixed", left: "0px", top: "0px", visibility: "hidden" });
-    const card = (0, import_vue16.ref)(null);
-    const step = (0, import_vue16.computed)(() => props.steps[current.value] || null);
+    const current = (0, import_vue17.ref)(0);
+    const highlight = (0, import_vue17.ref)({ top: "0px", left: "0px", width: "0px", height: "0px" });
+    const cardStyle = (0, import_vue17.ref)({ position: "fixed", left: "0px", top: "0px", visibility: "hidden" });
+    const card = (0, import_vue17.ref)(null);
+    const step = (0, import_vue17.computed)(() => props.steps[current.value] || null);
     function update() {
       const scene = step.value;
       if (!scene) return;
@@ -6785,7 +6920,7 @@ var tour_default = {
       document.addEventListener("keydown", onKeydown);
       window.addEventListener("resize", update);
       window.addEventListener("scroll", update, true);
-      (0, import_vue16.nextTick)(() => {
+      (0, import_vue17.nextTick)(() => {
         update();
         if (card.value) card.value.focus({ preventScroll: true });
       });
@@ -6807,22 +6942,22 @@ var tour_default = {
       }
       current.value += 1;
       emit("change", current.value);
-      (0, import_vue16.nextTick)(update);
+      (0, import_vue17.nextTick)(update);
     }
     function prev() {
       if (current.value === 0) return;
       current.value -= 1;
       emit("change", current.value);
-      (0, import_vue16.nextTick)(update);
+      (0, import_vue17.nextTick)(update);
     }
-    (0, import_vue16.watch)(() => props.modelValue, (value) => {
+    (0, import_vue17.watch)(() => props.modelValue, (value) => {
       if (value) startScene();
       else stopScene();
     });
-    (0, import_vue16.onMounted)(() => {
+    (0, import_vue17.onMounted)(() => {
       if (props.modelValue) startScene();
     });
-    (0, import_vue16.onBeforeUnmount)(stopScene);
+    (0, import_vue17.onBeforeUnmount)(stopScene);
     return { current, step, highlight, cardStyle, card, close: close2, next, prev, t };
   },
   template: `
@@ -6860,7 +6995,7 @@ var tour_default = {
 };
 
 // src/components/calendar/index.js
-var import_vue17 = require("vue");
+var import_vue18 = require("vue");
 function pad2(num) {
   return String(num).padStart(2, "0");
 }
@@ -6890,16 +7025,16 @@ var calendar_default = {
     const today = /* @__PURE__ */ new Date();
     const todayKey = toKey(today.getFullYear(), today.getMonth(), today.getDate());
     const initial = parse(props.modelValue);
-    const viewYear = (0, import_vue17.ref)(initial ? initial.year : today.getFullYear());
-    const viewMonth = (0, import_vue17.ref)(initial ? initial.month : today.getMonth());
-    const weekNames = (0, import_vue17.computed)(() => {
+    const viewYear = (0, import_vue18.ref)(initial ? initial.year : today.getFullYear());
+    const viewMonth = (0, import_vue18.ref)(initial ? initial.month : today.getMonth());
+    const weekNames = (0, import_vue18.computed)(() => {
       const base = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
       return base.slice(props.firstDay).concat(base.slice(0, props.firstDay));
     });
-    const markSet = (0, import_vue17.computed)(() => new Set(
+    const markSet = (0, import_vue18.computed)(() => new Set(
       props.marks.map((item) => typeof item === "string" ? item : item.date).filter(Boolean)
     ));
-    const cells = (0, import_vue17.computed)(() => {
+    const cells = (0, import_vue18.computed)(() => {
       const first = new Date(viewYear.value, viewMonth.value, 1);
       const offset = (first.getDay() - props.firstDay + 7) % 7;
       const start = new Date(viewYear.value, viewMonth.value, 1 - offset);
@@ -6914,7 +7049,7 @@ var calendar_default = {
       }
       return list;
     });
-    const weeks = (0, import_vue17.computed)(() => {
+    const weeks = (0, import_vue18.computed)(() => {
       const list = cells.value;
       return Array.from({ length: 6 }, (_, index) => list.slice(index * 7, index * 7 + 7));
     });
@@ -6957,7 +7092,7 @@ var calendar_default = {
       event.preventDefault();
       list[next].focus();
     }
-    (0, import_vue17.watch)(() => props.modelValue, (value) => {
+    (0, import_vue18.watch)(() => props.modelValue, (value) => {
       const parts = parse(value);
       if (parts && (parts.year !== viewYear.value || parts.month !== viewMonth.value)) {
         viewYear.value = parts.year;
@@ -7011,7 +7146,7 @@ var calendar_default = {
 };
 
 // src/components/float-button/index.js
-var import_vue18 = require("vue");
+var import_vue19 = require("vue");
 var float_button_default = {
   name: "DjmFloatButton",
   components: { DjmIcon: icon_default },
@@ -7027,7 +7162,7 @@ var float_button_default = {
   },
   emits: ["click", "select"],
   setup(props, { emit }) {
-    const open = (0, import_vue18.ref)(false);
+    const open = (0, import_vue19.ref)(false);
     function onKeydown(event) {
       if (event.key === "Escape") close2();
     }
@@ -7062,7 +7197,7 @@ var float_button_default = {
       emit("select", item);
       if (typeof item.onClick === "function") item.onClick(item);
     }
-    (0, import_vue18.onBeforeUnmount)(close2);
+    (0, import_vue19.onBeforeUnmount)(close2);
     return { open, onMainClick, choose };
   },
   template: `
@@ -7097,7 +7232,7 @@ var float_button_default = {
 };
 
 // src/components/mentions/index.js
-var import_vue19 = require("vue");
+var import_vue20 = require("vue");
 var uidSeed3 = 0;
 var mentions_default = {
   name: "DjmMentions",
@@ -7112,26 +7247,26 @@ var mentions_default = {
   },
   emits: ["update:modelValue", "input", "select"],
   setup(props, { emit }) {
-    const root = (0, import_vue19.ref)(null);
-    const input = (0, import_vue19.ref)(null);
-    const text = (0, import_vue19.ref)(props.modelValue);
-    const open = (0, import_vue19.ref)(false);
-    const keyword = (0, import_vue19.ref)("");
-    const activeIndex = (0, import_vue19.ref)(-1);
+    const root = (0, import_vue20.ref)(null);
+    const input = (0, import_vue20.ref)(null);
+    const text = (0, import_vue20.ref)(props.modelValue);
+    const open = (0, import_vue20.ref)(false);
+    const keyword = (0, import_vue20.ref)("");
+    const activeIndex = (0, import_vue20.ref)(-1);
     const listId = "djm-mentions-" + ++uidSeed3;
-    const panelStyle = (0, import_vue19.ref)({ ...PANEL_HIDDEN_STYLE });
+    const panelStyle = (0, import_vue20.ref)({ ...PANEL_HIDDEN_STYLE });
     let triggerIndex = -1;
     let detachPanel = null;
-    (0, import_vue19.watch)(() => props.modelValue, (value) => {
+    (0, import_vue20.watch)(() => props.modelValue, (value) => {
       text.value = value;
     });
-    const normalized = (0, import_vue19.computed)(() => props.options.map((item) => typeof item === "string" ? { value: item, label: item } : item));
-    const filtered = (0, import_vue19.computed)(() => {
+    const normalized = (0, import_vue20.computed)(() => props.options.map((item) => typeof item === "string" ? { value: item, label: item } : item));
+    const filtered = (0, import_vue20.computed)(() => {
       const key = keyword.value.trim().toLowerCase();
       const list = key ? normalized.value.filter((item) => String(item.label).toLowerCase().indexOf(key) > -1) : normalized.value;
       return list.slice(0, 6);
     });
-    const activeId = (0, import_vue19.computed)(() => activeIndex.value > -1 ? listId + "-" + activeIndex.value : void 0);
+    const activeId = (0, import_vue20.computed)(() => activeIndex.value > -1 ? listId + "-" + activeIndex.value : void 0);
     function updatePosition() {
       if (!open.value || !root.value) return;
       const rect = root.value.getBoundingClientRect();
@@ -7151,7 +7286,7 @@ var mentions_default = {
         onReposition: updatePosition,
         esc: false
       });
-      (0, import_vue19.nextTick)(updatePosition);
+      (0, import_vue20.nextTick)(updatePosition);
     }
     function closePanel() {
       if (!open.value) return;
@@ -7178,7 +7313,7 @@ var mentions_default = {
       keyword.value = match[1];
       activeIndex.value = -1;
       if (!open.value) openPanel();
-      else (0, import_vue19.nextTick)(updatePosition);
+      else (0, import_vue20.nextTick)(updatePosition);
     }
     function onKeydown(event) {
       if (!open.value) return;
@@ -7208,14 +7343,14 @@ var mentions_default = {
       emit("update:modelValue", next);
       emit("select", item);
       closePanel();
-      (0, import_vue19.nextTick)(() => {
+      (0, import_vue20.nextTick)(() => {
         if (!input.value) return;
         const pos = triggerIndex + item.label.length + 2;
         input.value.focus();
         input.value.setSelectionRange(pos, pos);
       });
     }
-    (0, import_vue19.onBeforeUnmount)(closePanel);
+    (0, import_vue20.onBeforeUnmount)(closePanel);
     return {
       root,
       input,
@@ -7489,7 +7624,7 @@ var input_tag_default = {
 };
 
 // src/components/password/index.js
-var import_vue20 = require("vue");
+var import_vue21 = require("vue");
 var password_default = {
   name: "DjmPassword",
   components: { DjmIcon: icon_default },
@@ -7503,8 +7638,8 @@ var password_default = {
   },
   emits: ["update:modelValue", "input", "change", "enter", "focus", "blur"],
   setup(props, { emit }) {
-    const visible = (0, import_vue20.ref)(false);
-    const score = (0, import_vue20.computed)(() => {
+    const visible = (0, import_vue21.ref)(false);
+    const score = (0, import_vue21.computed)(() => {
       const value = props.modelValue || "";
       if (!value) return 0;
       let total = 0;
@@ -7514,12 +7649,12 @@ var password_default = {
       if (/[^a-zA-Z\d]/.test(value)) total += 1;
       return total;
     });
-    const level = (0, import_vue20.computed)(() => {
+    const level = (0, import_vue21.computed)(() => {
       if (score.value <= 1) return 1;
       if (score.value <= 3) return 2;
       return 3;
     });
-    const label = (0, import_vue20.computed)(() => {
+    const label = (0, import_vue21.computed)(() => {
       const key = ["", "password.weak", "password.medium", "password.strong"][level.value];
       return t(key);
     });
@@ -7569,7 +7704,7 @@ var password_default = {
 };
 
 // src/components/command-palette/index.js
-var import_vue21 = require("vue");
+var import_vue22 = require("vue");
 
 // src/utils/focus-trap.js
 var FOCUSABLE = [
@@ -7622,14 +7757,14 @@ var command_palette_default = {
   },
   emits: ["update:modelValue", "run"],
   setup(props, { emit }) {
-    const open = (0, import_vue21.ref)(false);
-    const keyword = (0, import_vue21.ref)("");
-    const activeIndex = (0, import_vue21.ref)(-1);
-    const searchInput = (0, import_vue21.ref)(null);
-    const panelEl = (0, import_vue21.ref)(null);
+    const open = (0, import_vue22.ref)(false);
+    const keyword = (0, import_vue22.ref)("");
+    const activeIndex = (0, import_vue22.ref)(-1);
+    const searchInput = (0, import_vue22.ref)(null);
+    const panelEl = (0, import_vue22.ref)(null);
     const listId = "djm-command-list-" + ++uidSeed4;
     let releaseTrap = null;
-    const filtered = (0, import_vue21.computed)(() => {
+    const filtered = (0, import_vue22.computed)(() => {
       const key = keyword.value.trim().toLowerCase();
       if (!key) return props.commands;
       return props.commands.filter((item) => {
@@ -7637,7 +7772,7 @@ var command_palette_default = {
         return text.indexOf(key) > -1;
       });
     });
-    const activeId = (0, import_vue21.computed)(() => activeIndex.value > -1 ? listId + "-" + activeIndex.value : void 0);
+    const activeId = (0, import_vue22.computed)(() => activeIndex.value > -1 ? listId + "-" + activeIndex.value : void 0);
     function show() {
       if (open.value) return;
       open.value = true;
@@ -7646,7 +7781,7 @@ var command_palette_default = {
       emit("update:modelValue", true);
       lockScroll();
       document.addEventListener("keydown", onDocumentKeydown);
-      (0, import_vue21.nextTick)(() => {
+      (0, import_vue22.nextTick)(() => {
         releaseTrap = trapFocus(panelEl.value);
         if (searchInput.value) searchInput.value.focus();
       });
@@ -7709,12 +7844,12 @@ var command_palette_default = {
       if (typeof item.run === "function") item.run(item);
       hide();
     }
-    (0, import_vue21.watch)(() => props.modelValue, (value) => {
+    (0, import_vue22.watch)(() => props.modelValue, (value) => {
       if (value) show();
       else hide();
     });
-    (0, import_vue21.onMounted)(() => window.addEventListener("keydown", onGlobalKeydown));
-    (0, import_vue21.onBeforeUnmount)(() => {
+    (0, import_vue22.onMounted)(() => window.addEventListener("keydown", onGlobalKeydown));
+    (0, import_vue22.onBeforeUnmount)(() => {
       window.removeEventListener("keydown", onGlobalKeydown);
       hide();
     });
@@ -7766,7 +7901,7 @@ var command_palette_default = {
 };
 
 // src/components/qrcode/index.js
-var import_vue22 = require("vue");
+var import_vue23 = require("vue");
 var qrcode_default = {
   name: "DjmQRCode",
   props: {
@@ -7781,8 +7916,8 @@ var qrcode_default = {
     alt: { type: String, default: "\u4E8C\u7EF4\u7801" }
   },
   setup(props) {
-    const src = (0, import_vue22.ref)("");
-    const error = (0, import_vue22.ref)("");
+    const src = (0, import_vue23.ref)("");
+    const error = (0, import_vue23.ref)("");
     let lib = null;
     let seq2 = 0;
     async function ensureLib() {
@@ -7818,8 +7953,8 @@ var qrcode_default = {
         error.value = "\u4E8C\u7EF4\u7801\u751F\u6210\u5931\u8D25";
       }
     }
-    (0, import_vue22.onMounted)(render);
-    (0, import_vue22.watch)(() => [props.value, props.size, props.level, props.margin, props.dark, props.light], render);
+    (0, import_vue23.onMounted)(render);
+    (0, import_vue23.watch)(() => [props.value, props.size, props.level, props.margin, props.dark, props.light], render);
     return { src, error };
   },
   template: `
@@ -7858,7 +7993,7 @@ var status_default = {
 };
 
 // src/components/tooltip/index.js
-var import_vue23 = require("vue");
+var import_vue24 = require("vue");
 var uid2 = 0;
 var tooltip_default = {
   name: "DjmTooltip",
@@ -7869,11 +8004,11 @@ var tooltip_default = {
     delay: { type: Number, default: 80 }
   },
   setup(props) {
-    const visible = (0, import_vue23.ref)(false);
-    const rootRef = (0, import_vue23.ref)(null);
-    const contentRef = (0, import_vue23.ref)(null);
-    const actualPlacement = (0, import_vue23.ref)(props.placement);
-    const panelStyle = (0, import_vue23.ref)({});
+    const visible = (0, import_vue24.ref)(false);
+    const rootRef = (0, import_vue24.ref)(null);
+    const contentRef = (0, import_vue24.ref)(null);
+    const actualPlacement = (0, import_vue24.ref)(props.placement);
+    const panelStyle = (0, import_vue24.ref)({});
     const tipId = "djm-tooltip-" + ++uid2;
     let timer = null;
     function triggerEl() {
@@ -7931,7 +8066,7 @@ var tooltip_default = {
       window.clearTimeout(timer);
       timer = window.setTimeout(async () => {
         visible.value = true;
-        await (0, import_vue23.nextTick)();
+        await (0, import_vue24.nextTick)();
         position();
         bindTrigger(true);
         bindReposition(true);
@@ -7944,7 +8079,7 @@ var tooltip_default = {
       bindTrigger(false);
       bindReposition(false);
     }
-    (0, import_vue23.onBeforeUnmount)(() => {
+    (0, import_vue24.onBeforeUnmount)(() => {
       window.clearTimeout(timer);
       bindReposition(false);
     });
@@ -7969,7 +8104,7 @@ var tooltip_default = {
 };
 
 // src/components/dropdown/index.js
-var import_vue24 = require("vue");
+var import_vue25 = require("vue");
 var dropdown_default = {
   name: "DjmDropdown",
   components: { DjmIcon: icon_default },
@@ -7986,10 +8121,10 @@ var dropdown_default = {
   },
   emits: ["select", "visible-change"],
   setup(props, { emit }) {
-    const open = (0, import_vue24.ref)(false);
-    const root = (0, import_vue24.ref)(null);
-    const menuEl = (0, import_vue24.ref)(null);
-    const panelStyle = (0, import_vue24.ref)({});
+    const open = (0, import_vue25.ref)(false);
+    const root = (0, import_vue25.ref)(null);
+    const menuEl = (0, import_vue25.ref)(null);
+    const panelStyle = (0, import_vue25.ref)({});
     let detachPanel = null;
     function syncTriggerA11y() {
       const wrapper = root.value && root.value.querySelector(".djm-dropdown-trigger");
@@ -8002,8 +8137,8 @@ var dropdown_default = {
       if (props.disabled) target.setAttribute("aria-disabled", "true");
       else target.removeAttribute("aria-disabled");
     }
-    (0, import_vue24.onMounted)(() => (0, import_vue24.nextTick)(syncTriggerA11y));
-    (0, import_vue24.watch)(open, () => (0, import_vue24.nextTick)(syncTriggerA11y));
+    (0, import_vue25.onMounted)(() => (0, import_vue25.nextTick)(syncTriggerA11y));
+    (0, import_vue25.watch)(open, () => (0, import_vue25.nextTick)(syncTriggerA11y));
     function updatePosition() {
       if (!open.value || !root.value) return;
       const rect = root.value.getBoundingClientRect();
@@ -8047,7 +8182,7 @@ var dropdown_default = {
       returnFocus();
     }
     function focusFirstItem() {
-      (0, import_vue24.nextTick)(() => {
+      (0, import_vue25.nextTick)(() => {
         const el = menuEl.value && menuEl.value.querySelector(".djm-dropdown-item:not(:disabled)");
         if (el) el.focus();
       });
@@ -8106,7 +8241,7 @@ var dropdown_default = {
       emit("select", item);
       if (props.closeOnSelect) close2();
     }
-    (0, import_vue24.onBeforeUnmount)(() => {
+    (0, import_vue25.onBeforeUnmount)(() => {
       window.clearTimeout(hoverTimer);
       close2();
     });
@@ -8171,7 +8306,7 @@ var dropdown_default = {
 };
 
 // src/components/drawer/index.js
-var import_vue25 = require("vue");
+var import_vue26 = require("vue");
 var uid3 = 0;
 var drawer_default = {
   name: "DjmDrawer",
@@ -8184,11 +8319,13 @@ var drawer_default = {
     // 点击遮罩关闭
     maskClosable: { type: Boolean, default: true },
     showClose: { type: Boolean, default: true },
-    closeOnEsc: { type: Boolean, default: true }
+    closeOnEsc: { type: Boolean, default: true },
+    // 毛玻璃底
+    glass: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "open", "close"],
   setup(props, { emit }) {
-    const panelRef = (0, import_vue25.ref)(null);
+    const panelRef = (0, import_vue26.ref)(null);
     const titleId = `djm-drawer-title-${++uid3}`;
     let locked = false;
     let releaseTrap = null;
@@ -8209,7 +8346,7 @@ var drawer_default = {
       lockScroll();
       locked = true;
       emit("open");
-      await (0, import_vue25.nextTick)();
+      await (0, import_vue26.nextTick)();
       releaseTrap = trapFocus(panelRef.value);
     }
     function deactivate() {
@@ -8221,14 +8358,14 @@ var drawer_default = {
       }
       emit("close");
     }
-    (0, import_vue25.watch)(() => props.modelValue, (open) => {
+    (0, import_vue26.watch)(() => props.modelValue, (open) => {
       if (open) activate();
       else deactivate();
     });
-    (0, import_vue25.onMounted)(() => {
+    (0, import_vue26.onMounted)(() => {
       if (props.modelValue) activate();
     });
-    (0, import_vue25.onBeforeUnmount)(() => {
+    (0, import_vue26.onBeforeUnmount)(() => {
       document.removeEventListener("keydown", onKeydown);
       release();
       if (locked) unlockScroll();
@@ -8247,7 +8384,7 @@ var drawer_default = {
           <aside
             ref="panelRef"
             class="djm-drawer"
-            :class="'djm-drawer-' + placement"
+            :class="['djm-drawer-' + placement, { 'djm-is-glass': glass }]"
             :style="panelStyle"
             role="dialog"
             aria-modal="true"
@@ -8282,7 +8419,7 @@ var drawer_default = {
 };
 
 // src/components/modal/index.js
-var import_vue26 = require("vue");
+var import_vue27 = require("vue");
 var uid4 = 0;
 var modal_default = {
   name: "DjmModal",
@@ -8297,11 +8434,13 @@ var modal_default = {
     // 是否允许 Esc 关闭
     closeOnEsc: { type: Boolean, default: true },
     // 全屏铺满，适合配置类大表单
-    fullscreen: { type: Boolean, default: false }
+    fullscreen: { type: Boolean, default: false },
+    // 毛玻璃底：需要显示背后页面时使用
+    glass: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "open", "close"],
   setup(props, { emit }) {
-    const dialogRef = (0, import_vue26.ref)(null);
+    const dialogRef = (0, import_vue27.ref)(null);
     const titleId = `djm-modal-title-${++uid4}`;
     let locked = false;
     let releaseTrap = null;
@@ -8322,7 +8461,7 @@ var modal_default = {
       lockScroll();
       locked = true;
       emit("open");
-      await (0, import_vue26.nextTick)();
+      await (0, import_vue27.nextTick)();
       releaseTrap = trapFocus(dialogRef.value);
     }
     function deactivate() {
@@ -8334,14 +8473,14 @@ var modal_default = {
       }
       emit("close");
     }
-    (0, import_vue26.watch)(() => props.modelValue, (open) => {
+    (0, import_vue27.watch)(() => props.modelValue, (open) => {
       if (open) activate();
       else deactivate();
     });
-    (0, import_vue26.onMounted)(() => {
+    (0, import_vue27.onMounted)(() => {
       if (props.modelValue) activate();
     });
-    (0, import_vue26.onBeforeUnmount)(() => {
+    (0, import_vue27.onBeforeUnmount)(() => {
       document.removeEventListener("keydown", onKey);
       release();
       if (locked) unlockScroll();
@@ -8351,7 +8490,7 @@ var modal_default = {
       dialogRef,
       titleId,
       t,
-      dialogStyle: (0, import_vue26.computed)(
+      dialogStyle: (0, import_vue27.computed)(
         () => props.fullscreen ? { width: "calc(100vw - 32px)", height: "calc(100vh - 48px)" } : { width: props.width }
       )
     };
@@ -8363,7 +8502,7 @@ var modal_default = {
           <div
             ref="dialogRef"
             class="djm-modal"
-            :class="{ 'djm-is-fullscreen': fullscreen }"
+            :class="{ 'djm-is-fullscreen': fullscreen, 'djm-is-glass': glass }"
             :style="dialogStyle"
             role="dialog"
             aria-modal="true"
@@ -8461,7 +8600,7 @@ var confirm_dialog_default = {
 };
 
 // src/components/pagination/index.js
-var import_vue27 = require("vue");
+var import_vue28 = require("vue");
 var pagination_default = {
   name: "DjmPagination",
   components: { Icon: icon_default },
@@ -8473,10 +8612,10 @@ var pagination_default = {
   },
   emits: ["update:page", "update:pageSize", "change"],
   setup(props, { emit }) {
-    const jumpText = (0, import_vue27.ref)("");
-    const pageCount = (0, import_vue27.computed)(() => Math.max(1, Math.ceil(props.total / Math.max(1, props.pageSize))));
-    const current = (0, import_vue27.computed)(() => Math.min(Math.max(1, props.page), pageCount.value));
-    const pages = (0, import_vue27.computed)(() => {
+    const jumpText = (0, import_vue28.ref)("");
+    const pageCount = (0, import_vue28.computed)(() => Math.max(1, Math.ceil(props.total / Math.max(1, props.pageSize))));
+    const current = (0, import_vue28.computed)(() => Math.min(Math.max(1, props.page), pageCount.value));
+    const pages = (0, import_vue28.computed)(() => {
       const count2 = pageCount.value;
       const currentPage = current.value;
       if (count2 <= 7) {
@@ -8573,7 +8712,7 @@ var pagination_default = {
 };
 
 // src/components/tabs/index.js
-var import_vue28 = require("vue");
+var import_vue29 = require("vue");
 var uid5 = 0;
 var tabs_default = {
   name: "DjmTabs",
@@ -8589,7 +8728,7 @@ var tabs_default = {
   emits: ["update:modelValue", "close"],
   setup(props, { emit }) {
     const panelId = `djm-tabs-panel-${++uid5}`;
-    const activeItem = (0, import_vue28.computed)(
+    const activeItem = (0, import_vue29.computed)(
       () => props.items.find((item) => item.key === props.modelValue) || { label: String(props.modelValue) }
     );
     function tabId(item) {
@@ -8693,7 +8832,7 @@ var tabs_default = {
 };
 
 // src/components/context-menu/index.js
-var import_vue29 = require("vue");
+var import_vue30 = require("vue");
 var context_menu_default = {
   name: "DjmContextMenu",
   components: { Icon: icon_default },
@@ -8705,8 +8844,8 @@ var context_menu_default = {
   },
   emits: ["update:modelValue", "select"],
   setup(props, { emit }) {
-    const menuRef = (0, import_vue29.ref)(null);
-    const pos = (0, import_vue29.ref)({ left: 0, top: 0 });
+    const menuRef = (0, import_vue30.ref)(null);
+    const pos = (0, import_vue30.ref)({ left: 0, top: 0 });
     const margin = 8;
     function close2() {
       emit("update:modelValue", false);
@@ -8726,7 +8865,7 @@ var context_menu_default = {
     }
     async function openAtCursor() {
       pos.value = { left: props.x, top: props.y };
-      await (0, import_vue29.nextTick)();
+      await (0, import_vue30.nextTick)();
       place();
       const first = menuRef.value && menuRef.value.querySelector(".djm-context-menu-item:not(:disabled)");
       if (first) first.focus();
@@ -8768,7 +8907,7 @@ var context_menu_default = {
         detach = null;
       }
     }
-    (0, import_vue29.watch)(
+    (0, import_vue30.watch)(
       () => props.modelValue,
       (open) => {
         if (open) {
@@ -8779,10 +8918,10 @@ var context_menu_default = {
         }
       }
     );
-    (0, import_vue29.watch)([() => props.x, () => props.y], () => {
+    (0, import_vue30.watch)([() => props.x, () => props.y], () => {
       if (props.modelValue) openAtCursor();
     });
-    (0, import_vue29.onBeforeUnmount)(unbind);
+    (0, import_vue30.onBeforeUnmount)(unbind);
     return { menuRef, pos, close: close2, onSelect, onKeydown, t };
   },
   template: `
@@ -8821,7 +8960,7 @@ var context_menu_default = {
 };
 
 // src/components/date-picker/index.js
-var import_vue30 = require("vue");
+var import_vue31 = require("vue");
 var uidSeed5 = 0;
 function pad3(value) {
   return String(value).padStart(2, "0");
@@ -8856,36 +8995,36 @@ var date_picker_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = (0, import_vue30.ref)(false);
-    (0, import_vue30.watch)(open, (value) => emit("visible-change", value));
-    const root = (0, import_vue30.ref)(null);
-    const panel = (0, import_vue30.ref)(null);
+    const open = (0, import_vue31.ref)(false);
+    (0, import_vue31.watch)(open, (value) => emit("visible-change", value));
+    const root = (0, import_vue31.ref)(null);
+    const panel = (0, import_vue31.ref)(null);
     const panelId = "djm-date-panel-" + ++uidSeed5;
-    const panelStyle = (0, import_vue30.ref)({ ...PANEL_HIDDEN_STYLE });
+    const panelStyle = (0, import_vue31.ref)({ ...PANEL_HIDDEN_STYLE });
     let detachPanel = null;
     const today = /* @__PURE__ */ new Date();
     const todayKey = toKey2(today.getFullYear(), today.getMonth(), today.getDate());
-    const values = (0, import_vue30.computed)(() => {
+    const values = (0, import_vue31.computed)(() => {
       if (props.range) return Array.isArray(props.modelValue) ? props.modelValue : [];
       return props.modelValue ? [props.modelValue] : [];
     });
-    const displayText = (0, import_vue30.computed)(() => {
+    const displayText = (0, import_vue31.computed)(() => {
       if (!props.range) return values.value[0] || "";
       const [start, end] = values.value;
       if (!start) return "";
       return end ? `${start} ~ ${end}` : `${start} ~ ${t("datePicker.rangeEnd")}`;
     });
     const initial = parse2(values.value[0]);
-    const viewYear = (0, import_vue30.ref)(initial ? initial.year : today.getFullYear());
-    const viewMonth = (0, import_vue30.ref)(initial ? initial.month : today.getMonth());
-    const pendingStart = (0, import_vue30.ref)(values.value[0] || "");
-    const pendingEnd = (0, import_vue30.ref)(values.value[1] || "");
-    const placeholderText = (0, import_vue30.computed)(() => {
+    const viewYear = (0, import_vue31.ref)(initial ? initial.year : today.getFullYear());
+    const viewMonth = (0, import_vue31.ref)(initial ? initial.month : today.getMonth());
+    const pendingStart = (0, import_vue31.ref)(values.value[0] || "");
+    const pendingEnd = (0, import_vue31.ref)(values.value[1] || "");
+    const placeholderText = (0, import_vue31.computed)(() => {
       if (props.placeholder) return props.placeholder;
       return t(props.range ? "datePicker.rangePlaceholder" : "datePicker.placeholder");
     });
-    const weeks = (0, import_vue30.computed)(() => t("datePicker.weeks").split(","));
-    const narrow = (0, import_vue30.ref)(false);
+    const weeks = (0, import_vue31.computed)(() => t("datePicker.weeks").split(","));
+    const narrow = (0, import_vue31.ref)(false);
     let media = null;
     const onMediaChange = (event) => {
       narrow.value = event.matches;
@@ -8896,14 +9035,14 @@ var date_picker_default = {
       if (media.addEventListener) media.addEventListener("change", onMediaChange);
       else media.addListener(onMediaChange);
     }
-    (0, import_vue30.onBeforeUnmount)(() => {
+    (0, import_vue31.onBeforeUnmount)(() => {
       if (!media) return;
       if (media.removeEventListener) media.removeEventListener("change", onMediaChange);
       else media.removeListener(onMediaChange);
     });
-    const panelCount = (0, import_vue30.computed)(() => props.range ? Math.min(narrow.value ? 1 : 2, Math.max(1, props.panels)) : 1);
-    const hoverKey = (0, import_vue30.ref)("");
-    const hoverRange = (0, import_vue30.computed)(() => {
+    const panelCount = (0, import_vue31.computed)(() => props.range ? Math.min(narrow.value ? 1 : 2, Math.max(1, props.panels)) : 1);
+    const hoverKey = (0, import_vue31.ref)("");
+    const hoverRange = (0, import_vue31.computed)(() => {
       if (!props.range || !pendingStart.value || pendingEnd.value || !hoverKey.value) return null;
       const a = pendingStart.value;
       const b = hoverKey.value;
@@ -8939,7 +9078,7 @@ var date_picker_default = {
         };
       });
     }
-    const panels = (0, import_vue30.computed)(
+    const panels = (0, import_vue31.computed)(
       () => Array.from({ length: panelCount.value }, (_, offset) => {
         const { year, month } = monthAt(offset);
         return {
@@ -8954,7 +9093,7 @@ var date_picker_default = {
       if (props.max && key > props.max) return true;
       return typeof props.disabledDate === "function" ? Boolean(props.disabledDate(key)) : false;
     }
-    const presetList = (0, import_vue30.computed)(() => {
+    const presetList = (0, import_vue31.computed)(() => {
       if (!props.range) return [];
       return (props.presets || []).map((preset) => {
         const value = typeof preset.value === "function" ? preset.value() : preset.value;
@@ -9082,7 +9221,7 @@ var date_picker_default = {
       pendingEnd.value = "";
       closePanel();
     }
-    (0, import_vue30.onBeforeUnmount)(() => {
+    (0, import_vue31.onBeforeUnmount)(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -9211,7 +9350,7 @@ var date_picker_default = {
 };
 
 // src/components/tree-select/index.js
-var import_vue31 = require("vue");
+var import_vue32 = require("vue");
 function collectLeaves(node, keyOf2, out = []) {
   if (node.children && node.children.length) {
     node.children.forEach((child) => collectLeaves(child, keyOf2, out));
@@ -9247,13 +9386,13 @@ var tree_select_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = (0, import_vue31.ref)(false);
-    const root = (0, import_vue31.ref)(null);
-    const panel = (0, import_vue31.ref)(null);
-    const searchInput = (0, import_vue31.ref)(null);
-    const search = (0, import_vue31.ref)("");
-    const temp = (0, import_vue31.ref)([]);
-    const panelStyle = (0, import_vue31.ref)({ ...PANEL_HIDDEN_STYLE });
+    const open = (0, import_vue32.ref)(false);
+    const root = (0, import_vue32.ref)(null);
+    const panel = (0, import_vue32.ref)(null);
+    const searchInput = (0, import_vue32.ref)(null);
+    const search = (0, import_vue32.ref)("");
+    const temp = (0, import_vue32.ref)([]);
+    const panelStyle = (0, import_vue32.ref)({ ...PANEL_HIDDEN_STYLE });
     let detachPanel = null;
     function keyOf2(node) {
       return node ? node[props.nodeKey] : void 0;
@@ -9262,26 +9401,26 @@ var tree_select_default = {
       const value = node ? node[props.labelKey] : "";
       return value === null || value === void 0 ? "" : String(value);
     }
-    const expandedIds = (0, import_vue31.ref)(
+    const expandedIds = (0, import_vue32.ref)(
       new Set(
         collectNodes(props.options).filter((node) => node.children && node.children.length).map((node) => keyOf2(node))
       )
     );
-    const nodeMap = (0, import_vue31.computed)(() => {
+    const nodeMap = (0, import_vue32.computed)(() => {
       const map = /* @__PURE__ */ new Map();
       collectNodes(props.options).forEach((node) => map.set(keyOf2(node), node));
       return map;
     });
-    (0, import_vue31.watch)(() => props.options, (options) => {
+    (0, import_vue32.watch)(() => props.options, (options) => {
       if (!options || !options.length || expandedIds.value.size) return;
       expandedIds.value = new Set(
         collectNodes(options).filter((node) => node.children && node.children.length).map((node) => keyOf2(node))
       );
     });
-    const selectedNodes = (0, import_vue31.computed)(
+    const selectedNodes = (0, import_vue32.computed)(
       () => props.modelValue.map((id) => nodeMap.value.get(id)).filter(Boolean).map((node) => ({ key: keyOf2(node), label: labelOf(node) }))
     );
-    const searchState = (0, import_vue31.computed)(() => {
+    const searchState = (0, import_vue32.computed)(() => {
       const text = search.value.trim().toLowerCase();
       if (!text) return null;
       const visible = /* @__PURE__ */ new Set();
@@ -9300,7 +9439,7 @@ var tree_select_default = {
       walk(props.options);
       return visible;
     });
-    const rows = (0, import_vue31.computed)(() => {
+    const rows = (0, import_vue32.computed)(() => {
       const result = [];
       const walk = (nodes, depth) => {
         nodes.forEach((node) => {
@@ -9375,7 +9514,7 @@ var tree_select_default = {
         onClose: closePanel,
         onReposition: updatePosition
       });
-      (0, import_vue31.nextTick)(() => {
+      (0, import_vue32.nextTick)(() => {
         updatePosition();
         if (searchInput.value) searchInput.value.focus();
       });
@@ -9431,7 +9570,7 @@ var tree_select_default = {
       emit("change", []);
       temp.value = [];
     }
-    (0, import_vue31.onBeforeUnmount)(() => {
+    (0, import_vue32.onBeforeUnmount)(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -9570,10 +9709,10 @@ var tree_select_default = {
 };
 
 // src/components/rich-editor/index.js
-var import_vue33 = require("vue");
+var import_vue34 = require("vue");
 
 // src/components/media-picker/index.js
-var import_vue32 = require("vue");
+var import_vue33 = require("vue");
 var media_picker_default = {
   name: "DjmMediaPicker",
   components: { DjmModal: modal_default, DjmPagination: pagination_default, DjmIcon: icon_default },
@@ -9592,11 +9731,11 @@ var media_picker_default = {
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
-    const open = (0, import_vue32.ref)(false);
-    const keyword = (0, import_vue32.ref)("");
-    const page = (0, import_vue32.ref)(1);
-    const temp = (0, import_vue32.ref)([]);
-    const selectedIds = (0, import_vue32.computed)(() => {
+    const open = (0, import_vue33.ref)(false);
+    const keyword = (0, import_vue33.ref)("");
+    const page = (0, import_vue33.ref)(1);
+    const temp = (0, import_vue33.ref)([]);
+    const selectedIds = (0, import_vue33.computed)(() => {
       if (props.multiple) return Array.isArray(props.modelValue) ? props.modelValue : [];
       if (props.modelValue === "" || props.modelValue === null || props.modelValue === void 0) return [];
       return [props.modelValue];
@@ -9605,7 +9744,7 @@ var media_picker_default = {
       if (item.type) return item.type === "image";
       return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(item.url || "");
     }
-    const filtered = (0, import_vue32.computed)(() => {
+    const filtered = (0, import_vue33.computed)(() => {
       const key = keyword.value.trim().toLowerCase();
       return props.items.filter((item) => {
         if (props.accept === "image" && !isImage(item)) return false;
@@ -9614,14 +9753,14 @@ var media_picker_default = {
         return true;
       });
     });
-    const paged = (0, import_vue32.computed)(() => {
+    const paged = (0, import_vue33.computed)(() => {
       const start = (page.value - 1) * props.pageSize;
       return filtered.value.slice(start, start + props.pageSize);
     });
-    (0, import_vue32.watch)(keyword, () => {
+    (0, import_vue33.watch)(keyword, () => {
       page.value = 1;
     });
-    (0, import_vue32.watch)(
+    (0, import_vue33.watch)(
       () => filtered.value.length,
       () => {
         const max = Math.max(1, Math.ceil(filtered.value.length / props.pageSize));
@@ -9955,18 +10094,18 @@ var rich_editor_default = {
   },
   emits: ["update:modelValue", "upload-error"],
   setup(props, { emit }) {
-    const editor = (0, import_vue33.ref)(null);
-    const fileInput = (0, import_vue33.ref)(null);
-    const sourceMode = (0, import_vue33.ref)(false);
-    const source = (0, import_vue33.ref)(props.modelValue);
-    const fullscreen = (0, import_vue33.ref)(false);
-    const panel = (0, import_vue33.ref)("");
-    const uploadCount = (0, import_vue33.ref)(0);
-    const textColor = (0, import_vue33.ref)(COLORS[0]);
-    const bgColor = (0, import_vue33.ref)("#fdf3c4");
-    const fontSize = (0, import_vue33.ref)("");
-    const count2 = (0, import_vue33.ref)(0);
-    const formats = (0, import_vue33.ref)({
+    const editor = (0, import_vue34.ref)(null);
+    const fileInput = (0, import_vue34.ref)(null);
+    const sourceMode = (0, import_vue34.ref)(false);
+    const source = (0, import_vue34.ref)(props.modelValue);
+    const fullscreen = (0, import_vue34.ref)(false);
+    const panel = (0, import_vue34.ref)("");
+    const uploadCount = (0, import_vue34.ref)(0);
+    const textColor = (0, import_vue34.ref)(COLORS[0]);
+    const bgColor = (0, import_vue34.ref)("#fdf3c4");
+    const fontSize = (0, import_vue34.ref)("");
+    const count2 = (0, import_vue34.ref)(0);
+    const formats = (0, import_vue34.ref)({
       bold: false,
       italic: false,
       underline: false,
@@ -9977,15 +10116,15 @@ var rich_editor_default = {
       list: ""
     });
     let savedRange = null;
-    const ready = (0, import_vue33.computed)(() => !props.disabled && !sourceMode.value);
-    const toolbarGroups = (0, import_vue33.computed)(() => {
+    const ready = (0, import_vue34.computed)(() => !props.disabled && !sourceMode.value);
+    const toolbarGroups = (0, import_vue34.computed)(() => {
       const list = Array.isArray(props.toolbar) ? props.toolbar : TOOLBAR_PRESETS[props.toolbar] || TOOLBAR_PRESETS.full;
       return new Set(list);
     });
     function has(group) {
       return toolbarGroups.value.has(group);
     }
-    const mediaLibrary = (0, import_vue33.computed)(
+    const mediaLibrary = (0, import_vue34.computed)(
       () => (props.media || []).map((item, index) => {
         if (typeof item === "string") {
           return { id: "media-" + index, url: item, name: "", type: "image" };
@@ -10360,7 +10499,7 @@ var rich_editor_default = {
         panel.value = "";
       }
     }
-    (0, import_vue33.watch)(
+    (0, import_vue34.watch)(
       () => props.modelValue,
       (value) => {
         if (sourceMode.value) {
@@ -10372,14 +10511,14 @@ var rich_editor_default = {
         count2.value = plainText(next).trim().length;
       }
     );
-    (0, import_vue33.onMounted)(() => {
+    (0, import_vue34.onMounted)(() => {
       if (editor.value) editor.value.innerHTML = clean(props.modelValue);
       count2.value = plainText(props.modelValue).trim().length;
       document.addEventListener("selectionchange", syncFormats);
       document.addEventListener("click", onDocumentClick);
       document.addEventListener("keydown", onKeydown);
     });
-    (0, import_vue33.onBeforeUnmount)(() => {
+    (0, import_vue34.onBeforeUnmount)(() => {
       document.removeEventListener("selectionchange", syncFormats);
       document.removeEventListener("click", onDocumentClick);
       document.removeEventListener("keydown", onKeydown);
@@ -10682,7 +10821,7 @@ var rich_editor_default = {
 };
 
 // src/components/floating-window/index.js
-var import_vue34 = require("vue");
+var import_vue35 = require("vue");
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), Math.max(min, max));
 }
@@ -10700,12 +10839,12 @@ var floating_window_default = {
   },
   emits: ["close", "focus"],
   setup(props, { emit }) {
-    const root = (0, import_vue34.ref)(null);
-    const pos = (0, import_vue34.ref)({ x: props.initialX, y: props.initialY });
-    const size = (0, import_vue34.ref)({ w: props.width, h: props.height });
-    const minimized = (0, import_vue34.ref)(false);
-    const maximized = (0, import_vue34.ref)(false);
-    const saved = (0, import_vue34.ref)(null);
+    const root = (0, import_vue35.ref)(null);
+    const pos = (0, import_vue35.ref)({ x: props.initialX, y: props.initialY });
+    const size = (0, import_vue35.ref)({ w: props.width, h: props.height });
+    const minimized = (0, import_vue35.ref)(false);
+    const maximized = (0, import_vue35.ref)(false);
+    const saved = (0, import_vue35.ref)(null);
     let drag = null;
     let resize = null;
     function stage() {
@@ -10793,7 +10932,7 @@ var floating_window_default = {
       }
       emit("focus");
     }
-    (0, import_vue34.onBeforeUnmount)(() => {
+    (0, import_vue35.onBeforeUnmount)(() => {
       window.removeEventListener("pointermove", onDrag);
       window.removeEventListener("pointerup", endDrag);
       window.removeEventListener("pointermove", onResize);
@@ -10841,7 +10980,7 @@ var floating_window_default = {
 };
 
 // src/components/upload/index.js
-var import_vue35 = require("vue");
+var import_vue36 = require("vue");
 var uidSeed6 = 0;
 function extension(name) {
   const index = name.lastIndexOf(".");
@@ -10891,11 +11030,11 @@ var upload_default = {
   },
   emits: ["update:modelValue", "change", "success", "error", "remove", "exceed"],
   setup(props, { emit }) {
-    const files = (0, import_vue35.ref)([]);
-    const dragActive = (0, import_vue35.ref)(false);
-    const inputRef = (0, import_vue35.ref)(null);
+    const files = (0, import_vue36.ref)([]);
+    const dragActive = (0, import_vue36.ref)(false);
+    const inputRef = (0, import_vue36.ref)(null);
     const tasks = /* @__PURE__ */ new Map();
-    (0, import_vue35.watch)(
+    (0, import_vue36.watch)(
       () => props.modelValue,
       (list) => {
         const next = list || [];
@@ -10989,7 +11128,7 @@ var upload_default = {
           if (pass === false) continue;
         }
         uidSeed6 += 1;
-        const item = (0, import_vue35.reactive)({
+        const item = (0, import_vue36.reactive)({
           uid: uidSeed6,
           name: raw.name,
           size: raw.size,
@@ -11049,7 +11188,7 @@ var upload_default = {
       files.value = [];
       emitList();
     }
-    (0, import_vue35.onBeforeUnmount)(() => {
+    (0, import_vue36.onBeforeUnmount)(() => {
       files.value.forEach((item) => {
         if (item.url) URL.revokeObjectURL(item.url);
       });
@@ -11197,7 +11336,7 @@ var upload_default = {
 };
 
 // src/components/tree/index.js
-var import_vue36 = require("vue");
+var import_vue37 = require("vue");
 var tree_default = {
   name: "DjmTree",
   components: { Icon: icon_default },
@@ -11229,17 +11368,17 @@ var tree_default = {
   },
   emits: ["update:checked", "update:expanded", "node-click", "check", "node-drop", "load-error"],
   setup(props, { emit }) {
-    const lazyChildren = (0, import_vue36.ref)({});
-    const loadingKeys = (0, import_vue36.ref)([]);
-    const innerExpanded = (0, import_vue36.ref)([...props.expanded]);
-    const innerChecked = (0, import_vue36.ref)([...props.checked]);
-    (0, import_vue36.watch)(
+    const lazyChildren = (0, import_vue37.ref)({});
+    const loadingKeys = (0, import_vue37.ref)([]);
+    const innerExpanded = (0, import_vue37.ref)([...props.expanded]);
+    const innerChecked = (0, import_vue37.ref)([...props.checked]);
+    (0, import_vue37.watch)(
       () => props.expanded,
       (value) => {
         if (Array.isArray(value)) innerExpanded.value = value;
       }
     );
-    (0, import_vue36.watch)(
+    (0, import_vue37.watch)(
       () => props.checked,
       (value) => {
         if (Array.isArray(value)) innerChecked.value = value;
@@ -11277,7 +11416,7 @@ var tree_default = {
       });
       return out;
     }
-    (0, import_vue36.watch)(
+    (0, import_vue37.watch)(
       () => props.data,
       () => {
         if (props.defaultExpandAll) innerExpanded.value = collectExpandable(props.data);
@@ -11294,7 +11433,7 @@ var tree_default = {
       const children = childrenOf(node);
       return Boolean(children && children.some((child) => matchSubtree(child)));
     }
-    const rows = (0, import_vue36.computed)(() => {
+    const rows = (0, import_vue37.computed)(() => {
       const result = [];
       const walk = (nodes, level) => {
         nodes.forEach((node) => {
@@ -11365,8 +11504,8 @@ var tree_default = {
     function isActive(node) {
       return props.activeKey !== "" && node[props.nodeKey] === props.activeKey;
     }
-    const rootEl = (0, import_vue36.ref)(null);
-    const focusIndex = (0, import_vue36.ref)(-1);
+    const rootEl = (0, import_vue37.ref)(null);
+    const focusIndex = (0, import_vue37.ref)(-1);
     function tabIndexOf(index) {
       return (focusIndex.value === -1 ? 0 : focusIndex.value) === index ? 0 : -1;
     }
@@ -11423,9 +11562,9 @@ var tree_default = {
     function rowClassOf(node, level) {
       return typeof props.rowClass === "function" ? props.rowClass(node, level) : props.rowClass;
     }
-    const dragKey = (0, import_vue36.ref)("");
-    const dropKey = (0, import_vue36.ref)("");
-    const dropPosition = (0, import_vue36.ref)("");
+    const dragKey = (0, import_vue37.ref)("");
+    const dropKey = (0, import_vue37.ref)("");
+    const dropPosition = (0, import_vue37.ref)("");
     function findNodeByKey(key, nodes = props.data) {
       for (const node of nodes) {
         if (node[props.nodeKey] === key) return node;
@@ -11537,7 +11676,7 @@ var tree_default = {
       onDrop,
       onDragEnd,
       labelOf,
-      emptyLabel: (0, import_vue36.computed)(() => props.emptyText || t("tree.empty")),
+      emptyLabel: (0, import_vue37.computed)(() => props.emptyText || t("tree.empty")),
       t
     };
   },
@@ -11606,7 +11745,7 @@ var tree_default = {
 };
 
 // src/components/editable-table/index.js
-var import_vue37 = require("vue");
+var import_vue38 = require("vue");
 var ACTIONS_KEY = "__editable_actions";
 function isEmpty(value) {
   if (value === "" || value === null || value === void 0) return true;
@@ -11629,13 +11768,13 @@ var editable_table_default = {
   },
   emits: ["edit", "save", "cancel"],
   setup(props, { emit }) {
-    const slots = (0, import_vue37.useSlots)();
-    const editingKey = (0, import_vue37.ref)("");
-    const draft = (0, import_vue37.reactive)({});
-    const errors = (0, import_vue37.reactive)({});
-    const tableRef = (0, import_vue37.ref)(null);
-    const editableColumns = (0, import_vue37.computed)(() => props.columns.filter((column) => column.editor));
-    const renderColumns = (0, import_vue37.computed)(() => {
+    const slots = (0, import_vue38.useSlots)();
+    const editingKey = (0, import_vue38.ref)("");
+    const draft = (0, import_vue38.reactive)({});
+    const errors = (0, import_vue38.reactive)({});
+    const tableRef = (0, import_vue38.ref)(null);
+    const editableColumns = (0, import_vue38.computed)(() => props.columns.filter((column) => column.editor));
+    const renderColumns = (0, import_vue38.computed)(() => {
       if (!props.showActions) return props.columns;
       return props.columns.concat({
         key: ACTIONS_KEY,
@@ -11647,7 +11786,7 @@ var editable_table_default = {
         exportable: false
       });
     });
-    const forwardedSlotNames = (0, import_vue37.computed)(() => {
+    const forwardedSlotNames = (0, import_vue38.computed)(() => {
       const taken = new Set(editableColumns.value.map((column) => "cell-" + column.key));
       taken.add("cell-" + ACTIONS_KEY);
       return Object.keys(slots).filter((name) => !taken.has(name));
@@ -11722,7 +11861,7 @@ var editable_table_default = {
         return false;
       }
       if (!validate()) {
-        (0, import_vue37.nextTick)(() => {
+        (0, import_vue38.nextTick)(() => {
           const el = tableRef.value && tableRef.value.$el ? tableRef.value.$el.querySelector(".djm-cell-error") : null;
           if (el) el.scrollIntoView({ block: "nearest" });
         });
@@ -11742,7 +11881,7 @@ var editable_table_default = {
       clearErrors();
       return true;
     }
-    (0, import_vue37.watch)(
+    (0, import_vue38.watch)(
       () => props.rows,
       () => {
         if (editingKey.value && !findRow(editingKey.value)) {
@@ -11878,8 +12017,8 @@ var descriptions_default = {
 };
 
 // src/components/message/index.js
-var import_vue38 = require("vue");
-var djmMessages = (0, import_vue38.reactive)([]);
+var import_vue39 = require("vue");
+var djmMessages = (0, import_vue39.reactive)([]);
 var seq = 0;
 function close(id) {
   const index = djmMessages.findIndex((item) => item.id === id);
@@ -11924,7 +12063,7 @@ var message_default = {
 };
 
 // src/components/org-picker/index.js
-var import_vue39 = require("vue");
+var import_vue40 = require("vue");
 var org_picker_default = {
   name: "DjmOrgPicker",
   components: { DjmIcon: icon_default },
@@ -11943,13 +12082,13 @@ var org_picker_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = (0, import_vue39.ref)(false);
-    const root = (0, import_vue39.ref)(null);
-    const searchRef = (0, import_vue39.ref)(null);
-    const keyword = (0, import_vue39.ref)("");
-    const activeDept = (0, import_vue39.ref)("");
-    const temp = (0, import_vue39.ref)([]);
-    const expandedIds = (0, import_vue39.ref)(/* @__PURE__ */ new Set());
+    const open = (0, import_vue40.ref)(false);
+    const root = (0, import_vue40.ref)(null);
+    const searchRef = (0, import_vue40.ref)(null);
+    const keyword = (0, import_vue40.ref)("");
+    const activeDept = (0, import_vue40.ref)("");
+    const temp = (0, import_vue40.ref)([]);
+    const expandedIds = (0, import_vue40.ref)(/* @__PURE__ */ new Set());
     let detachPanel = null;
     function collectDeptIds(nodes, out = []) {
       nodes.forEach((node) => {
@@ -11979,22 +12118,22 @@ var org_picker_default = {
       walk([root2]);
       return ids;
     }
-    const staffMap = (0, import_vue39.computed)(() => {
+    const staffMap = (0, import_vue40.computed)(() => {
       const map = /* @__PURE__ */ new Map();
       props.staff.forEach((item) => map.set(item.id, item));
       return map;
     });
-    const appliedStaff = (0, import_vue39.computed)(
+    const appliedStaff = (0, import_vue40.computed)(
       () => props.modelValue.map((id) => staffMap.value.get(id)).filter(Boolean)
     );
-    const visibleTags = (0, import_vue39.computed)(() => {
+    const visibleTags = (0, import_vue40.computed)(() => {
       if (props.maxTagCount <= 0) return appliedStaff.value;
       return appliedStaff.value.slice(0, props.maxTagCount);
     });
-    const restTagCount = (0, import_vue39.computed)(
+    const restTagCount = (0, import_vue40.computed)(
       () => Math.max(0, appliedStaff.value.length - visibleTags.value.length)
     );
-    const visibleStaff = (0, import_vue39.computed)(() => {
+    const visibleStaff = (0, import_vue40.computed)(() => {
       const key = keyword.value.trim().toLowerCase();
       if (key) {
         return props.staff.filter(
@@ -12005,7 +12144,7 @@ var org_picker_default = {
       const scope = deptScope(activeDept.value);
       return props.staff.filter((item) => scope.has(item.deptId));
     });
-    const deptRows = (0, import_vue39.computed)(() => {
+    const deptRows = (0, import_vue40.computed)(() => {
       const rows = [];
       const walk = (nodes, depth) => {
         nodes.forEach((node) => {
@@ -12017,11 +12156,11 @@ var org_picker_default = {
       walk(props.departments, 0);
       return rows;
     });
-    const selectedCount = (0, import_vue39.computed)(() => temp.value.length);
-    const placeholderText = (0, import_vue39.computed)(() => props.placeholder || t("orgPicker.placeholder"));
-    const emptyLabel = (0, import_vue39.computed)(() => props.emptyText || t("orgPicker.empty"));
-    const panel = (0, import_vue39.ref)(null);
-    const panelStyle = (0, import_vue39.ref)({ ...PANEL_HIDDEN_STYLE });
+    const selectedCount = (0, import_vue40.computed)(() => temp.value.length);
+    const placeholderText = (0, import_vue40.computed)(() => props.placeholder || t("orgPicker.placeholder"));
+    const emptyLabel = (0, import_vue40.computed)(() => props.emptyText || t("orgPicker.empty"));
+    const panel = (0, import_vue40.ref)(null);
+    const panelStyle = (0, import_vue40.ref)({ ...PANEL_HIDDEN_STYLE });
     const PANEL_HEIGHT = 342;
     function updatePosition() {
       if (!open.value || !root.value) return;
@@ -12038,7 +12177,7 @@ var org_picker_default = {
       expandedIds.value = new Set(collectDeptIds(props.departments));
     }
     expandAll();
-    (0, import_vue39.watch)(() => props.departments, () => {
+    (0, import_vue40.watch)(() => props.departments, () => {
       expandedIds.value = /* @__PURE__ */ new Set([...expandedIds.value, ...collectDeptIds(props.departments)]);
     });
     function initialOf(item) {
@@ -12127,7 +12266,7 @@ var org_picker_default = {
     function clearTemp() {
       temp.value = [];
     }
-    (0, import_vue39.onBeforeUnmount)(() => {
+    (0, import_vue40.onBeforeUnmount)(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -12313,7 +12452,7 @@ var org_picker_default = {
 };
 
 // src/components/schema-form/index.js
-var import_vue40 = require("vue");
+var import_vue41 = require("vue");
 var CONTROL_MAP = {
   input: input_default,
   number: input_number_default,
@@ -12349,26 +12488,26 @@ var schema_form_default = {
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
-    const innerForm = (0, import_vue40.ref)(null);
-    const model = (0, import_vue40.reactive)({ ...props.modelValue });
-    (0, import_vue40.watch)(() => props.fields, (fields) => {
+    const innerForm = (0, import_vue41.ref)(null);
+    const model = (0, import_vue41.reactive)({ ...props.modelValue });
+    (0, import_vue41.watch)(() => props.fields, (fields) => {
       fields.forEach((field) => {
         if (model[field.key] === void 0 && field.default !== void 0) {
           model[field.key] = typeof field.default === "function" ? field.default() : field.default;
         }
       });
     }, { immediate: true, deep: true });
-    (0, import_vue40.watch)(() => props.modelValue, (value) => {
+    (0, import_vue41.watch)(() => props.modelValue, (value) => {
       if (!value) return;
       Object.keys(value).forEach((key) => {
         if (model[key] !== value[key]) model[key] = value[key];
       });
     }, { deep: true });
-    (0, import_vue40.watch)(model, () => {
+    (0, import_vue41.watch)(model, () => {
       emit("update:modelValue", { ...model });
       emit("change", { ...model });
     }, { deep: true });
-    const formRules = (0, import_vue40.computed)(() => {
+    const formRules = (0, import_vue41.computed)(() => {
       const merged = { ...props.rules };
       props.fields.forEach((field) => {
         if (!field.required && !field.rules) return;
@@ -12381,7 +12520,7 @@ var schema_form_default = {
       });
       return merged;
     });
-    const visibleFields = (0, import_vue40.computed)(
+    const visibleFields = (0, import_vue41.computed)(
       () => props.fields.filter((field) => {
         if (typeof field.visibleWhen !== "function") return true;
         return Boolean(field.visibleWhen(model));
@@ -12575,7 +12714,7 @@ var approval_flow_default = {
 };
 
 // src/components/query-filter/index.js
-var import_vue41 = require("vue");
+var import_vue42 = require("vue");
 var CONTROL_MAP2 = {
   input: input_default,
   number: input_number_default,
@@ -12600,26 +12739,26 @@ var query_filter_default = {
   },
   emits: ["update:modelValue", "search", "reset"],
   setup(props, { emit }) {
-    const expanded = (0, import_vue41.ref)(false);
-    const model = (0, import_vue41.reactive)({ ...props.modelValue });
-    (0, import_vue41.watch)(() => props.fields, (fields) => {
+    const expanded = (0, import_vue42.ref)(false);
+    const model = (0, import_vue42.reactive)({ ...props.modelValue });
+    (0, import_vue42.watch)(() => props.fields, (fields) => {
       fields.forEach((field) => {
         if (model[field.key] === void 0 && field.default !== void 0) {
           model[field.key] = typeof field.default === "function" ? field.default() : field.default;
         }
       });
     }, { immediate: true, deep: true });
-    (0, import_vue41.watch)(() => props.modelValue, (value) => {
+    (0, import_vue42.watch)(() => props.modelValue, (value) => {
       if (!value) return;
       Object.keys(value).forEach((key) => {
         if (model[key] !== value[key]) model[key] = value[key];
       });
     }, { deep: true });
-    (0, import_vue41.watch)(model, () => {
+    (0, import_vue42.watch)(model, () => {
       emit("update:modelValue", { ...model });
     }, { deep: true });
-    const collapsible = (0, import_vue41.computed)(() => props.fields.length > props.visibleCount);
-    const visibleFields = (0, import_vue41.computed)(() => {
+    const collapsible = (0, import_vue42.computed)(() => props.fields.length > props.visibleCount);
+    const visibleFields = (0, import_vue42.computed)(() => {
       if (!collapsible.value || expanded.value) return props.fields;
       return props.fields.slice(0, props.visibleCount);
     });
@@ -12749,7 +12888,7 @@ var filter_tags_default = {
 };
 
 // src/components/kanban/index.js
-var import_vue42 = require("vue");
+var import_vue43 = require("vue");
 function cloneColumns(list) {
   return (list || []).map((col) => ({ ...col, cards: (col.cards || []).slice() }));
 }
@@ -12766,15 +12905,15 @@ var kanban_default = {
   },
   emits: ["update:columns", "change", "card-move", "card-click", "card-add"],
   setup(props, { emit }) {
-    const inner = (0, import_vue42.ref)(cloneColumns(props.columns));
-    (0, import_vue42.watch)(
+    const inner = (0, import_vue43.ref)(cloneColumns(props.columns));
+    (0, import_vue43.watch)(
       () => props.columns,
       (list) => {
         inner.value = cloneColumns(list);
       }
     );
-    const dragCard = (0, import_vue42.ref)(null);
-    const dropTarget = (0, import_vue42.ref)(null);
+    const dragCard = (0, import_vue43.ref)(null);
+    const dropTarget = (0, import_vue43.ref)(null);
     function columnOf(key) {
       return inner.value.find((col) => col.key === key);
     }
@@ -12937,7 +13076,7 @@ var kanban_default = {
 };
 
 // src/components/attachment-list/index.js
-var import_vue43 = require("vue");
+var import_vue44 = require("vue");
 var IMAGE_EXTS = ["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"];
 function extOf(file) {
   if (file.ext) return String(file.ext).toLowerCase();
@@ -12961,14 +13100,14 @@ var attachment_list_default = {
   },
   emits: ["preview", "download", "remove"],
   setup(props, { emit }) {
-    const list = (0, import_vue43.computed)(
+    const list = (0, import_vue44.computed)(
       () => props.files.map((file, index) => {
         const ext = extOf(file);
         const isImage = file.type === "image" || IMAGE_EXTS.includes(ext);
         return { ...file, _key: file.uid !== void 0 ? file.uid : index, _ext: ext, _isImage: isImage };
       })
     );
-    const emptyLabel = (0, import_vue43.computed)(() => props.emptyText || t("attachment.empty"));
+    const emptyLabel = (0, import_vue44.computed)(() => props.emptyText || t("attachment.empty"));
     function onPreview(file) {
       emit("preview", file);
     }
@@ -13074,7 +13213,7 @@ var attachment_list_default = {
 };
 
 // src/components/notification/index.js
-var import_vue44 = require("vue");
+var import_vue45 = require("vue");
 var TYPE_MAP = {
   info: { icon: "info", cls: "djm-is-info" },
   success: { icon: "check", cls: "djm-is-success" },
@@ -13094,8 +13233,8 @@ var notification_default = {
   },
   emits: ["click", "read", "read-all", "remove", "clear"],
   setup(props, { emit }) {
-    const unreadCount = (0, import_vue44.computed)(() => props.items.filter((item) => !item.read).length);
-    const emptyLabel = (0, import_vue44.computed)(() => props.emptyText || t("notification.empty"));
+    const unreadCount = (0, import_vue45.computed)(() => props.items.filter((item) => !item.read).length);
+    const emptyLabel = (0, import_vue45.computed)(() => props.emptyText || t("notification.empty"));
     function typeOf(item) {
       return TYPE_MAP[item.type] || TYPE_MAP.info;
     }
@@ -13106,7 +13245,7 @@ var notification_default = {
     function onReadAll() {
       emit("read-all");
     }
-    const clearing = (0, import_vue44.ref)(false);
+    const clearing = (0, import_vue45.ref)(false);
     let clearTimer = null;
     function onClear() {
       if (!clearing.value) {
@@ -13120,7 +13259,7 @@ var notification_default = {
       clearing.value = false;
       emit("clear");
     }
-    (0, import_vue44.onBeforeUnmount)(() => window.clearTimeout(clearTimer));
+    (0, import_vue45.onBeforeUnmount)(() => window.clearTimeout(clearTimer));
     function onRemove(item) {
       emit("remove", item);
     }
@@ -13195,7 +13334,7 @@ var notification_default = {
 };
 
 // src/components/config-provider/index.js
-var import_vue45 = require("vue");
+var import_vue46 = require("vue");
 var SIZE_HEIGHT = { xs: "24px", sm: "28px", md: "30px", lg: "34px" };
 var config_provider_default = {
   name: "DjmConfigProvider",
@@ -13205,7 +13344,7 @@ var config_provider_default = {
   },
   setup(props) {
     if (props.locale) setLocale(props.locale);
-    (0, import_vue45.watch)(
+    (0, import_vue46.watch)(
       () => props.locale,
       (code) => {
         if (code) setLocale(code);
@@ -13227,7 +13366,7 @@ var config_provider_default = {
 };
 
 // src/components/date-time-picker/index.js
-var import_vue46 = require("vue");
+var import_vue47 = require("vue");
 var uidSeed7 = 0;
 var pad4 = (value) => String(value).padStart(2, "0");
 function toDateKey(year, month, day) {
@@ -13260,31 +13399,31 @@ var date_time_picker_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = (0, import_vue46.ref)(false);
-    (0, import_vue46.watch)(open, (value) => emit("visible-change", value));
-    const root = (0, import_vue46.ref)(null);
-    const panel = (0, import_vue46.ref)(null);
+    const open = (0, import_vue47.ref)(false);
+    (0, import_vue47.watch)(open, (value) => emit("visible-change", value));
+    const root = (0, import_vue47.ref)(null);
+    const panel = (0, import_vue47.ref)(null);
     const panelId = "djm-datetime-panel-" + ++uidSeed7;
-    const panelStyle = (0, import_vue46.ref)({ ...PANEL_HIDDEN_STYLE });
+    const panelStyle = (0, import_vue47.ref)({ ...PANEL_HIDDEN_STYLE });
     let detachPanel = null;
     const today = /* @__PURE__ */ new Date();
     const todayKey = toDateKey(today.getFullYear(), today.getMonth(), today.getDate());
-    const hasSeconds = (0, import_vue46.computed)(() => props.format.indexOf("ss") > -1);
-    const draft = (0, import_vue46.ref)({ date: "", h: "00", m: "00", s: "00" });
+    const hasSeconds = (0, import_vue47.computed)(() => props.format.indexOf("ss") > -1);
+    const draft = (0, import_vue47.ref)({ date: "", h: "00", m: "00", s: "00" });
     const initial = parseDate(parseValue(props.modelValue).date);
-    const viewYear = (0, import_vue46.ref)(initial ? initial.year : today.getFullYear());
-    const viewMonth = (0, import_vue46.ref)(initial ? initial.month : today.getMonth());
-    const displayText = (0, import_vue46.computed)(() => props.modelValue || "");
-    const placeholderText = (0, import_vue46.computed)(() => props.placeholder || t("dateTimePicker.placeholder"));
-    const weeks = (0, import_vue46.computed)(() => t("datePicker.weeks").split(","));
-    const hours = (0, import_vue46.computed)(() => Array.from({ length: 24 }, (_, index) => pad4(index)));
-    const minutes = (0, import_vue46.computed)(() => {
+    const viewYear = (0, import_vue47.ref)(initial ? initial.year : today.getFullYear());
+    const viewMonth = (0, import_vue47.ref)(initial ? initial.month : today.getMonth());
+    const displayText = (0, import_vue47.computed)(() => props.modelValue || "");
+    const placeholderText = (0, import_vue47.computed)(() => props.placeholder || t("dateTimePicker.placeholder"));
+    const weeks = (0, import_vue47.computed)(() => t("datePicker.weeks").split(","));
+    const hours = (0, import_vue47.computed)(() => Array.from({ length: 24 }, (_, index) => pad4(index)));
+    const minutes = (0, import_vue47.computed)(() => {
       const list = [];
       for (let value = 0; value < 60; value += Math.max(1, props.minuteStep)) list.push(pad4(value));
       return list;
     });
-    const seconds = (0, import_vue46.computed)(() => Array.from({ length: 60 }, (_, index) => pad4(index)));
-    const timeCols = (0, import_vue46.computed)(() => {
+    const seconds = (0, import_vue47.computed)(() => Array.from({ length: 60 }, (_, index) => pad4(index)));
+    const timeCols = (0, import_vue47.computed)(() => {
       const cols = [
         { key: "h", list: hours.value },
         { key: "m", list: minutes.value }
@@ -13292,8 +13431,8 @@ var date_time_picker_default = {
       if (hasSeconds.value) cols.push({ key: "s", list: seconds.value });
       return cols;
     });
-    const monthLabel = (0, import_vue46.computed)(() => t("datePicker.title", { year: viewYear.value, month: viewMonth.value + 1 }));
-    const cells = (0, import_vue46.computed)(() => {
+    const monthLabel = (0, import_vue47.computed)(() => t("datePicker.title", { year: viewYear.value, month: viewMonth.value + 1 }));
+    const cells = (0, import_vue47.computed)(() => {
       const first = new Date(viewYear.value, viewMonth.value, 1);
       const offset = (first.getDay() + 6) % 7;
       const start = new Date(viewYear.value, viewMonth.value, 1 - offset);
@@ -13429,7 +13568,7 @@ var date_time_picker_default = {
       emit("change", "");
       closePanel();
     }
-    (0, import_vue46.onBeforeUnmount)(() => {
+    (0, import_vue47.onBeforeUnmount)(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -13554,7 +13693,7 @@ var date_time_picker_default = {
 };
 
 // src/components/virtual-list/index.js
-var import_vue47 = require("vue");
+var import_vue48 = require("vue");
 var virtual_list_default = {
   name: "DjmVirtualList",
   props: {
@@ -13571,14 +13710,14 @@ var virtual_list_default = {
   },
   emits: ["scroll", "reach-bottom", "item-click"],
   setup(props, { emit, expose }) {
-    const viewport = (0, import_vue47.ref)(null);
-    const scrollTop = (0, import_vue47.ref)(0);
-    const viewHeight = (0, import_vue47.ref)(typeof props.height === "number" ? props.height : 320);
+    const viewport = (0, import_vue48.ref)(null);
+    const scrollTop = (0, import_vue48.ref)(0);
+    const viewHeight = (0, import_vue48.ref)(typeof props.height === "number" ? props.height : 320);
     let bottomFired = false;
     function rowHeight(item, index) {
       return typeof props.itemHeight === "function" ? Math.max(1, Number(props.itemHeight(item, index)) || 1) : Math.max(1, props.itemHeight);
     }
-    const offsets = (0, import_vue47.computed)(() => {
+    const offsets = (0, import_vue48.computed)(() => {
       const list = [0];
       let sum = 0;
       props.items.forEach((item, index) => {
@@ -13587,7 +13726,7 @@ var virtual_list_default = {
       });
       return list;
     });
-    const totalHeight = (0, import_vue47.computed)(() => offsets.value[offsets.value.length - 1]);
+    const totalHeight = (0, import_vue48.computed)(() => offsets.value[offsets.value.length - 1]);
     function findStart(top) {
       const list = offsets.value;
       let low = 0;
@@ -13599,7 +13738,7 @@ var virtual_list_default = {
       }
       return Math.max(0, low - 1);
     }
-    const range = (0, import_vue47.computed)(() => {
+    const range = (0, import_vue48.computed)(() => {
       const total = props.items.length;
       if (!total) return { start: 0, end: 0 };
       const start = Math.max(0, findStart(scrollTop.value) - props.overscan);
@@ -13608,7 +13747,7 @@ var virtual_list_default = {
       while (end < total && offsets.value[end] < limit) end += 1;
       return { start, end: Math.min(total, end + props.overscan) };
     });
-    const visibleRows = (0, import_vue47.computed)(() => {
+    const visibleRows = (0, import_vue48.computed)(() => {
       const { start, end } = range.value;
       return props.items.slice(start, end).map((item, index) => {
         const realIndex = start + index;
@@ -13643,7 +13782,7 @@ var virtual_list_default = {
       else if (start < el.scrollTop) el.scrollTop = start;
       else if (end > el.scrollTop + el.clientHeight) el.scrollTop = end - el.clientHeight;
     }
-    (0, import_vue47.watch)(
+    (0, import_vue48.watch)(
       () => props.height,
       () => {
         if (viewport.value) viewHeight.value = viewport.value.clientHeight;
@@ -13653,14 +13792,14 @@ var virtual_list_default = {
       if (viewport.value) viewHeight.value = viewport.value.clientHeight;
     }
     let resizeObserver = null;
-    (0, import_vue47.onMounted)(() => {
+    (0, import_vue48.onMounted)(() => {
       measure();
       if (window.ResizeObserver && viewport.value) {
         resizeObserver = new ResizeObserver(() => measure());
         resizeObserver.observe(viewport.value);
       }
     });
-    (0, import_vue47.onBeforeUnmount)(() => {
+    (0, import_vue48.onBeforeUnmount)(() => {
       if (resizeObserver) resizeObserver.disconnect();
     });
     function onItemClick(row) {
@@ -13705,7 +13844,7 @@ var virtual_list_default = {
 };
 
 // src/components/batch-bar/index.js
-var import_vue48 = require("vue");
+var import_vue49 = require("vue");
 var batch_bar_default = {
   name: "DjmBatchBar",
   props: {
@@ -13720,8 +13859,8 @@ var batch_bar_default = {
   },
   emits: ["clear", "select-all"],
   setup(props, { emit }) {
-    const text = (0, import_vue48.computed)(() => props.label || t("batchBar.selected", { count: props.count }));
-    const canSelectAll = (0, import_vue48.computed)(() => props.total > props.count);
+    const text = (0, import_vue49.computed)(() => props.label || t("batchBar.selected", { count: props.count }));
+    const canSelectAll = (0, import_vue49.computed)(() => props.total > props.count);
     return {
       text,
       canSelectAll,
@@ -13749,7 +13888,7 @@ var batch_bar_default = {
 };
 
 // src/components/import-wizard/index.js
-var import_vue49 = require("vue");
+var import_vue50 = require("vue");
 function matchAccept2(name, accept) {
   if (!accept) return true;
   const ext = "." + String(name).split(".").pop().toLowerCase();
@@ -13776,19 +13915,19 @@ var import_wizard_default = {
   },
   emits: ["update:step", "update:mapping", "file-change", "submit", "retry"],
   setup(props, { emit }) {
-    const innerStep = (0, import_vue49.ref)(props.step || 1);
-    (0, import_vue49.watch)(
+    const innerStep = (0, import_vue50.ref)(props.step || 1);
+    (0, import_vue50.watch)(
       () => props.step,
       (value) => {
         if (value) innerStep.value = value;
       }
     );
-    const file = (0, import_vue49.ref)(null);
-    const fileError = (0, import_vue49.ref)("");
-    const mappingError = (0, import_vue49.ref)("");
-    const fileInput = (0, import_vue49.ref)(null);
-    const innerMapping = (0, import_vue49.ref)({ ...props.mapping });
-    (0, import_vue49.watch)(
+    const file = (0, import_vue50.ref)(null);
+    const fileError = (0, import_vue50.ref)("");
+    const mappingError = (0, import_vue50.ref)("");
+    const fileInput = (0, import_vue50.ref)(null);
+    const innerMapping = (0, import_vue50.ref)({ ...props.mapping });
+    (0, import_vue50.watch)(
       () => props.mapping,
       (value) => {
         innerMapping.value = { ...value };
@@ -13799,7 +13938,7 @@ var import_wizard_default = {
       innerStep.value = next;
       emit("update:step", next);
     }
-    const steps = (0, import_vue49.computed)(() => [
+    const steps = (0, import_vue50.computed)(() => [
       { index: 1, title: t("importWizard.stepFile") },
       { index: 2, title: t("importWizard.stepMapping") },
       { index: 3, title: t("importWizard.stepResult") }
@@ -13841,7 +13980,7 @@ var import_wizard_default = {
       mappingError.value = "";
       emit("update:mapping", next);
     }
-    const missingRequired = (0, import_vue49.computed)(
+    const missingRequired = (0, import_vue50.computed)(
       () => props.columns.filter((col) => col.required && !innerMapping.value[col.key])
     );
     function submit() {
@@ -13853,7 +13992,7 @@ var import_wizard_default = {
       }
       emit("submit", { ...innerMapping.value });
     }
-    (0, import_vue49.watch)(
+    (0, import_vue50.watch)(
       () => props.result,
       (value) => {
         if (value && (value.total || value.success || value.failed || value.errors && value.errors.length)) {
@@ -13874,7 +14013,7 @@ var import_wizard_default = {
       emit("retry");
       goStep(2);
     }
-    const stats = (0, import_vue49.computed)(() => {
+    const stats = (0, import_vue50.computed)(() => {
       const data = props.result || {};
       return {
         total: data.total || 0,
@@ -14020,7 +14159,7 @@ var import_wizard_default = {
 };
 
 // src/components/diff/index.js
-var import_vue50 = require("vue");
+var import_vue51 = require("vue");
 
 // src/utils/text-diff.js
 var MAX_CELLS = 1e6;
@@ -14084,8 +14223,8 @@ var diff_default = {
     afterLabel: { type: String, default: "" }
   },
   setup(props) {
-    const rows = (0, import_vue50.computed)(() => diffLines(props.before, props.after));
-    const stats = (0, import_vue50.computed)(() => {
+    const rows = (0, import_vue51.computed)(() => diffLines(props.before, props.after));
+    const stats = (0, import_vue51.computed)(() => {
       let add = 0;
       let remove = 0;
       rows.value.forEach((row) => {
@@ -14094,11 +14233,11 @@ var diff_default = {
       });
       return { add, remove };
     });
-    const expandedBlocks = (0, import_vue50.ref)([]);
+    const expandedBlocks = (0, import_vue51.ref)([]);
     function expand(index) {
       expandedBlocks.value = expandedBlocks.value.concat(index);
     }
-    const displayRows = (0, import_vue50.computed)(() => {
+    const displayRows = (0, import_vue51.computed)(() => {
       const ctx = Math.max(0, props.context);
       const list = rows.value;
       if (!ctx) return list;
@@ -14129,7 +14268,7 @@ var diff_default = {
       }
       return out;
     });
-    const splitRows = (0, import_vue50.computed)(() => {
+    const splitRows = (0, import_vue51.computed)(() => {
       const list = displayRows.value;
       const out = [];
       let i = 0;
@@ -14154,8 +14293,8 @@ var diff_default = {
       }
       return out;
     });
-    const beforeLabelText = (0, import_vue50.computed)(() => props.beforeLabel || t("diff.before"));
-    const afterLabelText = (0, import_vue50.computed)(() => props.afterLabel || t("diff.after"));
+    const beforeLabelText = (0, import_vue51.computed)(() => props.beforeLabel || t("diff.before"));
+    const afterLabelText = (0, import_vue51.computed)(() => props.afterLabel || t("diff.after"));
     return {
       stats,
       displayRows,
@@ -14221,7 +14360,7 @@ var diff_default = {
 };
 
 // src/components/tree-table/index.js
-var import_vue51 = require("vue");
+var import_vue52 = require("vue");
 function keyOf(row, rowKey) {
   return row && row[rowKey] !== void 0 ? row[rowKey] : row && row.id;
 }
@@ -14260,23 +14399,23 @@ var tree_table_default = {
       eachNode(props.data, (row) => keys.push(keyOf(row, props.rowKey)));
       return keys;
     }
-    const innerExpanded = (0, import_vue51.ref)(
+    const innerExpanded = (0, import_vue52.ref)(
       props.expandedKeys ? props.expandedKeys.slice() : props.defaultExpandAll ? allKeys() : []
     );
-    (0, import_vue51.watch)(
+    (0, import_vue52.watch)(
       () => props.expandedKeys,
       (value) => {
         if (value) innerExpanded.value = value.slice();
       }
     );
-    const innerChecked = (0, import_vue51.ref)(props.checkedKeys ? props.checkedKeys.slice() : []);
-    (0, import_vue51.watch)(
+    const innerChecked = (0, import_vue52.ref)(props.checkedKeys ? props.checkedKeys.slice() : []);
+    (0, import_vue52.watch)(
       () => props.checkedKeys,
       (value) => {
         if (value) innerChecked.value = value.slice();
       }
     );
-    const rows = (0, import_vue51.computed)(() => {
+    const rows = (0, import_vue52.computed)(() => {
       const out = [];
       function walk(list, level, parentKey) {
         ;
@@ -14291,7 +14430,7 @@ var tree_table_default = {
       walk(props.data, 1, null);
       return out;
     });
-    const descendantMap = (0, import_vue51.computed)(() => {
+    const descendantMap = (0, import_vue52.computed)(() => {
       const map = {};
       function collect(row) {
         const key = keyOf(row, props.rowKey);
@@ -14306,16 +14445,16 @@ var tree_table_default = {
       (props.data || []).forEach(collect);
       return map;
     });
-    const leafKeys = (0, import_vue51.computed)(() => {
+    const leafKeys = (0, import_vue52.computed)(() => {
       const keys = [];
       eachNode(props.data, (row) => {
         if (!row.children || !row.children.length) keys.push(keyOf(row, props.rowKey));
       });
       return keys;
     });
-    const checkedSet = (0, import_vue51.computed)(() => new Set(innerChecked.value));
-    const allChecked = (0, import_vue51.computed)(() => leafKeys.value.length > 0 && leafKeys.value.every((key) => checkedSet.value.has(key)));
-    const someChecked = (0, import_vue51.computed)(() => !allChecked.value && leafKeys.value.some((key) => checkedSet.value.has(key)));
+    const checkedSet = (0, import_vue52.computed)(() => new Set(innerChecked.value));
+    const allChecked = (0, import_vue52.computed)(() => leafKeys.value.length > 0 && leafKeys.value.every((key) => checkedSet.value.has(key)));
+    const someChecked = (0, import_vue52.computed)(() => !allChecked.value && leafKeys.value.some((key) => checkedSet.value.has(key)));
     function isIndeterminate(row) {
       if (!props.selectable || props.checkStrictly) return false;
       const desc = descendantMap.value[keyOf(row, props.rowKey)] || [];
@@ -14349,7 +14488,7 @@ var tree_table_default = {
       }
       emitChecked(Array.from(set));
     }
-    const nodeMap = (0, import_vue51.computed)(() => {
+    const nodeMap = (0, import_vue52.computed)(() => {
       const map = {};
       eachNode(props.data, (row, level, parentKey) => {
         map[keyOf(row, props.rowKey)] = { row, parentKey };
@@ -14396,11 +14535,11 @@ var tree_table_default = {
     function onRowClick(item) {
       emit("row-click", item.row, item);
     }
-    const scrollStyle = (0, import_vue51.computed)(() => {
+    const scrollStyle = (0, import_vue52.computed)(() => {
       if (!props.maxHeight) return null;
       return { maxHeight: typeof props.maxHeight === "number" ? props.maxHeight + "px" : props.maxHeight };
     });
-    const emptyLabel = (0, import_vue51.computed)(() => props.emptyText || t("treeTable.empty"));
+    const emptyLabel = (0, import_vue52.computed)(() => props.emptyText || t("treeTable.empty"));
     return {
       rows,
       innerExpanded,
@@ -14502,7 +14641,7 @@ var tree_table_default = {
 };
 
 // src/components/schedule/index.js
-var import_vue52 = require("vue");
+var import_vue53 = require("vue");
 var pad5 = (value) => String(value).padStart(2, "0");
 function toKey3(date) {
   return `${date.getFullYear()}-${pad5(date.getMonth() + 1)}-${pad5(date.getDate())}`;
@@ -14534,13 +14673,13 @@ var schedule_default = {
   emits: ["update:modelValue", "event-click", "slot-click", "week-change"],
   setup(props, { emit }) {
     const todayKey = toKey3(/* @__PURE__ */ new Date());
-    const nowMinutes = (0, import_vue52.ref)((/* @__PURE__ */ new Date()).getHours() * 60 + (/* @__PURE__ */ new Date()).getMinutes());
+    const nowMinutes = (0, import_vue53.ref)((/* @__PURE__ */ new Date()).getHours() * 60 + (/* @__PURE__ */ new Date()).getMinutes());
     const timer = window.setInterval(() => {
       const now = /* @__PURE__ */ new Date();
       nowMinutes.value = now.getHours() * 60 + now.getMinutes();
     }, 6e4);
-    const anchor = (0, import_vue52.ref)(props.modelValue || todayKey);
-    (0, import_vue52.watch)(
+    const anchor = (0, import_vue53.ref)(props.modelValue || todayKey);
+    (0, import_vue53.watch)(
       () => props.modelValue,
       (value) => {
         if (value) anchor.value = value;
@@ -14552,8 +14691,8 @@ var schedule_default = {
       const offset = (day + 6) % 7;
       return new Date(date.getFullYear(), date.getMonth(), date.getDate() - offset);
     }
-    const weekStartDate = (0, import_vue52.computed)(() => startOfWeek(anchor.value));
-    const weekdays = (0, import_vue52.computed)(() => t("schedule.weekdays").split(","));
+    const weekStartDate = (0, import_vue53.computed)(() => startOfWeek(anchor.value));
+    const weekdays = (0, import_vue53.computed)(() => t("schedule.weekdays").split(","));
     function layoutDay(list) {
       const sorted = list.map((item) => {
         const startMin = toMinutes(item.start, props.startHour * 60);
@@ -14586,7 +14725,7 @@ var schedule_default = {
         };
       });
     }
-    const days = (0, import_vue52.computed)(() => {
+    const days = (0, import_vue53.computed)(() => {
       const start = weekStartDate.value;
       const list = Array.from({ length: 7 }, (_, index) => {
         const date = new Date(start.getFullYear(), start.getMonth(), start.getDate() + index);
@@ -14604,20 +14743,20 @@ var schedule_default = {
       });
       return props.showWeekend ? list : list.slice(0, 5);
     });
-    const hours = (0, import_vue52.computed)(() => {
+    const hours = (0, import_vue53.computed)(() => {
       const list = [];
       for (let hour = props.startHour; hour < props.endHour; hour++) list.push(hour);
       return list;
     });
-    const bodyHeight = (0, import_vue52.computed)(() => (props.endHour - props.startHour) * props.hourHeight);
-    const gridStyle = (0, import_vue52.computed)(() => ({
+    const bodyHeight = (0, import_vue53.computed)(() => (props.endHour - props.startHour) * props.hourHeight);
+    const gridStyle = (0, import_vue53.computed)(() => ({
       gridTemplateColumns: "56px repeat(" + Math.max(1, days.value.length) + ", minmax(0, 1fr))"
     }));
-    const nowTop = (0, import_vue52.computed)(() => (nowMinutes.value - props.startHour * 60) / 60 * props.hourHeight);
-    const showNowLine = (0, import_vue52.computed)(
+    const nowTop = (0, import_vue53.computed)(() => (nowMinutes.value - props.startHour * 60) / 60 * props.hourHeight);
+    const showNowLine = (0, import_vue53.computed)(
       () => nowMinutes.value >= props.startHour * 60 && nowMinutes.value <= props.endHour * 60 && days.value.some((day) => day.today)
     );
-    const rangeLabel = (0, import_vue52.computed)(() => {
+    const rangeLabel = (0, import_vue53.computed)(() => {
       const list = days.value;
       if (!list.length) return "";
       const first = list[0];
@@ -14647,7 +14786,7 @@ var schedule_default = {
       const minute = minutes % 60;
       emit("slot-click", { date: day.key, time: `${pad5(hour)}:${pad5(minute)}` });
     }
-    (0, import_vue52.onBeforeUnmount)(() => window.clearInterval(timer));
+    (0, import_vue53.onBeforeUnmount)(() => window.clearInterval(timer));
     return {
       days,
       hours,
@@ -14747,7 +14886,7 @@ var schedule_default = {
 };
 
 // src/components/comment/index.js
-var import_vue53 = require("vue");
+var import_vue54 = require("vue");
 var comment_default = {
   name: "DjmComment",
   components: { DjmAvatar: avatar_default, DjmIcon: icon_default },
@@ -14764,16 +14903,16 @@ var comment_default = {
   },
   emits: ["submit", "reply", "remove"],
   setup(props, { emit }) {
-    const content = (0, import_vue53.ref)("");
-    const replyTarget = (0, import_vue53.ref)(null);
-    const placeholderText = (0, import_vue53.computed)(() => {
+    const content = (0, import_vue54.ref)("");
+    const replyTarget = (0, import_vue54.ref)(null);
+    const placeholderText = (0, import_vue54.computed)(() => {
       if (replyTarget.value) return t("comment.replyPlaceholder", { name: replyTarget.value.author });
       return props.placeholder || t("comment.placeholder");
     });
-    const submitLabel = (0, import_vue53.computed)(() => props.submitText || t("comment.submit"));
-    const emptyLabel = (0, import_vue53.computed)(() => props.emptyText || t("comment.empty"));
-    const overLimit = (0, import_vue53.computed)(() => content.value.length > props.maxLength);
-    const canSubmit = (0, import_vue53.computed)(() => content.value.trim().length > 0 && !overLimit.value && !props.disabled && !props.loading);
+    const submitLabel = (0, import_vue54.computed)(() => props.submitText || t("comment.submit"));
+    const emptyLabel = (0, import_vue54.computed)(() => props.emptyText || t("comment.empty"));
+    const overLimit = (0, import_vue54.computed)(() => content.value.length > props.maxLength);
+    const canSubmit = (0, import_vue54.computed)(() => content.value.trim().length > 0 && !overLimit.value && !props.disabled && !props.loading);
     function onInput(event) {
       content.value = event.target.value;
     }
@@ -14878,7 +15017,7 @@ var comment_default = {
 };
 
 // src/components/signature/index.js
-var import_vue54 = require("vue");
+var import_vue55 = require("vue");
 var signature_default = {
   name: "DjmSignature",
   props: {
@@ -14892,10 +15031,10 @@ var signature_default = {
   },
   emits: ["update:modelValue", "change", "start", "end", "clear"],
   setup(props, { emit }) {
-    const canvas = (0, import_vue54.ref)(null);
-    const root = (0, import_vue54.ref)(null);
-    const strokes = (0, import_vue54.ref)([]);
-    const hasImage = (0, import_vue54.ref)(false);
+    const canvas = (0, import_vue55.ref)(null);
+    const root = (0, import_vue55.ref)(null);
+    const strokes = (0, import_vue55.ref)([]);
+    const hasImage = (0, import_vue55.ref)(false);
     let imageCache = null;
     let drawing = false;
     let current = null;
@@ -15010,7 +15149,7 @@ var signature_default = {
       return canvas.value ? canvas.value.toDataURL("image/png") : "";
     }
     const isEmpty2 = () => strokes.value.length === 0 && !hasImage.value;
-    (0, import_vue54.watch)(
+    (0, import_vue55.watch)(
       () => props.modelValue,
       (value) => {
         if (value === lastEmitted) return;
@@ -15032,7 +15171,7 @@ var signature_default = {
         img.src = value;
       }
     );
-    (0, import_vue54.onMounted)(() => {
+    (0, import_vue55.onMounted)(() => {
       setupCanvas();
       if (props.modelValue) {
         const img = new Image();
@@ -15048,7 +15187,7 @@ var signature_default = {
         if (root.value) observer.observe(root.value);
       }
     });
-    (0, import_vue54.onBeforeUnmount)(() => {
+    (0, import_vue55.onBeforeUnmount)(() => {
       if (observer) observer.disconnect();
     });
     return {
@@ -15088,7 +15227,7 @@ var signature_default = {
 };
 
 // src/components/print/index.js
-var import_vue55 = require("vue");
+var import_vue56 = require("vue");
 function escapeHtml(text) {
   return String(text).replace(/[&<>"]/g, (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[ch]);
 }
@@ -15104,8 +15243,8 @@ var print_default = {
   },
   emits: ["before-print", "after-print"],
   setup(props, { emit }) {
-    const content = (0, import_vue55.ref)(null);
-    const label = (0, import_vue55.computed)(() => props.buttonText || t("print.button"));
+    const content = (0, import_vue56.ref)(null);
+    const label = (0, import_vue56.computed)(() => props.buttonText || t("print.button"));
     function collectStyles() {
       return Array.from(document.querySelectorAll('link[rel="stylesheet"], style')).map((el) => el.outerHTML).join("");
     }
@@ -15154,7 +15293,7 @@ var print_default = {
 };
 
 // src/components/gantt/index.js
-var import_vue56 = require("vue");
+var import_vue57 = require("vue");
 var DAY = 864e5;
 var pad6 = (value) => String(value).padStart(2, "0");
 function parseDate3(value) {
@@ -15190,7 +15329,7 @@ var gantt_default = {
   emits: ["task-click"],
   setup(props, { emit }) {
     const todayKey = toKey4(/* @__PURE__ */ new Date());
-    const range = (0, import_vue56.computed)(() => {
+    const range = (0, import_vue57.computed)(() => {
       const starts = props.tasks.map((task) => task.start).filter(Boolean).sort();
       const ends = props.tasks.map((task) => task.end || task.start).filter(Boolean).sort();
       let start = props.startDate || starts[0] || todayKey;
@@ -15203,7 +15342,7 @@ var gantt_default = {
       }
       return { start, end };
     });
-    const days = (0, import_vue56.computed)(() => {
+    const days = (0, import_vue57.computed)(() => {
       const total = dayDiff(range.value.end, range.value.start) + 1;
       const base = parseDate3(range.value.start);
       return Array.from({ length: total }, (_, index) => {
@@ -15220,9 +15359,9 @@ var gantt_default = {
         };
       });
     });
-    const trackWidth = (0, import_vue56.computed)(() => days.value.length * props.dayWidth);
-    const innerWidth = (0, import_vue56.computed)(() => props.nameWidth + trackWidth.value);
-    const bars = (0, import_vue56.computed)(
+    const trackWidth = (0, import_vue57.computed)(() => days.value.length * props.dayWidth);
+    const innerWidth = (0, import_vue57.computed)(() => props.nameWidth + trackWidth.value);
+    const bars = (0, import_vue57.computed)(
       () => props.tasks.map((task, index) => {
         const start = task.start || range.value.start;
         const end = task.end || start;
@@ -15238,12 +15377,12 @@ var gantt_default = {
         };
       })
     );
-    const todayLeft = (0, import_vue56.computed)(() => {
+    const todayLeft = (0, import_vue57.computed)(() => {
       const index = days.value.findIndex((day) => day.today);
       if (index === -1) return null;
       return props.nameWidth + index * props.dayWidth + props.dayWidth / 2;
     });
-    const emptyLabel = (0, import_vue56.computed)(() => props.emptyText || t("gantt.empty"));
+    const emptyLabel = (0, import_vue57.computed)(() => props.emptyText || t("gantt.empty"));
     function onClick(bar) {
       emit("task-click", bar.task);
     }
@@ -15325,7 +15464,7 @@ var gantt_default = {
 };
 
 // src/components/field-list/index.js
-var import_vue57 = require("vue");
+var import_vue58 = require("vue");
 var uidSeed8 = 0;
 var field_list_default = {
   name: "DjmFieldList",
@@ -15345,7 +15484,7 @@ var field_list_default = {
   },
   emits: ["update:modelValue", "add", "remove", "change"],
   setup(props, { emit }) {
-    const uids = (0, import_vue57.ref)([]);
+    const uids = (0, import_vue58.ref)([]);
     function syncUids() {
       const length = props.modelValue.length;
       if (uids.value.length === length) return;
@@ -15354,12 +15493,12 @@ var field_list_default = {
       uids.value = next;
     }
     syncUids();
-    (0, import_vue57.watch)(() => props.modelValue.length, syncUids);
-    const errors = (0, import_vue57.ref)({});
-    const addLabel = (0, import_vue57.computed)(() => props.addText || t("fieldList.add"));
-    const emptyLabel = (0, import_vue57.computed)(() => props.emptyText || t("fieldList.empty"));
-    const canAdd = (0, import_vue57.computed)(() => !props.disabled && (!props.max || props.modelValue.length < props.max));
-    const canRemove = (0, import_vue57.computed)(() => !props.disabled && props.modelValue.length > props.min);
+    (0, import_vue58.watch)(() => props.modelValue.length, syncUids);
+    const errors = (0, import_vue58.ref)({});
+    const addLabel = (0, import_vue58.computed)(() => props.addText || t("fieldList.add"));
+    const emptyLabel = (0, import_vue58.computed)(() => props.emptyText || t("fieldList.empty"));
+    const canAdd = (0, import_vue58.computed)(() => !props.disabled && (!props.max || props.modelValue.length < props.max));
+    const canRemove = (0, import_vue58.computed)(() => !props.disabled && props.modelValue.length > props.min);
     function commit(list) {
       emit("update:modelValue", list);
       emit("change", list);
@@ -15521,7 +15660,7 @@ var field_list_default = {
 };
 
 // src/components/chat/index.js
-var import_vue58 = require("vue");
+var import_vue59 = require("vue");
 var chat_default = {
   name: "DjmChat",
   components: { DjmAvatar: avatar_default },
@@ -15538,19 +15677,19 @@ var chat_default = {
   },
   emits: ["submit"],
   setup(props, { emit }) {
-    const content = (0, import_vue58.ref)("");
-    const listRef = (0, import_vue58.ref)(null);
-    const placeholderText = (0, import_vue58.computed)(() => props.placeholder || t("chat.placeholder"));
-    const sendLabel = (0, import_vue58.computed)(() => props.sendText || t("chat.send"));
-    const emptyLabel = (0, import_vue58.computed)(() => props.emptyText || t("chat.empty"));
-    const canSend = (0, import_vue58.computed)(() => content.value.trim().length > 0 && !props.disabled && !props.loading);
+    const content = (0, import_vue59.ref)("");
+    const listRef = (0, import_vue59.ref)(null);
+    const placeholderText = (0, import_vue59.computed)(() => props.placeholder || t("chat.placeholder"));
+    const sendLabel = (0, import_vue59.computed)(() => props.sendText || t("chat.send"));
+    const emptyLabel = (0, import_vue59.computed)(() => props.emptyText || t("chat.empty"));
+    const canSend = (0, import_vue59.computed)(() => content.value.trim().length > 0 && !props.disabled && !props.loading);
     function scrollToBottom() {
       const el = listRef.value;
       if (el) el.scrollTop = el.scrollHeight;
     }
-    (0, import_vue58.watch)(
+    (0, import_vue59.watch)(
       () => props.messages.length,
-      () => (0, import_vue58.nextTick)(scrollToBottom)
+      () => (0, import_vue59.nextTick)(scrollToBottom)
     );
     function onInput(event) {
       content.value = event.target.value;
@@ -15661,7 +15800,7 @@ var chat_default = {
 };
 
 // src/components/org-chart/index.js
-var import_vue59 = require("vue");
+var import_vue60 = require("vue");
 var org_chart_default = {
   name: "DjmOrgChart",
   components: { DjmAvatar: avatar_default, DjmIcon: icon_default },
@@ -15694,11 +15833,11 @@ var org_chart_default = {
       walk(node);
       return keys;
     }
-    const collapsed = (0, import_vue59.ref)(props.defaultExpandAll ? [] : collapsedByDefault(props.data));
-    (0, import_vue59.watch)(() => props.data, (data) => {
+    const collapsed = (0, import_vue60.ref)(props.defaultExpandAll ? [] : collapsedByDefault(props.data));
+    (0, import_vue60.watch)(() => props.data, (data) => {
       collapsed.value = props.defaultExpandAll ? [] : collapsedByDefault(data);
     });
-    const layout = (0, import_vue59.computed)(() => {
+    const layout = (0, import_vue60.computed)(() => {
       if (!props.data) return { nodes: [], links: [], width: 0, height: 0 };
       const rowH = props.nodeHeight + props.verticalGap;
       let cursor = 0;
@@ -15763,7 +15902,7 @@ var org_chart_default = {
     function onClick(item) {
       emit("node-click", item.node);
     }
-    const emptyLabel = (0, import_vue59.computed)(() => props.emptyText || t("orgChart.empty"));
+    const emptyLabel = (0, import_vue60.computed)(() => props.emptyText || t("orgChart.empty"));
     return {
       layout,
       toggle,
@@ -15824,7 +15963,7 @@ var org_chart_default = {
 };
 
 // src/components/page-tabs/index.js
-var import_vue60 = require("vue");
+var import_vue61 = require("vue");
 var page_tabs_default = {
   name: "DjmPageTabs",
   components: { DjmIcon: icon_default },
@@ -15835,7 +15974,7 @@ var page_tabs_default = {
   },
   emits: ["update:modelValue", "change", "close"],
   setup(props, { emit }) {
-    const label = (0, import_vue60.computed)(() => t("pageTabs.label"));
+    const label = (0, import_vue61.computed)(() => t("pageTabs.label"));
     function canClose(tab) {
       return tab.closable === void 0 ? props.closable : tab.closable;
     }
@@ -15945,8 +16084,8 @@ function moveRows(rows, dragIndex, dropIndex, position = "before") {
 }
 
 // src/utils/permission.js
-var import_vue61 = require("vue");
-var state2 = (0, import_vue61.reactive)({
+var import_vue62 = require("vue");
+var state2 = (0, import_vue62.reactive)({
   codes: /* @__PURE__ */ new Set()
 });
 function setPermissions(list) {
@@ -16088,7 +16227,7 @@ var components = [
   org_chart_default,
   page_tabs_default
 ];
-var version = "0.72.0";
+var version = "0.73.1";
 function install(app, options = {}) {
   if (options.locale) setLocale(options.locale);
   components.forEach((component) => app.component(component.name, component));
@@ -16210,6 +16349,7 @@ var index_default = { install, version };
   djmMessage,
   djmMessages,
   getLocale,
+  glass,
   hasPermission,
   initTheme,
   install,
@@ -16219,6 +16359,7 @@ var index_default = { install, version };
   primaryColor,
   resetPrimaryColor,
   sanitizeHtml,
+  setGlass,
   setLocale,
   setPermissions,
   setPrimaryColor,