@munet/ui 1.0.0

package/dist/index.js

@@ -0,0 +1,86 @@
+import { UIThemes as r, clearAppThemes as t, currentThemeVars as a, isLightTheme as f, realThemeName as m, registerAppTheme as s, selectedThemeHue as l, selectedThemeName as d, theme as p, themeClasses as x } from "./themes/index.js";
+import { configureUIStrings as n, getUIString as i } from "./i18n/index.js";
+import { addToast as g, toasts as h } from "./controllers/toastController.js";
+import { getModalIndex as S, isTopModal as I, modalShowing as M, modalStack as k, registerModal as y, unregisterModal as B } from "./states/modal.js";
+import { default as U } from "./components/Button/index.js";
+import { default as C } from "./components/TextInput/index.js";
+import { default as V } from "./components/CheckBox/index.js";
+import { default as R } from "./components/CheckBox/FlagCheckBox.js";
+import { default as b } from "./components/Radio/index.js";
+import { default as v } from "./components/Modal/index.js";
+import { default as F } from "./components/Modal/styles.module.sass.js";
+import { default as G } from "./components/Window/index.js";
+import { default as O } from "./components/Section/index.js";
+import { default as j } from "./components/DateFormat.js";
+import { default as J } from "./components/Qrcode.js";
+import { default as P } from "./components/NumberInput.js";
+import { default as Y } from "./components/Select/index.js";
+import { default as _ } from "./components/TransitionVertical.vue.js";
+import { default as ee } from "./components/Range.vue.js";
+import { default as re } from "./components/TransitionOpacity.js";
+import { default as ae } from "./components/DropMenu/index.js";
+import { default as me } from "./components/DropMenu/DropDown.js";
+import { default as le } from "./components/GlobalElementsContainer/index.js";
+import { default as pe } from "./components/ScrollText/index.js";
+import { default as ue } from "./components/SubNaviBar/WhateverNaviBar.js";
+import { default as ie } from "./components/WarningBackground/index.js";
+import { foregroundTask as ge } from "./components/GlobalElementsContainer/ForegroundTask.js";
+import { showTransactionalDialog as Te } from "./components/GlobalElementsContainer/TransactionalDialog.js";
+import { taskManager as Ie } from "./components/GlobalElementsContainer/TaskManager.js";
+import { composeThemeRoots as ke, composeThemeStyles as ye, mergeStyles as Be } from "./themes/base/composer.js";
+import { dynamicLightUI as Ue, dynamicLightVars as we } from "./themes/dynamicLight/index.js";
+import { aquadxUI as Ne, aquadxVars as Ve } from "./themes/aquadx/index.js";
+export {
+  U as Button,
+  V as CheckBox,
+  j as DateFormat,
+  me as DropDown,
+  ae as DropMenu,
+  R as FlagCheckBox,
+  le as GlobalElementsContainer,
+  v as Modal,
+  F as ModalStyles,
+  P as NumberInput,
+  J as Qrcode,
+  b as Radio,
+  ee as Range,
+  pe as ScrollText,
+  O as Section,
+  Y as Select,
+  C as TextInput,
+  re as TransitionOpacity,
+  _ as TransitionVertical,
+  r as UIThemes,
+  ie as WarningBackground,
+  ue as WhateverNaviBar,
+  G as Window,
+  g as addToast,
+  Ne as aquadxUI,
+  Ve as aquadxVars,
+  t as clearAppThemes,
+  ke as composeThemeRoots,
+  ye as composeThemeStyles,
+  n as configureUIStrings,
+  a as currentThemeVars,
+  Ue as dynamicLightUI,
+  we as dynamicLightVars,
+  ge as foregroundTask,
+  S as getModalIndex,
+  i as getUIString,
+  f as isLightTheme,
+  I as isTopModal,
+  Be as mergeStyles,
+  M as modalShowing,
+  k as modalStack,
+  m as realThemeName,
+  s as registerAppTheme,
+  y as registerModal,
+  l as selectedThemeHue,
+  d as selectedThemeName,
+  Te as showTransactionalDialog,
+  Ie as taskManager,
+  p as theme,
+  x as themeClasses,
+  h as toasts,
+  B as unregisterModal
+};

