djm-ui 0.72.0 → 0.73.0

package/dist/djm-ui.esm.js

@@ -1,4 +1,4 @@
-/*! DJM UI v0.72.0 · MIT · 2026-10-26 */
+/*! DJM UI v0.73.0 · MIT · 2026-10-26 */
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __esm = (fn, res, err) => function __init() {
@@ -1722,7 +1722,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);
@@ -4095,12 +4095,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() {
@@ -4113,10 +4119,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>
@@ -5318,48 +5386,91 @@ var alert_default = {
 };
 
 // src/components/spin/index.js
+import { onBeforeUnmount as onBeforeUnmount4, ref as ref3, watch as watch3 } from "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 = ref3(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;
+      }
+    }
+    watch3(() => [props.spinning, props.delay], sync, { immediate: true });
+    onBeforeUnmount4(() => 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
-import { nextTick as nextTick3, onBeforeUnmount as onBeforeUnmount4, onMounted as onMounted3, ref as ref3, watch as watch3 } from "vue";
+import { nextTick as nextTick3, onBeforeUnmount as onBeforeUnmount5, onMounted as onMounted3, ref as ref4, watch as watch4 } from "vue";
 var popconfirm_default = {
   name: "DjmPopconfirm",
   components: { DjmIcon: icon_default },
@@ -5375,10 +5486,10 @@ var popconfirm_default = {
   },
   emits: ["confirm", "cancel", "visible-change"],
   setup(props, { emit }) {
-    const open = ref3(false);
-    const root = ref3(null);
-    const panelEl = ref3(null);
-    const panelStyle = ref3({});
+    const open = ref4(false);
+    const root = ref4(null);
+    const panelEl = ref4(null);
+    const panelStyle = ref4({});
     const PANEL_WIDTH = 244;
     let detachPanel = null;
     function syncTriggerA11y() {
@@ -5394,7 +5505,7 @@ var popconfirm_default = {
       target.setAttribute("aria-expanded", String(open.value));
     }
     onMounted3(() => nextTick3(syncTriggerA11y));
-    watch3(open, () => nextTick3(syncTriggerA11y));
+    watch4(open, () => nextTick3(syncTriggerA11y));
     function updatePosition() {
       if (!open.value || !root.value) return;
       const rect = root.value.getBoundingClientRect();
@@ -5453,7 +5564,7 @@ var popconfirm_default = {
       emit("cancel");
       close2();
     }
-    onBeforeUnmount4(close2);
+    onBeforeUnmount5(close2);
     return { open, root, panelEl, panelStyle, toggle, close: close2, confirm, cancel };
   },
   template: `
@@ -5497,7 +5608,7 @@ var popconfirm_default = {
 };
 
 // src/components/anchor/index.js
-import { onBeforeUnmount as onBeforeUnmount5, onMounted as onMounted4, ref as ref4, watch as watch4 } from "vue";
+import { onBeforeUnmount as onBeforeUnmount6, onMounted as onMounted4, ref as ref5, watch as watch5 } from "vue";
 var anchor_default = {
   name: "DjmAnchor",
   props: {
@@ -5510,8 +5621,8 @@ var anchor_default = {
   },
   emits: ["change"],
   setup(props, { emit }) {
-    const root = ref4(null);
-    const activeKey = ref4("");
+    const root = ref5(null);
+    const activeKey = ref5("");
     let scrollEl = null;
     let target = null;
     function resolveContainer() {
@@ -5566,8 +5677,8 @@ var anchor_default = {
       emit("change", item.href);
     }
     onMounted4(bind);
-    watch4(() => props.container, bind);
-    onBeforeUnmount5(unbind);
+    watch5(() => props.container, bind);
+    onBeforeUnmount6(unbind);
     return { root, activeKey, go };
   },
   template: `
@@ -5589,7 +5700,7 @@ var anchor_default = {
 };
 
 // src/components/backtop/index.js
-import { onBeforeUnmount as onBeforeUnmount6, onMounted as onMounted5, ref as ref5 } from "vue";
+import { onBeforeUnmount as onBeforeUnmount7, onMounted as onMounted5, ref as ref6 } from "vue";
 var backtop_default = {
   name: "DjmBacktop",
   components: { DjmIcon: icon_default },
@@ -5602,8 +5713,8 @@ var backtop_default = {
   },
   emits: ["click"],
   setup(props, { emit }) {
-    const visible = ref5(false);
-    const root = ref5(null);
+    const visible = ref6(false);
+    const root = ref6(null);
     let target = null;
     let scrollEl = null;
     function resolveContainer() {
@@ -5637,7 +5748,7 @@ var backtop_default = {
       emit("click");
     }
     onMounted5(bind);
-    onBeforeUnmount6(unbind);
+    onBeforeUnmount7(unbind);
     return { visible, root, toTop };
   },
   template: `
@@ -5714,7 +5825,7 @@ var space_default = {
 };
 
 // src/components/affix/index.js
-import { onBeforeUnmount as onBeforeUnmount7, onMounted as onMounted6, ref as ref6 } from "vue";
+import { onBeforeUnmount as onBeforeUnmount8, onMounted as onMounted6, ref as ref7 } from "vue";
 var affix_default = {
   name: "DjmAffix",
   props: {
@@ -5725,10 +5836,10 @@ var affix_default = {
     zIndex: { type: Number, default: 900 }
   },
   setup(props) {
-    const root = ref6(null);
-    const fixed = ref6(false);
-    const affixStyle = ref6({});
-    const holderStyle = ref6({});
+    const root = ref7(null);
+    const fixed = ref7(false);
+    const affixStyle = ref7({});
+    const holderStyle = ref7({});
     let target = null;
     let scrollEl = null;
     function resolveContainer() {
@@ -5784,7 +5895,7 @@ var affix_default = {
       target = null;
     }
     onMounted6(bind);
-    onBeforeUnmount7(unbind);
+    onBeforeUnmount8(unbind);
     return { root, fixed, affixStyle, holderStyle };
   },
   template: `
@@ -5835,7 +5946,7 @@ var segmented_default = {
 };
 
 // src/components/image/index.js
-import { nextTick as nextTick4, onBeforeUnmount as onBeforeUnmount8, ref as ref7, watch as watch5 } from "vue";
+import { nextTick as nextTick4, onBeforeUnmount as onBeforeUnmount9, ref as ref8, watch as watch6 } from "vue";
 
 // src/utils/scroll-lock.js
 var count = 0;
@@ -5882,11 +5993,11 @@ var image_default = {
     preview: { type: Boolean, default: true }
   },
   setup(props) {
-    const failed = ref7(false);
-    const open = ref7(false);
-    const zoomRef = ref7(null);
-    const closeRef = ref7(null);
-    watch5(() => props.src, () => {
+    const failed = ref8(false);
+    const open = ref8(false);
+    const zoomRef = ref8(null);
+    const closeRef = ref8(null);
+    watch6(() => props.src, () => {
       failed.value = false;
     });
     function toSize(value) {
@@ -5910,7 +6021,7 @@ var image_default = {
       document.removeEventListener("keydown", onKeydown);
       if (zoomRef.value) zoomRef.value.focus();
     }
-    onBeforeUnmount8(closePreview);
+    onBeforeUnmount9(closePreview);
     return { failed, open, zoomRef, closeRef, toSize, openPreview, closePreview, t };
   },
   template: `
@@ -5965,13 +6076,15 @@ var image_default = {
 };
 
 // src/components/watermark/index.js
-import { computed as computed4, onBeforeUnmount as onBeforeUnmount9, onMounted as onMounted7, ref as ref9, watch as watch6 } from "vue";
+import { computed as computed4, onBeforeUnmount as onBeforeUnmount10, onMounted as onMounted7, ref as ref10, watch as watch7 } from "vue";
 
 // src/theme/index.js
-import { ref as ref8 } from "vue";
+import { ref as ref9 } from "vue";
 var KEY = "djm-theme";
 var COLOR_KEY = "djm-primary";
-var theme = ref8("light");
+var GLASS_KEY = "djm-glass";
+var theme = ref9("light");
+var glass = ref9(false);
 var PRESET_COLORS = [
   { name: "\u9ED8\u8BA4\u84DD", value: "#1a6fc4" },
   { name: "\u79D1\u6280\u84DD", value: "#2563eb" },
@@ -5982,7 +6095,7 @@ var PRESET_COLORS = [
   { name: "\u6731\u7802\u7EA2", value: "#c0392b" },
   { name: "\u77F3\u58A8\u7070", value: "#4b5b6b" }
 ];
-var primaryColor = ref8("");
+var primaryColor = ref9("");
 var BRAND_VARS = [
   "--djm-brand-50",
   "--djm-brand-100",
@@ -6104,6 +6217,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 {
@@ -6123,9 +6245,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
@@ -6141,7 +6270,7 @@ var watermark_default = {
     zIndex: { type: Number, default: 10 }
   },
   setup(props) {
-    const dataUrl = ref9("");
+    const dataUrl = ref10("");
     let canvasEl = null;
     function build() {
       const lines = (Array.isArray(props.content) ? props.content : [props.content]).filter(Boolean);
@@ -6183,8 +6312,8 @@ var watermark_default = {
       zIndex: props.zIndex
     }));
     onMounted7(build);
-    watch6(() => [props.content, props.gap, props.fontSize, props.color, props.rotate, theme.value], build, { deep: true });
-    onBeforeUnmount9(() => {
+    watch7(() => [props.content, props.gap, props.fontSize, props.color, props.rotate, theme.value], build, { deep: true });
+    onBeforeUnmount10(() => {
       canvasEl = null;
     });
     return { layerStyle };
@@ -6374,7 +6503,7 @@ var autocomplete_default = {
 };
 
 // src/components/splitter/index.js
-import { computed as computed5, onBeforeUnmount as onBeforeUnmount10, ref as ref10 } from "vue";
+import { computed as computed5, onBeforeUnmount as onBeforeUnmount11, ref as ref11 } from "vue";
 var splitter_default = {
   name: "DjmSplitter",
   props: {
@@ -6387,8 +6516,8 @@ var splitter_default = {
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
-    const root = ref10(null);
-    const dragging = ref10(false);
+    const root = ref11(null);
+    const dragging = ref11(false);
     const ratio = computed5(() => {
       const value = Number(props.modelValue);
       const safe = Number.isFinite(value) ? value : 50;
@@ -6433,7 +6562,7 @@ var splitter_default = {
         commit(ratio.value + step);
       }
     }
-    onBeforeUnmount10(stopDrag);
+    onBeforeUnmount11(stopDrag);
     return { root, dragging, ratio, startDrag, onKeydown };
   },
   template: `
@@ -6470,7 +6599,7 @@ var splitter_default = {
 };
 
 // src/components/carousel/index.js
-import { onBeforeUnmount as onBeforeUnmount11, onMounted as onMounted8, ref as ref11, watch as watch7 } from "vue";
+import { onBeforeUnmount as onBeforeUnmount12, onMounted as onMounted8, ref as ref12, watch as watch8 } from "vue";
 var carousel_default = {
   name: "DjmCarousel",
   components: { DjmIcon: icon_default },
@@ -6484,7 +6613,7 @@ var carousel_default = {
   },
   emits: ["change"],
   setup(props, { emit }) {
-    const index = ref11(0);
+    const index = ref12(0);
     let timer = null;
     const boxStyle = () => ({
       height: typeof props.height === "number" ? props.height + "px" : props.height
@@ -6522,14 +6651,14 @@ var carousel_default = {
       }
     }
     onMounted8(start);
-    watch7(() => [props.autoplay, props.interval, props.items.length], start);
+    watch8(() => [props.autoplay, props.interval, props.items.length], start);
     function pause() {
       if (props.autoplay) stop();
     }
     function resume() {
       if (props.autoplay) start();
     }
-    onBeforeUnmount11(stop);
+    onBeforeUnmount12(stop);
     return { index, boxStyle, go, next, prev, onKeydown, pause, resume };
   },
   template: `
@@ -6589,7 +6718,7 @@ var carousel_default = {
 };
 
 // src/components/tour/index.js
-import { computed as computed6, nextTick as nextTick5, onBeforeUnmount as onBeforeUnmount12, onMounted as onMounted9, ref as ref12, watch as watch8 } from "vue";
+import { computed as computed6, nextTick as nextTick5, onBeforeUnmount as onBeforeUnmount13, onMounted as onMounted9, ref as ref13, watch as watch9 } from "vue";
 var tour_default = {
   name: "DjmTour",
   components: { DjmIcon: icon_default },
@@ -6601,10 +6730,10 @@ var tour_default = {
   },
   emits: ["update:modelValue", "change", "finish"],
   setup(props, { emit }) {
-    const current = ref12(0);
-    const highlight = ref12({ top: "0px", left: "0px", width: "0px", height: "0px" });
-    const cardStyle = ref12({ position: "fixed", left: "0px", top: "0px", visibility: "hidden" });
-    const card = ref12(null);
+    const current = ref13(0);
+    const highlight = ref13({ top: "0px", left: "0px", width: "0px", height: "0px" });
+    const cardStyle = ref13({ position: "fixed", left: "0px", top: "0px", visibility: "hidden" });
+    const card = ref13(null);
     const step = computed6(() => props.steps[current.value] || null);
     function update() {
       const scene = step.value;
@@ -6665,14 +6794,14 @@ var tour_default = {
       emit("change", current.value);
       nextTick5(update);
     }
-    watch8(() => props.modelValue, (value) => {
+    watch9(() => props.modelValue, (value) => {
       if (value) startScene();
       else stopScene();
     });
     onMounted9(() => {
       if (props.modelValue) startScene();
     });
-    onBeforeUnmount12(stopScene);
+    onBeforeUnmount13(stopScene);
     return { current, step, highlight, cardStyle, card, close: close2, next, prev, t };
   },
   template: `
@@ -6710,7 +6839,7 @@ var tour_default = {
 };
 
 // src/components/calendar/index.js
-import { computed as computed7, ref as ref13, watch as watch9 } from "vue";
+import { computed as computed7, ref as ref14, watch as watch10 } from "vue";
 function pad2(num) {
   return String(num).padStart(2, "0");
 }
@@ -6740,8 +6869,8 @@ var calendar_default = {
     const today = /* @__PURE__ */ new Date();
     const todayKey = toKey(today.getFullYear(), today.getMonth(), today.getDate());
     const initial = parse(props.modelValue);
-    const viewYear = ref13(initial ? initial.year : today.getFullYear());
-    const viewMonth = ref13(initial ? initial.month : today.getMonth());
+    const viewYear = ref14(initial ? initial.year : today.getFullYear());
+    const viewMonth = ref14(initial ? initial.month : today.getMonth());
     const weekNames = computed7(() => {
       const base = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
       return base.slice(props.firstDay).concat(base.slice(0, props.firstDay));
@@ -6807,7 +6936,7 @@ var calendar_default = {
       event.preventDefault();
       list[next].focus();
     }
-    watch9(() => props.modelValue, (value) => {
+    watch10(() => props.modelValue, (value) => {
       const parts = parse(value);
       if (parts && (parts.year !== viewYear.value || parts.month !== viewMonth.value)) {
         viewYear.value = parts.year;
@@ -6861,7 +6990,7 @@ var calendar_default = {
 };
 
 // src/components/float-button/index.js
-import { onBeforeUnmount as onBeforeUnmount13, ref as ref14 } from "vue";
+import { onBeforeUnmount as onBeforeUnmount14, ref as ref15 } from "vue";
 var float_button_default = {
   name: "DjmFloatButton",
   components: { DjmIcon: icon_default },
@@ -6877,7 +7006,7 @@ var float_button_default = {
   },
   emits: ["click", "select"],
   setup(props, { emit }) {
-    const open = ref14(false);
+    const open = ref15(false);
     function onKeydown(event) {
       if (event.key === "Escape") close2();
     }
@@ -6912,7 +7041,7 @@ var float_button_default = {
       emit("select", item);
       if (typeof item.onClick === "function") item.onClick(item);
     }
-    onBeforeUnmount13(close2);
+    onBeforeUnmount14(close2);
     return { open, onMainClick, choose };
   },
   template: `
@@ -6947,7 +7076,7 @@ var float_button_default = {
 };
 
 // src/components/mentions/index.js
-import { computed as computed8, nextTick as nextTick6, onBeforeUnmount as onBeforeUnmount14, ref as ref15, watch as watch10 } from "vue";
+import { computed as computed8, nextTick as nextTick6, onBeforeUnmount as onBeforeUnmount15, ref as ref16, watch as watch11 } from "vue";
 var uidSeed3 = 0;
 var mentions_default = {
   name: "DjmMentions",
@@ -6962,17 +7091,17 @@ var mentions_default = {
   },
   emits: ["update:modelValue", "input", "select"],
   setup(props, { emit }) {
-    const root = ref15(null);
-    const input = ref15(null);
-    const text = ref15(props.modelValue);
-    const open = ref15(false);
-    const keyword = ref15("");
-    const activeIndex = ref15(-1);
+    const root = ref16(null);
+    const input = ref16(null);
+    const text = ref16(props.modelValue);
+    const open = ref16(false);
+    const keyword = ref16("");
+    const activeIndex = ref16(-1);
     const listId = "djm-mentions-" + ++uidSeed3;
-    const panelStyle = ref15({ ...PANEL_HIDDEN_STYLE });
+    const panelStyle = ref16({ ...PANEL_HIDDEN_STYLE });
     let triggerIndex = -1;
     let detachPanel = null;
-    watch10(() => props.modelValue, (value) => {
+    watch11(() => props.modelValue, (value) => {
       text.value = value;
     });
     const normalized = computed8(() => props.options.map((item) => typeof item === "string" ? { value: item, label: item } : item));
@@ -7065,7 +7194,7 @@ var mentions_default = {
         input.value.setSelectionRange(pos, pos);
       });
     }
-    onBeforeUnmount14(closePanel);
+    onBeforeUnmount15(closePanel);
     return {
       root,
       input,
@@ -7339,7 +7468,7 @@ var input_tag_default = {
 };
 
 // src/components/password/index.js
-import { computed as computed9, ref as ref16 } from "vue";
+import { computed as computed9, ref as ref17 } from "vue";
 var password_default = {
   name: "DjmPassword",
   components: { DjmIcon: icon_default },
@@ -7353,7 +7482,7 @@ var password_default = {
   },
   emits: ["update:modelValue", "input", "change", "enter", "focus", "blur"],
   setup(props, { emit }) {
-    const visible = ref16(false);
+    const visible = ref17(false);
     const score = computed9(() => {
       const value = props.modelValue || "";
       if (!value) return 0;
@@ -7419,7 +7548,7 @@ var password_default = {
 };
 
 // src/components/command-palette/index.js
-import { computed as computed10, nextTick as nextTick7, onBeforeUnmount as onBeforeUnmount15, onMounted as onMounted10, ref as ref17, watch as watch11 } from "vue";
+import { computed as computed10, nextTick as nextTick7, onBeforeUnmount as onBeforeUnmount16, onMounted as onMounted10, ref as ref18, watch as watch12 } from "vue";
 
 // src/utils/focus-trap.js
 var FOCUSABLE = [
@@ -7472,11 +7601,11 @@ var command_palette_default = {
   },
   emits: ["update:modelValue", "run"],
   setup(props, { emit }) {
-    const open = ref17(false);
-    const keyword = ref17("");
-    const activeIndex = ref17(-1);
-    const searchInput = ref17(null);
-    const panelEl = ref17(null);
+    const open = ref18(false);
+    const keyword = ref18("");
+    const activeIndex = ref18(-1);
+    const searchInput = ref18(null);
+    const panelEl = ref18(null);
     const listId = "djm-command-list-" + ++uidSeed4;
     let releaseTrap = null;
     const filtered = computed10(() => {
@@ -7559,12 +7688,12 @@ var command_palette_default = {
       if (typeof item.run === "function") item.run(item);
       hide();
     }
-    watch11(() => props.modelValue, (value) => {
+    watch12(() => props.modelValue, (value) => {
       if (value) show();
       else hide();
     });
     onMounted10(() => window.addEventListener("keydown", onGlobalKeydown));
-    onBeforeUnmount15(() => {
+    onBeforeUnmount16(() => {
       window.removeEventListener("keydown", onGlobalKeydown);
       hide();
     });
@@ -7616,7 +7745,7 @@ var command_palette_default = {
 };
 
 // src/components/qrcode/index.js
-import { onMounted as onMounted11, ref as ref18, watch as watch12 } from "vue";
+import { onMounted as onMounted11, ref as ref19, watch as watch13 } from "vue";
 var qrcode_default = {
   name: "DjmQRCode",
   props: {
@@ -7631,8 +7760,8 @@ var qrcode_default = {
     alt: { type: String, default: "\u4E8C\u7EF4\u7801" }
   },
   setup(props) {
-    const src = ref18("");
-    const error = ref18("");
+    const src = ref19("");
+    const error = ref19("");
     let lib = null;
     let seq2 = 0;
     async function ensureLib() {
@@ -7669,7 +7798,7 @@ var qrcode_default = {
       }
     }
     onMounted11(render);
-    watch12(() => [props.value, props.size, props.level, props.margin, props.dark, props.light], render);
+    watch13(() => [props.value, props.size, props.level, props.margin, props.dark, props.light], render);
     return { src, error };
   },
   template: `
@@ -7708,7 +7837,7 @@ var status_default = {
 };
 
 // src/components/tooltip/index.js
-import { ref as ref19, nextTick as nextTick8, onBeforeUnmount as onBeforeUnmount16 } from "vue";
+import { ref as ref20, nextTick as nextTick8, onBeforeUnmount as onBeforeUnmount17 } from "vue";
 var uid2 = 0;
 var tooltip_default = {
   name: "DjmTooltip",
@@ -7719,11 +7848,11 @@ var tooltip_default = {
     delay: { type: Number, default: 80 }
   },
   setup(props) {
-    const visible = ref19(false);
-    const rootRef = ref19(null);
-    const contentRef = ref19(null);
-    const actualPlacement = ref19(props.placement);
-    const panelStyle = ref19({});
+    const visible = ref20(false);
+    const rootRef = ref20(null);
+    const contentRef = ref20(null);
+    const actualPlacement = ref20(props.placement);
+    const panelStyle = ref20({});
     const tipId = "djm-tooltip-" + ++uid2;
     let timer = null;
     function triggerEl() {
@@ -7794,7 +7923,7 @@ var tooltip_default = {
       bindTrigger(false);
       bindReposition(false);
     }
-    onBeforeUnmount16(() => {
+    onBeforeUnmount17(() => {
       window.clearTimeout(timer);
       bindReposition(false);
     });
@@ -7819,7 +7948,7 @@ var tooltip_default = {
 };
 
 // src/components/dropdown/index.js
-import { nextTick as nextTick9, onBeforeUnmount as onBeforeUnmount17, onMounted as onMounted12, ref as ref20, watch as watch13 } from "vue";
+import { nextTick as nextTick9, onBeforeUnmount as onBeforeUnmount18, onMounted as onMounted12, ref as ref21, watch as watch14 } from "vue";
 var dropdown_default = {
   name: "DjmDropdown",
   components: { DjmIcon: icon_default },
@@ -7836,10 +7965,10 @@ var dropdown_default = {
   },
   emits: ["select", "visible-change"],
   setup(props, { emit }) {
-    const open = ref20(false);
-    const root = ref20(null);
-    const menuEl = ref20(null);
-    const panelStyle = ref20({});
+    const open = ref21(false);
+    const root = ref21(null);
+    const menuEl = ref21(null);
+    const panelStyle = ref21({});
     let detachPanel = null;
     function syncTriggerA11y() {
       const wrapper = root.value && root.value.querySelector(".djm-dropdown-trigger");
@@ -7853,7 +7982,7 @@ var dropdown_default = {
       else target.removeAttribute("aria-disabled");
     }
     onMounted12(() => nextTick9(syncTriggerA11y));
-    watch13(open, () => nextTick9(syncTriggerA11y));
+    watch14(open, () => nextTick9(syncTriggerA11y));
     function updatePosition() {
       if (!open.value || !root.value) return;
       const rect = root.value.getBoundingClientRect();
@@ -7956,7 +8085,7 @@ var dropdown_default = {
       emit("select", item);
       if (props.closeOnSelect) close2();
     }
-    onBeforeUnmount17(() => {
+    onBeforeUnmount18(() => {
       window.clearTimeout(hoverTimer);
       close2();
     });
@@ -8021,7 +8150,7 @@ var dropdown_default = {
 };
 
 // src/components/drawer/index.js
-import { ref as ref21, nextTick as nextTick10, watch as watch14, onMounted as onMounted13, onBeforeUnmount as onBeforeUnmount18 } from "vue";
+import { ref as ref22, nextTick as nextTick10, watch as watch15, onMounted as onMounted13, onBeforeUnmount as onBeforeUnmount19 } from "vue";
 var uid3 = 0;
 var drawer_default = {
   name: "DjmDrawer",
@@ -8034,11 +8163,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 = ref21(null);
+    const panelRef = ref22(null);
     const titleId = `djm-drawer-title-${++uid3}`;
     let locked = false;
     let releaseTrap = null;
@@ -8071,14 +8202,14 @@ var drawer_default = {
       }
       emit("close");
     }
-    watch14(() => props.modelValue, (open) => {
+    watch15(() => props.modelValue, (open) => {
       if (open) activate();
       else deactivate();
     });
     onMounted13(() => {
       if (props.modelValue) activate();
     });
-    onBeforeUnmount18(() => {
+    onBeforeUnmount19(() => {
       document.removeEventListener("keydown", onKeydown);
       release();
       if (locked) unlockScroll();
@@ -8097,7 +8228,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"
@@ -8132,7 +8263,7 @@ var drawer_default = {
 };
 
 // src/components/modal/index.js
-import { ref as ref22, nextTick as nextTick11, watch as watch15, computed as computed11, onMounted as onMounted14, onBeforeUnmount as onBeforeUnmount19 } from "vue";
+import { ref as ref23, nextTick as nextTick11, watch as watch16, computed as computed11, onMounted as onMounted14, onBeforeUnmount as onBeforeUnmount20 } from "vue";
 var uid4 = 0;
 var modal_default = {
   name: "DjmModal",
@@ -8147,11 +8278,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 = ref22(null);
+    const dialogRef = ref23(null);
     const titleId = `djm-modal-title-${++uid4}`;
     let locked = false;
     let releaseTrap = null;
@@ -8184,14 +8317,14 @@ var modal_default = {
       }
       emit("close");
     }
-    watch15(() => props.modelValue, (open) => {
+    watch16(() => props.modelValue, (open) => {
       if (open) activate();
       else deactivate();
     });
     onMounted14(() => {
       if (props.modelValue) activate();
     });
-    onBeforeUnmount19(() => {
+    onBeforeUnmount20(() => {
       document.removeEventListener("keydown", onKey);
       release();
       if (locked) unlockScroll();
@@ -8213,7 +8346,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"
@@ -8311,7 +8444,7 @@ var confirm_dialog_default = {
 };
 
 // src/components/pagination/index.js
-import { computed as computed12, ref as ref23 } from "vue";
+import { computed as computed12, ref as ref24 } from "vue";
 var pagination_default = {
   name: "DjmPagination",
   components: { Icon: icon_default },
@@ -8323,7 +8456,7 @@ var pagination_default = {
   },
   emits: ["update:page", "update:pageSize", "change"],
   setup(props, { emit }) {
-    const jumpText = ref23("");
+    const jumpText = ref24("");
     const pageCount = computed12(() => Math.max(1, Math.ceil(props.total / Math.max(1, props.pageSize))));
     const current = computed12(() => Math.min(Math.max(1, props.page), pageCount.value));
     const pages = computed12(() => {
@@ -8543,7 +8676,7 @@ var tabs_default = {
 };
 
 // src/components/context-menu/index.js
-import { ref as ref24, watch as watch16, nextTick as nextTick12, onBeforeUnmount as onBeforeUnmount20 } from "vue";
+import { ref as ref25, watch as watch17, nextTick as nextTick12, onBeforeUnmount as onBeforeUnmount21 } from "vue";
 var context_menu_default = {
   name: "DjmContextMenu",
   components: { Icon: icon_default },
@@ -8555,8 +8688,8 @@ var context_menu_default = {
   },
   emits: ["update:modelValue", "select"],
   setup(props, { emit }) {
-    const menuRef = ref24(null);
-    const pos = ref24({ left: 0, top: 0 });
+    const menuRef = ref25(null);
+    const pos = ref25({ left: 0, top: 0 });
     const margin = 8;
     function close2() {
       emit("update:modelValue", false);
@@ -8618,7 +8751,7 @@ var context_menu_default = {
         detach = null;
       }
     }
-    watch16(
+    watch17(
       () => props.modelValue,
       (open) => {
         if (open) {
@@ -8629,10 +8762,10 @@ var context_menu_default = {
         }
       }
     );
-    watch16([() => props.x, () => props.y], () => {
+    watch17([() => props.x, () => props.y], () => {
       if (props.modelValue) openAtCursor();
     });
-    onBeforeUnmount20(unbind);
+    onBeforeUnmount21(unbind);
     return { menuRef, pos, close: close2, onSelect, onKeydown, t };
   },
   template: `
@@ -8671,7 +8804,7 @@ var context_menu_default = {
 };
 
 // src/components/date-picker/index.js
-import { ref as ref25, computed as computed14, onBeforeUnmount as onBeforeUnmount21, watch as watch17 } from "vue";
+import { ref as ref26, computed as computed14, onBeforeUnmount as onBeforeUnmount22, watch as watch18 } from "vue";
 var uidSeed5 = 0;
 function pad3(value) {
   return String(value).padStart(2, "0");
@@ -8706,12 +8839,12 @@ var date_picker_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = ref25(false);
-    watch17(open, (value) => emit("visible-change", value));
-    const root = ref25(null);
-    const panel = ref25(null);
+    const open = ref26(false);
+    watch18(open, (value) => emit("visible-change", value));
+    const root = ref26(null);
+    const panel = ref26(null);
     const panelId = "djm-date-panel-" + ++uidSeed5;
-    const panelStyle = ref25({ ...PANEL_HIDDEN_STYLE });
+    const panelStyle = ref26({ ...PANEL_HIDDEN_STYLE });
     let detachPanel = null;
     const today = /* @__PURE__ */ new Date();
     const todayKey = toKey2(today.getFullYear(), today.getMonth(), today.getDate());
@@ -8726,16 +8859,16 @@ var date_picker_default = {
       return end ? `${start} ~ ${end}` : `${start} ~ ${t("datePicker.rangeEnd")}`;
     });
     const initial = parse2(values.value[0]);
-    const viewYear = ref25(initial ? initial.year : today.getFullYear());
-    const viewMonth = ref25(initial ? initial.month : today.getMonth());
-    const pendingStart = ref25(values.value[0] || "");
-    const pendingEnd = ref25(values.value[1] || "");
+    const viewYear = ref26(initial ? initial.year : today.getFullYear());
+    const viewMonth = ref26(initial ? initial.month : today.getMonth());
+    const pendingStart = ref26(values.value[0] || "");
+    const pendingEnd = ref26(values.value[1] || "");
     const placeholderText = computed14(() => {
       if (props.placeholder) return props.placeholder;
       return t(props.range ? "datePicker.rangePlaceholder" : "datePicker.placeholder");
     });
     const weeks = computed14(() => t("datePicker.weeks").split(","));
-    const narrow = ref25(false);
+    const narrow = ref26(false);
     let media = null;
     const onMediaChange = (event) => {
       narrow.value = event.matches;
@@ -8746,13 +8879,13 @@ var date_picker_default = {
       if (media.addEventListener) media.addEventListener("change", onMediaChange);
       else media.addListener(onMediaChange);
     }
-    onBeforeUnmount21(() => {
+    onBeforeUnmount22(() => {
       if (!media) return;
       if (media.removeEventListener) media.removeEventListener("change", onMediaChange);
       else media.removeListener(onMediaChange);
     });
     const panelCount = computed14(() => props.range ? Math.min(narrow.value ? 1 : 2, Math.max(1, props.panels)) : 1);
-    const hoverKey = ref25("");
+    const hoverKey = ref26("");
     const hoverRange = computed14(() => {
       if (!props.range || !pendingStart.value || pendingEnd.value || !hoverKey.value) return null;
       const a = pendingStart.value;
@@ -8932,7 +9065,7 @@ var date_picker_default = {
       pendingEnd.value = "";
       closePanel();
     }
-    onBeforeUnmount21(() => {
+    onBeforeUnmount22(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -9061,7 +9194,7 @@ var date_picker_default = {
 };
 
 // src/components/tree-select/index.js
-import { ref as ref26, computed as computed15, nextTick as nextTick13, onBeforeUnmount as onBeforeUnmount22, watch as watch18 } from "vue";
+import { ref as ref27, computed as computed15, nextTick as nextTick13, onBeforeUnmount as onBeforeUnmount23, watch as watch19 } from "vue";
 function collectLeaves(node, keyOf2, out = []) {
   if (node.children && node.children.length) {
     node.children.forEach((child) => collectLeaves(child, keyOf2, out));
@@ -9097,13 +9230,13 @@ var tree_select_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = ref26(false);
-    const root = ref26(null);
-    const panel = ref26(null);
-    const searchInput = ref26(null);
-    const search = ref26("");
-    const temp = ref26([]);
-    const panelStyle = ref26({ ...PANEL_HIDDEN_STYLE });
+    const open = ref27(false);
+    const root = ref27(null);
+    const panel = ref27(null);
+    const searchInput = ref27(null);
+    const search = ref27("");
+    const temp = ref27([]);
+    const panelStyle = ref27({ ...PANEL_HIDDEN_STYLE });
     let detachPanel = null;
     function keyOf2(node) {
       return node ? node[props.nodeKey] : void 0;
@@ -9112,7 +9245,7 @@ var tree_select_default = {
       const value = node ? node[props.labelKey] : "";
       return value === null || value === void 0 ? "" : String(value);
     }
-    const expandedIds = ref26(
+    const expandedIds = ref27(
       new Set(
         collectNodes(props.options).filter((node) => node.children && node.children.length).map((node) => keyOf2(node))
       )
@@ -9122,7 +9255,7 @@ var tree_select_default = {
       collectNodes(props.options).forEach((node) => map.set(keyOf2(node), node));
       return map;
     });
-    watch18(() => props.options, (options) => {
+    watch19(() => 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))
@@ -9281,7 +9414,7 @@ var tree_select_default = {
       emit("change", []);
       temp.value = [];
     }
-    onBeforeUnmount22(() => {
+    onBeforeUnmount23(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -9420,10 +9553,10 @@ var tree_select_default = {
 };
 
 // src/components/rich-editor/index.js
-import { ref as ref28, computed as computed17, watch as watch20, onMounted as onMounted15, onBeforeUnmount as onBeforeUnmount23 } from "vue";
+import { ref as ref29, computed as computed17, watch as watch21, onMounted as onMounted15, onBeforeUnmount as onBeforeUnmount24 } from "vue";
 
 // src/components/media-picker/index.js
-import { computed as computed16, ref as ref27, watch as watch19 } from "vue";
+import { computed as computed16, ref as ref28, watch as watch20 } from "vue";
 var media_picker_default = {
   name: "DjmMediaPicker",
   components: { DjmModal: modal_default, DjmPagination: pagination_default, DjmIcon: icon_default },
@@ -9442,10 +9575,10 @@ var media_picker_default = {
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
-    const open = ref27(false);
-    const keyword = ref27("");
-    const page = ref27(1);
-    const temp = ref27([]);
+    const open = ref28(false);
+    const keyword = ref28("");
+    const page = ref28(1);
+    const temp = ref28([]);
     const selectedIds = computed16(() => {
       if (props.multiple) return Array.isArray(props.modelValue) ? props.modelValue : [];
       if (props.modelValue === "" || props.modelValue === null || props.modelValue === void 0) return [];
@@ -9468,10 +9601,10 @@ var media_picker_default = {
       const start = (page.value - 1) * props.pageSize;
       return filtered.value.slice(start, start + props.pageSize);
     });
-    watch19(keyword, () => {
+    watch20(keyword, () => {
       page.value = 1;
     });
-    watch19(
+    watch20(
       () => filtered.value.length,
       () => {
         const max = Math.max(1, Math.ceil(filtered.value.length / props.pageSize));
@@ -9805,18 +9938,18 @@ var rich_editor_default = {
   },
   emits: ["update:modelValue", "upload-error"],
   setup(props, { emit }) {
-    const editor = ref28(null);
-    const fileInput = ref28(null);
-    const sourceMode = ref28(false);
-    const source = ref28(props.modelValue);
-    const fullscreen = ref28(false);
-    const panel = ref28("");
-    const uploadCount = ref28(0);
-    const textColor = ref28(COLORS[0]);
-    const bgColor = ref28("#fdf3c4");
-    const fontSize = ref28("");
-    const count2 = ref28(0);
-    const formats = ref28({
+    const editor = ref29(null);
+    const fileInput = ref29(null);
+    const sourceMode = ref29(false);
+    const source = ref29(props.modelValue);
+    const fullscreen = ref29(false);
+    const panel = ref29("");
+    const uploadCount = ref29(0);
+    const textColor = ref29(COLORS[0]);
+    const bgColor = ref29("#fdf3c4");
+    const fontSize = ref29("");
+    const count2 = ref29(0);
+    const formats = ref29({
       bold: false,
       italic: false,
       underline: false,
@@ -10210,7 +10343,7 @@ var rich_editor_default = {
         panel.value = "";
       }
     }
-    watch20(
+    watch21(
       () => props.modelValue,
       (value) => {
         if (sourceMode.value) {
@@ -10229,7 +10362,7 @@ var rich_editor_default = {
       document.addEventListener("click", onDocumentClick);
       document.addEventListener("keydown", onKeydown);
     });
-    onBeforeUnmount23(() => {
+    onBeforeUnmount24(() => {
       document.removeEventListener("selectionchange", syncFormats);
       document.removeEventListener("click", onDocumentClick);
       document.removeEventListener("keydown", onKeydown);
@@ -10532,7 +10665,7 @@ var rich_editor_default = {
 };
 
 // src/components/floating-window/index.js
-import { ref as ref29, onBeforeUnmount as onBeforeUnmount24 } from "vue";
+import { ref as ref30, onBeforeUnmount as onBeforeUnmount25 } from "vue";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), Math.max(min, max));
 }
@@ -10550,12 +10683,12 @@ var floating_window_default = {
   },
   emits: ["close", "focus"],
   setup(props, { emit }) {
-    const root = ref29(null);
-    const pos = ref29({ x: props.initialX, y: props.initialY });
-    const size = ref29({ w: props.width, h: props.height });
-    const minimized = ref29(false);
-    const maximized = ref29(false);
-    const saved = ref29(null);
+    const root = ref30(null);
+    const pos = ref30({ x: props.initialX, y: props.initialY });
+    const size = ref30({ w: props.width, h: props.height });
+    const minimized = ref30(false);
+    const maximized = ref30(false);
+    const saved = ref30(null);
     let drag = null;
     let resize = null;
     function stage() {
@@ -10643,7 +10776,7 @@ var floating_window_default = {
       }
       emit("focus");
     }
-    onBeforeUnmount24(() => {
+    onBeforeUnmount25(() => {
       window.removeEventListener("pointermove", onDrag);
       window.removeEventListener("pointerup", endDrag);
       window.removeEventListener("pointermove", onResize);
@@ -10691,7 +10824,7 @@ var floating_window_default = {
 };
 
 // src/components/upload/index.js
-import { reactive as reactive4, ref as ref30, watch as watch21, onBeforeUnmount as onBeforeUnmount25 } from "vue";
+import { reactive as reactive4, ref as ref31, watch as watch22, onBeforeUnmount as onBeforeUnmount26 } from "vue";
 var uidSeed6 = 0;
 function extension(name) {
   const index = name.lastIndexOf(".");
@@ -10741,11 +10874,11 @@ var upload_default = {
   },
   emits: ["update:modelValue", "change", "success", "error", "remove", "exceed"],
   setup(props, { emit }) {
-    const files = ref30([]);
-    const dragActive = ref30(false);
-    const inputRef = ref30(null);
+    const files = ref31([]);
+    const dragActive = ref31(false);
+    const inputRef = ref31(null);
     const tasks = /* @__PURE__ */ new Map();
-    watch21(
+    watch22(
       () => props.modelValue,
       (list) => {
         const next = list || [];
@@ -10899,7 +11032,7 @@ var upload_default = {
       files.value = [];
       emitList();
     }
-    onBeforeUnmount25(() => {
+    onBeforeUnmount26(() => {
       files.value.forEach((item) => {
         if (item.url) URL.revokeObjectURL(item.url);
       });
@@ -11047,7 +11180,7 @@ var upload_default = {
 };
 
 // src/components/tree/index.js
-import { computed as computed18, ref as ref31, watch as watch22 } from "vue";
+import { computed as computed18, ref as ref32, watch as watch23 } from "vue";
 var tree_default = {
   name: "DjmTree",
   components: { Icon: icon_default },
@@ -11079,17 +11212,17 @@ var tree_default = {
   },
   emits: ["update:checked", "update:expanded", "node-click", "check", "node-drop", "load-error"],
   setup(props, { emit }) {
-    const lazyChildren = ref31({});
-    const loadingKeys = ref31([]);
-    const innerExpanded = ref31([...props.expanded]);
-    const innerChecked = ref31([...props.checked]);
-    watch22(
+    const lazyChildren = ref32({});
+    const loadingKeys = ref32([]);
+    const innerExpanded = ref32([...props.expanded]);
+    const innerChecked = ref32([...props.checked]);
+    watch23(
       () => props.expanded,
       (value) => {
         if (Array.isArray(value)) innerExpanded.value = value;
       }
     );
-    watch22(
+    watch23(
       () => props.checked,
       (value) => {
         if (Array.isArray(value)) innerChecked.value = value;
@@ -11127,7 +11260,7 @@ var tree_default = {
       });
       return out;
     }
-    watch22(
+    watch23(
       () => props.data,
       () => {
         if (props.defaultExpandAll) innerExpanded.value = collectExpandable(props.data);
@@ -11215,8 +11348,8 @@ var tree_default = {
     function isActive(node) {
       return props.activeKey !== "" && node[props.nodeKey] === props.activeKey;
     }
-    const rootEl = ref31(null);
-    const focusIndex = ref31(-1);
+    const rootEl = ref32(null);
+    const focusIndex = ref32(-1);
     function tabIndexOf(index) {
       return (focusIndex.value === -1 ? 0 : focusIndex.value) === index ? 0 : -1;
     }
@@ -11273,9 +11406,9 @@ var tree_default = {
     function rowClassOf(node, level) {
       return typeof props.rowClass === "function" ? props.rowClass(node, level) : props.rowClass;
     }
-    const dragKey = ref31("");
-    const dropKey = ref31("");
-    const dropPosition = ref31("");
+    const dragKey = ref32("");
+    const dropKey = ref32("");
+    const dropPosition = ref32("");
     function findNodeByKey(key, nodes = props.data) {
       for (const node of nodes) {
         if (node[props.nodeKey] === key) return node;
@@ -11456,7 +11589,7 @@ var tree_default = {
 };
 
 // src/components/editable-table/index.js
-import { computed as computed19, nextTick as nextTick14, reactive as reactive5, ref as ref32, useSlots, watch as watch23 } from "vue";
+import { computed as computed19, nextTick as nextTick14, reactive as reactive5, ref as ref33, useSlots, watch as watch24 } from "vue";
 var ACTIONS_KEY = "__editable_actions";
 function isEmpty(value) {
   if (value === "" || value === null || value === void 0) return true;
@@ -11480,10 +11613,10 @@ var editable_table_default = {
   emits: ["edit", "save", "cancel"],
   setup(props, { emit }) {
     const slots = useSlots();
-    const editingKey = ref32("");
+    const editingKey = ref33("");
     const draft = reactive5({});
     const errors = reactive5({});
-    const tableRef = ref32(null);
+    const tableRef = ref33(null);
     const editableColumns = computed19(() => props.columns.filter((column) => column.editor));
     const renderColumns = computed19(() => {
       if (!props.showActions) return props.columns;
@@ -11592,7 +11725,7 @@ var editable_table_default = {
       clearErrors();
       return true;
     }
-    watch23(
+    watch24(
       () => props.rows,
       () => {
         if (editingKey.value && !findRow(editingKey.value)) {
@@ -11774,7 +11907,7 @@ var message_default = {
 };
 
 // src/components/org-picker/index.js
-import { computed as computed20, onBeforeUnmount as onBeforeUnmount26, ref as ref33, watch as watch24 } from "vue";
+import { computed as computed20, onBeforeUnmount as onBeforeUnmount27, ref as ref34, watch as watch25 } from "vue";
 var org_picker_default = {
   name: "DjmOrgPicker",
   components: { DjmIcon: icon_default },
@@ -11793,13 +11926,13 @@ var org_picker_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = ref33(false);
-    const root = ref33(null);
-    const searchRef = ref33(null);
-    const keyword = ref33("");
-    const activeDept = ref33("");
-    const temp = ref33([]);
-    const expandedIds = ref33(/* @__PURE__ */ new Set());
+    const open = ref34(false);
+    const root = ref34(null);
+    const searchRef = ref34(null);
+    const keyword = ref34("");
+    const activeDept = ref34("");
+    const temp = ref34([]);
+    const expandedIds = ref34(/* @__PURE__ */ new Set());
     let detachPanel = null;
     function collectDeptIds(nodes, out = []) {
       nodes.forEach((node) => {
@@ -11870,8 +12003,8 @@ var org_picker_default = {
     const selectedCount = computed20(() => temp.value.length);
     const placeholderText = computed20(() => props.placeholder || t("orgPicker.placeholder"));
     const emptyLabel = computed20(() => props.emptyText || t("orgPicker.empty"));
-    const panel = ref33(null);
-    const panelStyle = ref33({ ...PANEL_HIDDEN_STYLE });
+    const panel = ref34(null);
+    const panelStyle = ref34({ ...PANEL_HIDDEN_STYLE });
     const PANEL_HEIGHT = 342;
     function updatePosition() {
       if (!open.value || !root.value) return;
@@ -11888,7 +12021,7 @@ var org_picker_default = {
       expandedIds.value = new Set(collectDeptIds(props.departments));
     }
     expandAll();
-    watch24(() => props.departments, () => {
+    watch25(() => props.departments, () => {
       expandedIds.value = /* @__PURE__ */ new Set([...expandedIds.value, ...collectDeptIds(props.departments)]);
     });
     function initialOf(item) {
@@ -11977,7 +12110,7 @@ var org_picker_default = {
     function clearTemp() {
       temp.value = [];
     }
-    onBeforeUnmount26(() => {
+    onBeforeUnmount27(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -12163,7 +12296,7 @@ var org_picker_default = {
 };
 
 // src/components/schema-form/index.js
-import { computed as computed21, reactive as reactive7, ref as ref34, watch as watch25 } from "vue";
+import { computed as computed21, reactive as reactive7, ref as ref35, watch as watch26 } from "vue";
 var CONTROL_MAP = {
   input: input_default,
   number: input_number_default,
@@ -12199,22 +12332,22 @@ var schema_form_default = {
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
-    const innerForm = ref34(null);
+    const innerForm = ref35(null);
     const model = reactive7({ ...props.modelValue });
-    watch25(() => props.fields, (fields) => {
+    watch26(() => 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 });
-    watch25(() => props.modelValue, (value) => {
+    watch26(() => props.modelValue, (value) => {
       if (!value) return;
       Object.keys(value).forEach((key) => {
         if (model[key] !== value[key]) model[key] = value[key];
       });
     }, { deep: true });
-    watch25(model, () => {
+    watch26(model, () => {
       emit("update:modelValue", { ...model });
       emit("change", { ...model });
     }, { deep: true });
@@ -12425,7 +12558,7 @@ var approval_flow_default = {
 };
 
 // src/components/query-filter/index.js
-import { computed as computed22, reactive as reactive8, ref as ref35, watch as watch26 } from "vue";
+import { computed as computed22, reactive as reactive8, ref as ref36, watch as watch27 } from "vue";
 var CONTROL_MAP2 = {
   input: input_default,
   number: input_number_default,
@@ -12450,22 +12583,22 @@ var query_filter_default = {
   },
   emits: ["update:modelValue", "search", "reset"],
   setup(props, { emit }) {
-    const expanded = ref35(false);
+    const expanded = ref36(false);
     const model = reactive8({ ...props.modelValue });
-    watch26(() => props.fields, (fields) => {
+    watch27(() => 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 });
-    watch26(() => props.modelValue, (value) => {
+    watch27(() => props.modelValue, (value) => {
       if (!value) return;
       Object.keys(value).forEach((key) => {
         if (model[key] !== value[key]) model[key] = value[key];
       });
     }, { deep: true });
-    watch26(model, () => {
+    watch27(model, () => {
       emit("update:modelValue", { ...model });
     }, { deep: true });
     const collapsible = computed22(() => props.fields.length > props.visibleCount);
@@ -12599,7 +12732,7 @@ var filter_tags_default = {
 };
 
 // src/components/kanban/index.js
-import { ref as ref36, watch as watch27 } from "vue";
+import { ref as ref37, watch as watch28 } from "vue";
 function cloneColumns(list) {
   return (list || []).map((col) => ({ ...col, cards: (col.cards || []).slice() }));
 }
@@ -12616,15 +12749,15 @@ var kanban_default = {
   },
   emits: ["update:columns", "change", "card-move", "card-click", "card-add"],
   setup(props, { emit }) {
-    const inner = ref36(cloneColumns(props.columns));
-    watch27(
+    const inner = ref37(cloneColumns(props.columns));
+    watch28(
       () => props.columns,
       (list) => {
         inner.value = cloneColumns(list);
       }
     );
-    const dragCard = ref36(null);
-    const dropTarget = ref36(null);
+    const dragCard = ref37(null);
+    const dropTarget = ref37(null);
     function columnOf(key) {
       return inner.value.find((col) => col.key === key);
     }
@@ -12924,7 +13057,7 @@ var attachment_list_default = {
 };
 
 // src/components/notification/index.js
-import { computed as computed24, onBeforeUnmount as onBeforeUnmount27, ref as ref37 } from "vue";
+import { computed as computed24, onBeforeUnmount as onBeforeUnmount28, ref as ref38 } from "vue";
 var TYPE_MAP = {
   info: { icon: "info", cls: "djm-is-info" },
   success: { icon: "check", cls: "djm-is-success" },
@@ -12956,7 +13089,7 @@ var notification_default = {
     function onReadAll() {
       emit("read-all");
     }
-    const clearing = ref37(false);
+    const clearing = ref38(false);
     let clearTimer = null;
     function onClear() {
       if (!clearing.value) {
@@ -12970,7 +13103,7 @@ var notification_default = {
       clearing.value = false;
       emit("clear");
     }
-    onBeforeUnmount27(() => window.clearTimeout(clearTimer));
+    onBeforeUnmount28(() => window.clearTimeout(clearTimer));
     function onRemove(item) {
       emit("remove", item);
     }
@@ -13045,7 +13178,7 @@ var notification_default = {
 };
 
 // src/components/config-provider/index.js
-import { watch as watch28 } from "vue";
+import { watch as watch29 } from "vue";
 var SIZE_HEIGHT = { xs: "24px", sm: "28px", md: "30px", lg: "34px" };
 var config_provider_default = {
   name: "DjmConfigProvider",
@@ -13055,7 +13188,7 @@ var config_provider_default = {
   },
   setup(props) {
     if (props.locale) setLocale(props.locale);
-    watch28(
+    watch29(
       () => props.locale,
       (code) => {
         if (code) setLocale(code);
@@ -13077,7 +13210,7 @@ var config_provider_default = {
 };
 
 // src/components/date-time-picker/index.js
-import { ref as ref38, computed as computed25, watch as watch29, onBeforeUnmount as onBeforeUnmount28 } from "vue";
+import { ref as ref39, computed as computed25, watch as watch30, onBeforeUnmount as onBeforeUnmount29 } from "vue";
 var uidSeed7 = 0;
 var pad4 = (value) => String(value).padStart(2, "0");
 function toDateKey(year, month, day) {
@@ -13110,20 +13243,20 @@ var date_time_picker_default = {
   },
   emits: ["update:modelValue", "change", "visible-change"],
   setup(props, { emit }) {
-    const open = ref38(false);
-    watch29(open, (value) => emit("visible-change", value));
-    const root = ref38(null);
-    const panel = ref38(null);
+    const open = ref39(false);
+    watch30(open, (value) => emit("visible-change", value));
+    const root = ref39(null);
+    const panel = ref39(null);
     const panelId = "djm-datetime-panel-" + ++uidSeed7;
-    const panelStyle = ref38({ ...PANEL_HIDDEN_STYLE });
+    const panelStyle = ref39({ ...PANEL_HIDDEN_STYLE });
     let detachPanel = null;
     const today = /* @__PURE__ */ new Date();
     const todayKey = toDateKey(today.getFullYear(), today.getMonth(), today.getDate());
     const hasSeconds = computed25(() => props.format.indexOf("ss") > -1);
-    const draft = ref38({ date: "", h: "00", m: "00", s: "00" });
+    const draft = ref39({ date: "", h: "00", m: "00", s: "00" });
     const initial = parseDate(parseValue(props.modelValue).date);
-    const viewYear = ref38(initial ? initial.year : today.getFullYear());
-    const viewMonth = ref38(initial ? initial.month : today.getMonth());
+    const viewYear = ref39(initial ? initial.year : today.getFullYear());
+    const viewMonth = ref39(initial ? initial.month : today.getMonth());
     const displayText = computed25(() => props.modelValue || "");
     const placeholderText = computed25(() => props.placeholder || t("dateTimePicker.placeholder"));
     const weeks = computed25(() => t("datePicker.weeks").split(","));
@@ -13279,7 +13412,7 @@ var date_time_picker_default = {
       emit("change", "");
       closePanel();
     }
-    onBeforeUnmount28(() => {
+    onBeforeUnmount29(() => {
       if (detachPanel) {
         detachPanel();
         detachPanel = null;
@@ -13404,7 +13537,7 @@ var date_time_picker_default = {
 };
 
 // src/components/virtual-list/index.js
-import { ref as ref39, computed as computed26, watch as watch30, onMounted as onMounted16, onBeforeUnmount as onBeforeUnmount29 } from "vue";
+import { ref as ref40, computed as computed26, watch as watch31, onMounted as onMounted16, onBeforeUnmount as onBeforeUnmount30 } from "vue";
 var virtual_list_default = {
   name: "DjmVirtualList",
   props: {
@@ -13421,9 +13554,9 @@ var virtual_list_default = {
   },
   emits: ["scroll", "reach-bottom", "item-click"],
   setup(props, { emit, expose }) {
-    const viewport = ref39(null);
-    const scrollTop = ref39(0);
-    const viewHeight = ref39(typeof props.height === "number" ? props.height : 320);
+    const viewport = ref40(null);
+    const scrollTop = ref40(0);
+    const viewHeight = ref40(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);
@@ -13493,7 +13626,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;
     }
-    watch30(
+    watch31(
       () => props.height,
       () => {
         if (viewport.value) viewHeight.value = viewport.value.clientHeight;
@@ -13510,7 +13643,7 @@ var virtual_list_default = {
         resizeObserver.observe(viewport.value);
       }
     });
-    onBeforeUnmount29(() => {
+    onBeforeUnmount30(() => {
       if (resizeObserver) resizeObserver.disconnect();
     });
     function onItemClick(row) {
@@ -13599,7 +13732,7 @@ var batch_bar_default = {
 };
 
 // src/components/import-wizard/index.js
-import { ref as ref40, computed as computed28, watch as watch31 } from "vue";
+import { ref as ref41, computed as computed28, watch as watch32 } from "vue";
 function matchAccept2(name, accept) {
   if (!accept) return true;
   const ext = "." + String(name).split(".").pop().toLowerCase();
@@ -13626,19 +13759,19 @@ var import_wizard_default = {
   },
   emits: ["update:step", "update:mapping", "file-change", "submit", "retry"],
   setup(props, { emit }) {
-    const innerStep = ref40(props.step || 1);
-    watch31(
+    const innerStep = ref41(props.step || 1);
+    watch32(
       () => props.step,
       (value) => {
         if (value) innerStep.value = value;
       }
     );
-    const file = ref40(null);
-    const fileError = ref40("");
-    const mappingError = ref40("");
-    const fileInput = ref40(null);
-    const innerMapping = ref40({ ...props.mapping });
-    watch31(
+    const file = ref41(null);
+    const fileError = ref41("");
+    const mappingError = ref41("");
+    const fileInput = ref41(null);
+    const innerMapping = ref41({ ...props.mapping });
+    watch32(
       () => props.mapping,
       (value) => {
         innerMapping.value = { ...value };
@@ -13703,7 +13836,7 @@ var import_wizard_default = {
       }
       emit("submit", { ...innerMapping.value });
     }
-    watch31(
+    watch32(
       () => props.result,
       (value) => {
         if (value && (value.total || value.success || value.failed || value.errors && value.errors.length)) {
@@ -13870,7 +14003,7 @@ var import_wizard_default = {
 };
 
 // src/components/diff/index.js
-import { ref as ref41, computed as computed29 } from "vue";
+import { ref as ref42, computed as computed29 } from "vue";
 
 // src/utils/text-diff.js
 var MAX_CELLS = 1e6;
@@ -13944,7 +14077,7 @@ var diff_default = {
       });
       return { add, remove };
     });
-    const expandedBlocks = ref41([]);
+    const expandedBlocks = ref42([]);
     function expand(index) {
       expandedBlocks.value = expandedBlocks.value.concat(index);
     }
@@ -14071,7 +14204,7 @@ var diff_default = {
 };
 
 // src/components/tree-table/index.js
-import { ref as ref42, computed as computed30, watch as watch32 } from "vue";
+import { ref as ref43, computed as computed30, watch as watch33 } from "vue";
 function keyOf(row, rowKey) {
   return row && row[rowKey] !== void 0 ? row[rowKey] : row && row.id;
 }
@@ -14110,17 +14243,17 @@ var tree_table_default = {
       eachNode(props.data, (row) => keys.push(keyOf(row, props.rowKey)));
       return keys;
     }
-    const innerExpanded = ref42(
+    const innerExpanded = ref43(
       props.expandedKeys ? props.expandedKeys.slice() : props.defaultExpandAll ? allKeys() : []
     );
-    watch32(
+    watch33(
       () => props.expandedKeys,
       (value) => {
         if (value) innerExpanded.value = value.slice();
       }
     );
-    const innerChecked = ref42(props.checkedKeys ? props.checkedKeys.slice() : []);
-    watch32(
+    const innerChecked = ref43(props.checkedKeys ? props.checkedKeys.slice() : []);
+    watch33(
       () => props.checkedKeys,
       (value) => {
         if (value) innerChecked.value = value.slice();
@@ -14352,7 +14485,7 @@ var tree_table_default = {
 };
 
 // src/components/schedule/index.js
-import { ref as ref43, computed as computed31, watch as watch33, onBeforeUnmount as onBeforeUnmount30 } from "vue";
+import { ref as ref44, computed as computed31, watch as watch34, onBeforeUnmount as onBeforeUnmount31 } from "vue";
 var pad5 = (value) => String(value).padStart(2, "0");
 function toKey3(date) {
   return `${date.getFullYear()}-${pad5(date.getMonth() + 1)}-${pad5(date.getDate())}`;
@@ -14384,13 +14517,13 @@ var schedule_default = {
   emits: ["update:modelValue", "event-click", "slot-click", "week-change"],
   setup(props, { emit }) {
     const todayKey = toKey3(/* @__PURE__ */ new Date());
-    const nowMinutes = ref43((/* @__PURE__ */ new Date()).getHours() * 60 + (/* @__PURE__ */ new Date()).getMinutes());
+    const nowMinutes = ref44((/* @__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 = ref43(props.modelValue || todayKey);
-    watch33(
+    const anchor = ref44(props.modelValue || todayKey);
+    watch34(
       () => props.modelValue,
       (value) => {
         if (value) anchor.value = value;
@@ -14497,7 +14630,7 @@ var schedule_default = {
       const minute = minutes % 60;
       emit("slot-click", { date: day.key, time: `${pad5(hour)}:${pad5(minute)}` });
     }
-    onBeforeUnmount30(() => window.clearInterval(timer));
+    onBeforeUnmount31(() => window.clearInterval(timer));
     return {
       days,
       hours,
@@ -14597,7 +14730,7 @@ var schedule_default = {
 };
 
 // src/components/comment/index.js
-import { ref as ref44, computed as computed32 } from "vue";
+import { ref as ref45, computed as computed32 } from "vue";
 var comment_default = {
   name: "DjmComment",
   components: { DjmAvatar: avatar_default, DjmIcon: icon_default },
@@ -14614,8 +14747,8 @@ var comment_default = {
   },
   emits: ["submit", "reply", "remove"],
   setup(props, { emit }) {
-    const content = ref44("");
-    const replyTarget = ref44(null);
+    const content = ref45("");
+    const replyTarget = ref45(null);
     const placeholderText = computed32(() => {
       if (replyTarget.value) return t("comment.replyPlaceholder", { name: replyTarget.value.author });
       return props.placeholder || t("comment.placeholder");
@@ -14728,7 +14861,7 @@ var comment_default = {
 };
 
 // src/components/signature/index.js
-import { ref as ref45, onMounted as onMounted17, onBeforeUnmount as onBeforeUnmount31, watch as watch34 } from "vue";
+import { ref as ref46, onMounted as onMounted17, onBeforeUnmount as onBeforeUnmount32, watch as watch35 } from "vue";
 var signature_default = {
   name: "DjmSignature",
   props: {
@@ -14742,10 +14875,10 @@ var signature_default = {
   },
   emits: ["update:modelValue", "change", "start", "end", "clear"],
   setup(props, { emit }) {
-    const canvas = ref45(null);
-    const root = ref45(null);
-    const strokes = ref45([]);
-    const hasImage = ref45(false);
+    const canvas = ref46(null);
+    const root = ref46(null);
+    const strokes = ref46([]);
+    const hasImage = ref46(false);
     let imageCache = null;
     let drawing = false;
     let current = null;
@@ -14860,7 +14993,7 @@ var signature_default = {
       return canvas.value ? canvas.value.toDataURL("image/png") : "";
     }
     const isEmpty2 = () => strokes.value.length === 0 && !hasImage.value;
-    watch34(
+    watch35(
       () => props.modelValue,
       (value) => {
         if (value === lastEmitted) return;
@@ -14898,7 +15031,7 @@ var signature_default = {
         if (root.value) observer.observe(root.value);
       }
     });
-    onBeforeUnmount31(() => {
+    onBeforeUnmount32(() => {
       if (observer) observer.disconnect();
     });
     return {
@@ -14938,7 +15071,7 @@ var signature_default = {
 };
 
 // src/components/print/index.js
-import { ref as ref46, computed as computed33 } from "vue";
+import { ref as ref47, computed as computed33 } from "vue";
 function escapeHtml(text) {
   return String(text).replace(/[&<>"]/g, (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[ch]);
 }
@@ -14954,7 +15087,7 @@ var print_default = {
   },
   emits: ["before-print", "after-print"],
   setup(props, { emit }) {
-    const content = ref46(null);
+    const content = ref47(null);
     const label = computed33(() => props.buttonText || t("print.button"));
     function collectStyles() {
       return Array.from(document.querySelectorAll('link[rel="stylesheet"], style')).map((el) => el.outerHTML).join("");
@@ -15175,7 +15308,7 @@ var gantt_default = {
 };
 
 // src/components/field-list/index.js
-import { ref as ref47, computed as computed35, watch as watch35 } from "vue";
+import { ref as ref48, computed as computed35, watch as watch36 } from "vue";
 var uidSeed8 = 0;
 var field_list_default = {
   name: "DjmFieldList",
@@ -15195,7 +15328,7 @@ var field_list_default = {
   },
   emits: ["update:modelValue", "add", "remove", "change"],
   setup(props, { emit }) {
-    const uids = ref47([]);
+    const uids = ref48([]);
     function syncUids() {
       const length = props.modelValue.length;
       if (uids.value.length === length) return;
@@ -15204,8 +15337,8 @@ var field_list_default = {
       uids.value = next;
     }
     syncUids();
-    watch35(() => props.modelValue.length, syncUids);
-    const errors = ref47({});
+    watch36(() => props.modelValue.length, syncUids);
+    const errors = ref48({});
     const addLabel = computed35(() => props.addText || t("fieldList.add"));
     const emptyLabel = computed35(() => props.emptyText || t("fieldList.empty"));
     const canAdd = computed35(() => !props.disabled && (!props.max || props.modelValue.length < props.max));
@@ -15371,7 +15504,7 @@ var field_list_default = {
 };
 
 // src/components/chat/index.js
-import { ref as ref48, computed as computed36, watch as watch36, nextTick as nextTick15 } from "vue";
+import { ref as ref49, computed as computed36, watch as watch37, nextTick as nextTick15 } from "vue";
 var chat_default = {
   name: "DjmChat",
   components: { DjmAvatar: avatar_default },
@@ -15388,8 +15521,8 @@ var chat_default = {
   },
   emits: ["submit"],
   setup(props, { emit }) {
-    const content = ref48("");
-    const listRef = ref48(null);
+    const content = ref49("");
+    const listRef = ref49(null);
     const placeholderText = computed36(() => props.placeholder || t("chat.placeholder"));
     const sendLabel = computed36(() => props.sendText || t("chat.send"));
     const emptyLabel = computed36(() => props.emptyText || t("chat.empty"));
@@ -15398,7 +15531,7 @@ var chat_default = {
       const el = listRef.value;
       if (el) el.scrollTop = el.scrollHeight;
     }
-    watch36(
+    watch37(
       () => props.messages.length,
       () => nextTick15(scrollToBottom)
     );
@@ -15511,7 +15644,7 @@ var chat_default = {
 };
 
 // src/components/org-chart/index.js
-import { ref as ref49, computed as computed37, watch as watch37 } from "vue";
+import { ref as ref50, computed as computed37, watch as watch38 } from "vue";
 var org_chart_default = {
   name: "DjmOrgChart",
   components: { DjmAvatar: avatar_default, DjmIcon: icon_default },
@@ -15544,8 +15677,8 @@ var org_chart_default = {
       walk(node);
       return keys;
     }
-    const collapsed = ref49(props.defaultExpandAll ? [] : collapsedByDefault(props.data));
-    watch37(() => props.data, (data) => {
+    const collapsed = ref50(props.defaultExpandAll ? [] : collapsedByDefault(props.data));
+    watch38(() => props.data, (data) => {
       collapsed.value = props.defaultExpandAll ? [] : collapsedByDefault(data);
     });
     const layout = computed37(() => {
@@ -15938,7 +16071,7 @@ var components = [
   org_chart_default,
   page_tabs_default
 ];
-var version = "0.72.0";
+var version = "0.73.0";
 function install(app, options = {}) {
   if (options.locale) setLocale(options.locale);
   components.forEach((component) => app.component(component.name, component));
@@ -16060,6 +16193,7 @@ export {
   djmMessage,
   djmMessages,
   getLocale,
+  glass,
   hasPermission,
   initTheme,
   install,
@@ -16069,6 +16203,7 @@ export {
   primaryColor,
   resetPrimaryColor,
   sanitizeHtml,
+  setGlass,
   setLocale,
   setPermissions,
   setPrimaryColor,