package/dist/states/modal.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Modal 实例栈，用于管理多个同时打开的 modal
+ * 每个元素包含 modal 的唯一 ID
+ */
+export declare const modalStack: import("vue").Ref<symbol[], symbol[]>;
+/**
+ * 全局 modal 显示状态（向后兼容）
+ * 用于控制某些功能（如自动聚焦）在 modal 打开时的行为
+ */
+export declare const modalShowing: import("vue").ComputedRef<boolean>;
+/**
+ * 注册一个 modal 实例
+ * @returns modal 的唯一 ID
+ */
+export declare const registerModal: () => symbol;
+/**
+ * 注销一个 modal 实例
+ * @param id modal 的唯一 ID
+ */
+export declare const unregisterModal: (id: symbol) => void;
+/**
+ * 获取 modal 在栈中的索引（用于计算 z-index）
+ * @param id modal 的唯一 ID
+ * @returns 索引，如果不存在返回 -1
+ */
+export declare const getModalIndex: (id: symbol) => number;
+/**
+ * 检查是否是栈顶的 modal
+ * @param id modal 的唯一 ID
+ */
+export declare const isTopModal: (id: symbol) => boolean;

package/dist/states/modal.js

@@ -0,0 +1,16 @@
+import { ref as n, computed as l } from "vue";
+const o = n([]), r = l(() => o.value.length > 0), d = () => {
+  const e = Symbol("modal");
+  return o.value.push(e), e;
+}, s = (e) => {
+  const t = o.value.indexOf(e);
+  t > -1 && o.value.splice(t, 1);
+}, u = (e) => o.value.indexOf(e), c = (e) => o.value[o.value.length - 1] === e;
+export {
+  u as getModalIndex,
+  c as isTopModal,
+  r as modalShowing,
+  o as modalStack,
+  d as registerModal,
+  s as unregisterModal
+};

package/dist/themes/aquadx/components.module.css

@@ -0,0 +1 @@
+@charset "UTF-8";body:has(.components-module_e-IS4){background:#222;--text-color: #ffffffde;--link-color: #b3c6ff;--modal-backdrop-bg: #2b2b2b;--modal-button-bg: rgb(70, 70, 70);--modal-button-hover-bg: rgb(76, 76, 76);--modal-button-active-bg: rgb(81, 81, 81);--modal-title-handle-bg: rgb(100, 108, 255);--fl-bg: rgba(255, 255, 255, .15)}body:has(.components-module_e-IS4) .components-module_e-IS4{display:none}body:has(.components-module_e-IS4) ::selection{background:#7280ea}body:has(.components-module_e-IS4) button,body:has(.components-module_e-IS4) select,body:has(.components-module_e-IS4) a.button{background-color:#ffffff14}body:has(.components-module_e-IS4) button:not(:disabled):hover,body:has(.components-module_e-IS4) select:not(:disabled):hover,body:has(.components-module_e-IS4) a.button:not(:disabled):hover{background-color:#ffffff1a}body:has(.components-module_e-IS4) button:not(:disabled):active,body:has(.components-module_e-IS4) select:not(:disabled):active,body:has(.components-module_e-IS4) a.button:not(:disabled):active{background-color:#ffffff20}body:has(.components-module_e-IS4) option{background-color:#222;color:#fff}body:has(.components-module_e-IS4) .components-module_fsgc0{border-color:#b3c6ff}body:has(.components-module_e-IS4) input[type=checkbox],body:has(.components-module_e-IS4) input[type=radio]{border-color:#b3c6ff}body:has(.components-module_e-IS4) input[type=checkbox]:checked,body:has(.components-module_e-IS4) input[type=radio]:checked{background-color:#b3c6ff;border-color:#b3c6ff}body:has(.components-module_e-IS4) .components-module_GT7Cc{color:var(--link-color)}@media (hover: hover){body:has(.components-module_e-IS4) .cst::-webkit-scrollbar-thumb{background-color:#999}body:has(.components-module_e-IS4) .cst::-webkit-scrollbar-thumb:hover{background-color:#666!important}}body:has(.components-module_e-IS4) .bg-splash{background:#111}body:has(.components-module_e-IS4) .bg-avatarMenu,body:has(.components-module_e-IS4) .bg-dropMenu{background:#3a3a3acc}body:has(.components-module_e-IS4) .bg-avatarMenuButton:hover{background:#fff1}body:has(.components-module_e-IS4) .bg-foregroundTask{background:#111c}body:has(.components-module_e-IS4) .bg-taskManager{background-color:#ffffff1a}body:has(.components-module_e-IS4) .c-taskManager-spin{color:#fff}body:has(.components-module_e-IS4) .c-taskManager-text{color:#fff}body:has(.components-module_e-IS4) .bg-toast-bar{background:#282828}body:has(.components-module_e-IS4) .bg-toast{background:#333}body:has(.components-module_e-IS4) .bg-dialogButton-error{background-color:#9f1239!important}body:has(.components-module_e-IS4) .bg-dialogButton-error:hover{background-color:#be123c!important}body:has(.components-module_e-IS4) .bg-modal{background:#383838}body:has(.components-module_e-IS4) .components-module_MNdKs{--border-hover-c: #b3c6ff;--hover-bg: #ffffff1a;--focus--bg: #ffffff20;--bg: #ffffff14}body:has(.components-module_e-IS4) .components-module_tSHNB .components-module_BUF00{background:#646cff;color:#fff}body:has(.components-module_e-IS4) .components-module_1s6C2 .components-module_4HjO-{background:#2a2a2a}body:has(.components-module_e-IS4) .components-module_1s6C2 .components-module_4HjO-:hover{background:#333}body:has(.components-module_e-IS4) .components-module_9aZnJ{background:#f0f0f0}body:has(.components-module_e-IS4) .components-module_3aGwJ{--color: #3f3f3f}body:has(.components-module_e-IS4) .components-module_On6-m>a:hover:not(.components-module_eZ-4N){background:#2c2c2c}body:has(.components-module_e-IS4) .components-module_On6-m :not(.components-module_eZ-4N) a:hover:not(.components-module_eZ-4N),body:has(.components-module_e-IS4) .components-module_On6-m :not(.components-module_eZ-4N) div:hover:not(.components-module_eZ-4N){background:#2c2c2c}body:has(.components-module_e-IS4) .components-module_On6-m .components-module_eZ-4N{background:#373737}body:has(.components-module_e-IS4) .components-module_ptXr7{--color: #973c00}

package/dist/themes/aquadx/components.module.scss.js

@@ -0,0 +1,31 @@
+const o = "components-module_e-IS4", n = "components-module_fsgc0", t = "components-module_GT7Cc", e = "components-module_MNdKs", c = "components-module_tSHNB", s = "components-module_BUF00", d = "components-module_1s6C2", m = "components-module_4HjO-", l = "components-module_9aZnJ", r = "components-module_3aGwJ", a = "components-module_On6-m", u = "components-module_eZ-4N", p = "components-module_ptXr7", i = {
+  root: o,
+  selectedBorder: n,
+  lc: t,
+  textInput: e,
+  floatWindow: c,
+  titleBar: s,
+  section: d,
+  trigger: m,
+  qrCode: l,
+  loadingBackground: r,
+  subNaviBar: a,
+  active: u,
+  warningBackground: p
+};
+export {
+  u as active,
+  i as default,
+  c as floatWindow,
+  t as lc,
+  r as loadingBackground,
+  l as qrCode,
+  o as root,
+  d as section,
+  n as selectedBorder,
+  a as subNaviBar,
+  e as textInput,
+  s as titleBar,
+  m as trigger,
+  p as warningBackground
+};

package/dist/themes/aquadx/index.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeLayer } from '../base/types';
+export declare const aquadxUI: ThemeLayer;
+export declare const aquadxVars: {
+    qrcodeColor: string;
+    heatmap: string[];
+};

package/dist/themes/aquadx/index.js

@@ -0,0 +1,10 @@
+import o from "./components.module.scss.js";
+import r from "./vars.js";
+const s = {
+  root: o.root,
+  styles: o
+}, m = r;
+export {
+  s as aquadxUI,
+  m as aquadxVars
+};

package/dist/themes/aquadx/vars.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    qrcodeColor: string;
+    heatmap: string[];
+};
+export default _default;

package/dist/themes/aquadx/vars.js

@@ -0,0 +1,7 @@
+const a = {
+  qrcodeColor: "#303133",
+  heatmap: ["#2d333b", "#2d333b", "#1a512f", "#216235", "#256c38", "#3aa04a"]
+};
+export {
+  a as default
+};

package/dist/themes/base/composer.d.ts

@@ -0,0 +1,19 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import type { StylesModule, ThemeLayer } from './types';
+export declare function mergeStyles(...styles: StylesModule[]): StylesModule;
+/**
+ * 合并多层主题的样式
+ * 如果同一个 key 在多层都存在，会合并为 "class1 class2 class3"
+ * 后面的层优先级更高（CSS 特异性：多个类 > 单个类）
+ *
+ * @param layers 主题层数组，可以是普通值或 ref/computed/getter（按优先级从低到高：global -> ui -> app）
+ * @returns 合并后的样式对象
+ */
+export declare function composeThemeStyles(...layers: MaybeRefOrGetter<ThemeLayer | undefined>[]): ComputedRef<StylesModule>;
+/**
+ * 生成激活主题的根类名（空格分隔）
+ *
+ * @param layers 主题层数组，可以是普通值或 ref/computed/getter
+ * @returns 合并后的根类名字符串
+ */
+export declare function composeThemeRoots(...layers: MaybeRefOrGetter<ThemeLayer | undefined>[]): ComputedRef<string>;

package/dist/themes/base/composer.js

@@ -0,0 +1,19 @@
+import { computed as s, toValue as n } from "vue";
+function m(...t) {
+  const e = {};
+  for (const f of t)
+    for (let [r, o] of Object.entries(f))
+      typeof o == "string" && (o = [o]), e[r] ? e[r].push(...o) : e[r] = [...o];
+  return e;
+}
+function i(...t) {
+  return s(() => m(...t.map((e) => n(e)).filter((e) => e && e.styles).map((e) => e.styles)));
+}
+function p(...t) {
+  return s(() => t.map((e) => n(e)).filter((e) => e && e.root).map((e) => e.root).join(" "));
+}
+export {
+  p as composeThemeRoots,
+  i as composeThemeStyles,
+  m as mergeStyles
+};

package/dist/themes/base/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * CSS Modules 导出的样式对象
+ * key: 样式名, value: 哈希后的类名
+ */
+export type StylesModule = Record<string, string | string[]>;
+/**
+ * 主题层
+ */
+export interface ThemeLayer {
+    /** 用于激活主题的根类（已被 CSS Modules 哈希化） */
+    root: string;
+    /** CSS Modules 导出的所有样式 */
+    styles: StylesModule;
+}
+/**
+ * 可扩展主题（包含 UI 和 App 两层）
+ */
+export interface ExtendableTheme {
+    ui: ThemeLayer;
+    app?: ThemeLayer;
+}

package/dist/themes/dynamicLight/components.module.css

@@ -0,0 +1 @@
+@charset "UTF-8";body:has(.components-module_aU6Th){background:oklch(.99 .005 var(--hue));--text-color: #303133;--link-color: oklch(.68 .17 var(--hue));--modal-backdrop-bg: oklch(.995 .005 var(--hue));--modal-button-bg: oklch(.92 .01 var(--hue));--modal-button-hover-bg: oklch(.9 .02 var(--hue));--modal-button-active-bg: oklch(.9 .035 var(--hue));--modal-title-handle-bg: oklch(.7 .15 var(--hue));--fl-bg: oklch(.5 .16 var(--hue) / 15%)}body:has(.components-module_aU6Th) .components-module_aU6Th{display:none}body:has(.components-module_aU6Th) ::selection{background:oklch(.75 .14 var(--hue))}body:has(.components-module_aU6Th) button,body:has(.components-module_aU6Th) select,body:has(.components-module_aU6Th) a.button{background-color:oklch(.7 .07 var(--hue)/10%)}body:has(.components-module_aU6Th) button:not(:disabled):hover,body:has(.components-module_aU6Th) select:not(:disabled):hover,body:has(.components-module_aU6Th) a.button:not(:disabled):hover{background-color:oklch(.7 .07 var(--hue)/17%)}body:has(.components-module_aU6Th) button:not(:disabled):active,body:has(.components-module_aU6Th) select:not(:disabled):active,body:has(.components-module_aU6Th) a.button:not(:disabled):active{background-color:oklch(.7 .07 var(--hue)/.2)}body:has(.components-module_aU6Th) option{background-color:oklch(.86 .01 var(--hue));color:#303133}body:has(.components-module_aU6Th) .components-module_q2zOw{border-color:oklch(.68 .17 var(--hue))}body:has(.components-module_aU6Th) input[type=checkbox],body:has(.components-module_aU6Th) input[type=radio]{border-color:oklch(.68 .17 var(--hue))}body:has(.components-module_aU6Th) input[type=checkbox]:checked,body:has(.components-module_aU6Th) input[type=radio]:checked{background-color:oklch(.68 .17 var(--hue));border-color:oklch(.68 .17 var(--hue))}body:has(.components-module_aU6Th) .components-module_hwJZP{color:var(--link-color)}@media (hover: hover){body:has(.components-module_aU6Th) .cst::-webkit-scrollbar-thumb{background-color:oklch(.86 .01 var(--hue))}body:has(.components-module_aU6Th) .cst::-webkit-scrollbar-thumb:hover{background-color:oklch(.7 .01 var(--hue))!important}}body:has(.components-module_aU6Th) .bg-splash{background:oklch(.95 .01 var(--hue))}body:has(.components-module_aU6Th) .bg-dropMenu{background:oklch(.9 .02 var(--hue)/50%)}body:has(.components-module_aU6Th) .bg-avatarMenu{background:oklch(.8 .02 var(--hue)/20%)}body:has(.components-module_aU6Th) .bg-avatarMenuButton:hover{background:oklch(.6 .1 var(--hue)/15%)}body:has(.components-module_aU6Th) .bg-foregroundTask{background:oklch(.95 .01 var(--hue)/80%)}body:has(.components-module_aU6Th) .bg-taskManager{background-color:oklch(.6 .2 var(--hue)/10%)}body:has(.components-module_aU6Th) .c-taskManager-spin{color:#000}body:has(.components-module_aU6Th) .c-taskManager-text{color:#000}body:has(.components-module_aU6Th) .bg-toast-bar{background:oklch(.9 .03 var(--hue))}body:has(.components-module_aU6Th) .bg-toast{background:oklch(.95 .02 var(--hue))}body:has(.components-module_aU6Th) .bg-dialogButton-error{background-color:#ffa3ae!important;background-color:oklch(81% .117 11.638deg)!important}body:has(.components-module_aU6Th) .bg-dialogButton-error:hover{background-color:#ff94a0!important;background-color:oklch(78.2% .194 13.428deg)!important}body:has(.components-module_aU6Th) .bg-modal{background:oklch(.96 .008 var(--hue))}body:has(.components-module_aU6Th) .components-module_War-Y{--border-hover-c: oklch(.68 .17 var(--hue));--hover-bg: oklch(.7 .07 var(--hue) / .17);--focus--bg: oklch(.7 .07 var(--hue) / .2);--bg: oklch(.7 .07 var(--hue) / .1)}body:has(.components-module_aU6Th) .components-module_GPoBj .components-module_hpzJ-{background:oklch(.8 .1 var(--hue));color:#fff}body:has(.components-module_aU6Th) .components-module_ufOko .components-module_DKGXD{background:oklch(.96 .01 var(--hue))}body:has(.components-module_aU6Th) .components-module_ufOko .components-module_DKGXD:hover{background:oklch(.95 .02 var(--hue))}body:has(.components-module_aU6Th) .mnui-modal-root .components-module_ufOko .components-module_DKGXD{background:oklch(.935 .03 var(--hue))}body:has(.components-module_aU6Th) .mnui-modal-root .components-module_ufOko .components-module_DKGXD:hover{background:oklch(.92 .04 var(--hue))}body:has(.components-module_aU6Th) .components-module_dAHW9{background:oklch(.99 .005 var(--hue))}body:has(.components-module_aU6Th) .components-module_Fllz5{--color: oklch(.9 .03 var(--hue))}body:has(.components-module_aU6Th) .components-module_04-hf>a:hover:not(.components-module_JBxO-):not(.components-module_gtFY1),body:has(.components-module_aU6Th) .components-module_04-hf div:hover:not(.components-module_JBxO-):not(.components-module_gtFY1){background:oklch(.95 .01 var(--hue))}body:has(.components-module_aU6Th) .components-module_04-hf :not(.components-module_JBxO-):not(.components-module_gtFY1) a:hover:not(.components-module_JBxO-):not(.components-module_gtFY1),body:has(.components-module_aU6Th) .components-module_04-hf :not(.components-module_JBxO-):not(.components-module_gtFY1) div:hover:not(.components-module_JBxO-):not(.components-module_gtFY1){background:oklch(.95 .01 var(--hue))}body:has(.components-module_aU6Th) .components-module_04-hf .components-module_JBxO-{background:oklch(.85 .07 var(--hue))}body:has(.components-module_aU6Th) .components-module_Zdbrb{--color: #ff8d49}

package/dist/themes/dynamicLight/components.module.scss.js

@@ -0,0 +1,33 @@
+const o = "components-module_aU6Th", n = "components-module_q2zOw", t = "components-module_hwJZP", e = "components-module_War-Y", c = "components-module_GPoBj", s = "components-module_hpzJ-", d = "components-module_ufOko", l = "components-module_DKGXD", m = "components-module_dAHW9", r = "components-module_Fllz5", a = "components-module_04-hf", u = "components-module_JBxO-", i = "components-module_gtFY1", p = "components-module_Zdbrb", _ = {
+  root: o,
+  selectedBorder: n,
+  lc: t,
+  textInput: e,
+  floatWindow: c,
+  titleBar: s,
+  section: d,
+  trigger: l,
+  qrCode: m,
+  loadingBackground: r,
+  subNaviBar: a,
+  active: u,
+  disabled: i,
+  warningBackground: p
+};
+export {
+  u as active,
+  _ as default,
+  i as disabled,
+  c as floatWindow,
+  t as lc,
+  r as loadingBackground,
+  m as qrCode,
+  o as root,
+  d as section,
+  n as selectedBorder,
+  a as subNaviBar,
+  e as textInput,
+  s as titleBar,
+  l as trigger,
+  p as warningBackground
+};

package/dist/themes/dynamicLight/index.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeLayer } from '../base/types';
+export declare const dynamicLightUI: ThemeLayer;
+export declare const dynamicLightVars: {
+    qrcodeColor: string;
+    heatmap: string[];
+};

package/dist/themes/dynamicLight/index.js

@@ -0,0 +1,10 @@
+import o from "./components.module.scss.js";
+import t from "./vars.js";
+const m = {
+  root: o.root,
+  styles: o
+}, s = t;
+export {
+  m as dynamicLightUI,
+  s as dynamicLightVars
+};

package/dist/themes/dynamicLight/vars.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    qrcodeColor: string;
+    heatmap: string[];
+};
+export default _default;

package/dist/themes/dynamicLight/vars.js

@@ -0,0 +1,7 @@
+const a = {
+  qrcodeColor: "#303133",
+  heatmap: ["oklch(0.95 0.01 var(--hue))", "oklch(0.95 0.01 var(--hue))", "#b6f0c7", "#85e5a0", "#4dd48a", "#1ec17e"]
+};
+export {
+  a as default
+};

package/dist/themes/global.module.css

@@ -0,0 +1 @@
+html,body{overflow:hidden;font-family:Quicksand,Noto Sans SC;color:var(--text-color)}:focus-visible{outline:unset}:where(:root){cursor:default;-webkit-user-select:none;user-select:none;interpolate-size:allow-keywords}img{user-drag:none;-webkit-user-drag:none}button,a.button{border-radius:12px;border:1px solid transparent;padding:0 1.2em;font-size:1em;font-weight:500;font-family:inherit;opacity:.9;transition:all .25s;display:flex;justify-content:center;align-items:center;height:2.6em}button:disabled,a.button:disabled{opacity:.7;cursor:not-allowed}button:not(:disabled):hover,a.button:not(:disabled):hover{opacity:1;transform:scale(1.02)}button:not(:disabled):active,a.button:not(:disabled):active{opacity:1;transform:scale(.95)}select{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;opacity:.9;transition:all .25s}select:disabled{opacity:.7;cursor:not-allowed}select:not(:disabled):hover{opacity:1}select:not(:disabled):active{opacity:1}select option{font-weight:500}code,pre{font-family:JetBrains Mono;font-variant-ligatures:none}input[type=checkbox],input[type=radio]{width:1.2em;height:1.2em;border-radius:999px;border:1px solid;appearance:none;transition:background-color .25s}.w-available{width:-webkit-fill-available}.h-available{height:-webkit-fill-available}.max-w-available{max-width:-webkit-fill-available}.max-h-available{max-height:-webkit-fill-available}.full{position:absolute;inset:0}.fl{position:relative}.fl:before{content:"";position:absolute;inset:-3px -5px;background:var(--fl-bg);border-radius:5px;transform:scale(.8);opacity:0;transition:transform .4s ease,opacity .4s ease;z-index:-1}.fl:hover:before{transform:scale(1);opacity:1}.mnui-modal-root .fl:before{z-index:0}@media (hover: hover){.cst::-webkit-scrollbar{width:6px;height:6px}.cst::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow:none!important;background-image:none!important;transition:background .2s!important}}.absolute-full{position:absolute;inset:0}

package/dist/themes/global.module.sass.js

@@ -0,0 +1,4 @@
+const l = {};
+export {
+  l as default
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,30 @@
+import type { ThemeLayer } from './base/types';
+export * from './base/types';
+export * from './base/composer';
+export declare enum UIThemes {
+    Auto = 0,
+    DynamicLight = 1,
+    AquaDX = 2
+}
+export declare const selectedThemeName: import("@vueuse/core").RemovableRef<number>;
+export declare const selectedThemeHue: import("@vueuse/core").RemovableRef<number>;
+export declare const realThemeName: import("vue").ComputedRef<number>;
+export declare const currentThemeVars: import("vue").ComputedRef<{
+    qrcodeColor: string;
+    heatmap: string[];
+}>;
+/**
+ * 注册业务主题扩展
+ * @param uiTheme 对应的 UI 主题，应该是一个 extend uiTheme 的 enum
+ * @param appTheme 业务主题层
+ */
+export declare function registerAppTheme(uiTheme: number, appTheme: ThemeLayer): void;
+/**
+ * 清除所有注册的业务主题
+ */
+export declare function clearAppThemes(): void;
+export declare const theme: import("vue").ComputedRef<import(".").StylesModule>;
+export declare const themeClasses: import("vue").ComputedRef<string>;
+export declare const isLightTheme: import("vue").ComputedRef<boolean>;
+export { dynamicLightUI, dynamicLightVars } from './dynamicLight';
+export { aquadxUI, aquadxVars } from './aquadx';

package/dist/themes/index.js

@@ -0,0 +1,82 @@
+import { computed as t, ref as f, watch as g } from "vue";
+import { useStorage as s, usePreferredDark as v, useCssVar as d } from "@vueuse/core";
+import u from "./global.module.sass.js";
+import { dynamicLightUI as c, dynamicLightVars as y } from "./dynamicLight/index.js";
+import { aquadxUI as T, aquadxVars as S } from "./aquadx/index.js";
+import { composeThemeStyles as A, composeThemeRoots as D } from "./base/composer.js";
+import { mergeStyles as E } from "./base/composer.js";
+var L = /* @__PURE__ */ ((e) => (e[e.Auto = 0] = "Auto", e[e.DynamicLight = 1] = "DynamicLight", e[e.AquaDX = 2] = "AquaDX", e))(L || {});
+const n = {
+  root: u.root,
+  styles: u
+}, m = CSS.supports("color", "oklch(0.5 0.1 200)"), o = s(
+  "theme",
+  0
+  /* Auto */
+), k = s("theme-hue", 300), l = v(), i = t(() => m ? o.value === 0 ? l.value ? 2 : 1 : o.value : 2), q = {
+  root: "",
+  styles: {}
+}, a = t(() => {
+  switch (i.value) {
+    case 2:
+      return T;
+    case 1:
+      return c;
+    default:
+      return q;
+  }
+}), R = t(() => {
+  switch (i.value) {
+    case 2:
+      return S;
+    case 1:
+    default:
+      return y;
+  }
+}), r = f(/* @__PURE__ */ new Map());
+function X(e, h) {
+  r.value.set(e, h);
+}
+function M() {
+  r.value.clear();
+}
+const p = t(() => {
+  if (!m)
+    return r.value.get(
+      2
+      /* AquaDX */
+    );
+  let e = o.value;
+  return e === 0 && (e = l.value ? 2 : 1), r.value.get(e);
+}), O = A(
+  n,
+  a,
+  p
+), P = D(
+  n,
+  a,
+  p
+), w = d("--hue", document.body);
+g(k, (e) => {
+  w.value = e.toString();
+}, { immediate: !0 });
+const j = t(() => a.value === c);
+export {
+  L as UIThemes,
+  T as aquadxUI,
+  S as aquadxVars,
+  M as clearAppThemes,
+  D as composeThemeRoots,
+  A as composeThemeStyles,
+  R as currentThemeVars,
+  c as dynamicLightUI,
+  y as dynamicLightVars,
+  j as isLightTheme,
+  E as mergeStyles,
+  i as realThemeName,
+  X as registerAppTheme,
+  k as selectedThemeHue,
+  o as selectedThemeName,
+  O as theme,
+  P as themeClasses
+};

package/dist/utils/animation.d.ts

@@ -0,0 +1 @@
+export declare const waitOneFrame: () => Promise<unknown>;

package/dist/utils/animation.js

@@ -0,0 +1,4 @@
+const n = () => new Promise((e) => requestAnimationFrame(e));
+export {
+  n as waitOneFrame
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@munet/ui",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./themes": {
+      "import": "./dist/themes/index.js",
+      "types": "./dist/themes/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./dist/components/*/index.js",
+      "types": "./dist/components/*/index.d.ts"
+    },
+    "./controllers/*": {
+      "import": "./dist/controllers/*.js",
+      "types": "./dist/controllers/*.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@chenfengyuan/vue-qrcode": "^2.0.0",
+    "@vueuse/core": "^13.0.0",
+    "lodash-es": "^4.17.0",
+    "sass": "^1.70.0",
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "@vueuse/core": "^13.5.0",
+    "lodash-es": "^4.17.21",
+    "sass": "^1.89.2",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.2",
+    "vue": "^3.5.17"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && tsc --emitDeclarationOnly"
+  }
+}