@xto/core 1.2.3 → 1.3.0

package/es/index.mjs

@@ -1,121 +1,123 @@
-import { applyCSSVars as n, applyDarkTheme as t, cssVarPrefix as r, darkCSSVars as i, defaultThemeConfig as a, generateCSSVars as d, generateColorPalette as l, getComponentSize as p, hexToRgb as x, mixColor as u, removeCSSVars as c, removeDarkTheme as m, rgbToHex as I, sizeMap as g } from "./theme/index.mjs";
-import { b as S, block as f, classNames as C, coerceToArray as b, compose as T, constant as y, createNamespace as h, debounce as D, deepClone as v, deepMerge as M, defaultNamespace as N, defaultTo as O, drawerZIndex as P, dropdownZIndex as L, e as V, element as k, flatten as w, get as A, getCurrentZIndex as j, getType as z, getZIndexList as E, identity as F, is as R, isAndroid as B, isArray as q, isBoolean as H, isBrowser as K, isDate as U, isDefined as W, isEmpty as G, isFalse as J, isFunction as Q, isIOS as X, isMobile as Y, isNil as _, isNull as $, isNumber as ee, isObject as se, isPlainObject as oe, isPromise as ne, isRegExp as te, isString as re, isSupportTouch as ie, isTrue as ae, isType as de, isUndefined as le, isWechat as pe, loadingZIndex as xe, m as ue, messageZIndex as ce, modalZIndex as me, modifier as Ie, nextDrawerZIndex as ge, nextDropdownZIndex as Ze, nextLoadingZIndex as Se, nextMessageZIndex as fe, nextModalZIndex as Ce, nextPopoverZIndex as be, nextSelectZIndex as Te, nextTooltipZIndex as ye, noop as he, once as De, pipe as ve, popoverZIndex as Me, popupManage as Ne, resetZIndex as Oe, selectZIndex as Pe, set as Le, shortId as Ve, state as ke, throttle as we, tooltipZIndex as Ae, tryCatch as je, unary as ze, unique as Ee, useClass as Fe, useComponentPrefix as Re, useNamespace as Be, useZIndex as qe, uuid as He } from "./utils/index.mjs";
-import { useClickOutside as Ue, useDOMObserver as We, useDelayedAction as Ge, useDisabled as Je, useEscape as Qe, useFocus as Xe, useIntersectionObserver as Ye, useLoading as _e, useModel as $e, useResize as es, useScroll as ss, useToggle as os, useVisible as ns } from "./hooks/index.mjs";
-import { createLocaleProvider as rs, getSupportedLocales as is, localeInjectionKey as as, localeNames as ds, locales as ls, useLocale as ps } from "./locale/index.mjs";
+import { applyCSSVars as r, applyDarkTheme as t, cssVarPrefix as n, darkCSSVars as i, defaultThemeConfig as a, generateCSSVars as d, generateColorPalette as l, getComponentSize as p, hexToRgb as x, isDarkTheme as u, mixColor as c, removeCSSVars as m, removeDarkTheme as g, rgbToHex as I, sizeMap as Z, toggleDarkTheme as S } from "./theme/index.mjs";
+import { b as f, block as C, classNames as b, coerceToArray as y, compose as h, constant as D, createNamespace as v, debounce as M, deepClone as N, deepMerge as k, defaultNamespace as O, defaultTo as P, drawerZIndex as L, dropdownZIndex as V, e as w, element as A, flatten as j, get as z, getCurrentZIndex as E, getType as F, getZIndexList as R, identity as B, is as q, isAndroid as H, isArray as K, isBoolean as U, isBrowser as W, isDate as G, isDefined as J, isEmpty as Q, isFalse as X, isFunction as Y, isIOS as _, isMobile as $, isNil as ee, isNull as se, isNumber as oe, isObject as re, isPlainObject as te, isPromise as ne, isRegExp as ie, isString as ae, isSupportTouch as de, isTrue as le, isType as pe, isUndefined as xe, isWechat as ue, loadingZIndex as ce, m as me, messageZIndex as ge, modalZIndex as Ie, modifier as Ze, nextDrawerZIndex as Se, nextDropdownZIndex as Te, nextLoadingZIndex as fe, nextMessageZIndex as Ce, nextModalZIndex as be, nextPopoverZIndex as ye, nextSelectZIndex as he, nextTooltipZIndex as De, noop as ve, once as Me, pipe as Ne, popoverZIndex as ke, popupManage as Oe, resetZIndex as Pe, selectZIndex as Le, set as Ve, shortId as we, state as Ae, throttle as je, tooltipZIndex as ze, tryCatch as Ee, unary as Fe, unique as Re, useClass as Be, useComponentPrefix as qe, useNamespace as He, useZIndex as Ke, uuid as Ue } from "./utils/index.mjs";
+import { useClickOutside as Ge, useDOMObserver as Je, useDelayedAction as Qe, useDisabled as Xe, useEscape as Ye, useFocus as _e, useIntersectionObserver as $e, useLoading as es, useModel as ss, useResize as os, useScroll as rs, useToggle as ts, useVisible as ns } from "./hooks/index.mjs";
+import { createLocaleProvider as as, getSupportedLocales as ds, localeInjectionKey as ls, localeNames as ps, locales as xs, useLocale as us } from "./locale/index.mjs";
 const e = "1.0.0";
 export {
-  n as applyCSSVars,
+  r as applyCSSVars,
   t as applyDarkTheme,
-  S as b,
-  f as block,
-  C as classNames,
-  b as coerceToArray,
-  T as compose,
-  y as constant,
-  rs as createLocaleProvider,
-  h as createNamespace,
-  r as cssVarPrefix,
+  f as b,
+  C as block,
+  b as classNames,
+  y as coerceToArray,
+  h as compose,
+  D as constant,
+  as as createLocaleProvider,
+  v as createNamespace,
+  n as cssVarPrefix,
   i as darkCSSVars,
-  D as debounce,
-  v as deepClone,
-  M as deepMerge,
-  N as defaultNamespace,
+  M as debounce,
+  N as deepClone,
+  k as deepMerge,
+  O as defaultNamespace,
   a as defaultThemeConfig,
-  O as defaultTo,
-  P as drawerZIndex,
-  L as dropdownZIndex,
-  V as e,
-  k as element,
-  w as flatten,
+  P as defaultTo,
+  L as drawerZIndex,
+  V as dropdownZIndex,
+  w as e,
+  A as element,
+  j as flatten,
   d as generateCSSVars,
   l as generateColorPalette,
-  A as get,
+  z as get,
   p as getComponentSize,
-  j as getCurrentZIndex,
-  is as getSupportedLocales,
-  z as getType,
-  E as getZIndexList,
+  E as getCurrentZIndex,
+  ds as getSupportedLocales,
+  F as getType,
+  R as getZIndexList,
   x as hexToRgb,
-  F as identity,
-  R as is,
-  B as isAndroid,
-  q as isArray,
-  H as isBoolean,
-  K as isBrowser,
-  U as isDate,
-  W as isDefined,
-  G as isEmpty,
-  J as isFalse,
-  Q as isFunction,
-  X as isIOS,
-  Y as isMobile,
-  _ as isNil,
-  $ as isNull,
-  ee as isNumber,
-  se as isObject,
-  oe as isPlainObject,
+  B as identity,
+  q as is,
+  H as isAndroid,
+  K as isArray,
+  U as isBoolean,
+  W as isBrowser,
+  u as isDarkTheme,
+  G as isDate,
+  J as isDefined,
+  Q as isEmpty,
+  X as isFalse,
+  Y as isFunction,
+  _ as isIOS,
+  $ as isMobile,
+  ee as isNil,
+  se as isNull,
+  oe as isNumber,
+  re as isObject,
+  te as isPlainObject,
   ne as isPromise,
-  te as isRegExp,
-  re as isString,
-  ie as isSupportTouch,
-  ae as isTrue,
-  de as isType,
-  le as isUndefined,
-  pe as isWechat,
-  xe as loadingZIndex,
-  as as localeInjectionKey,
-  ds as localeNames,
-  ls as locales,
-  ue as m,
-  ce as messageZIndex,
-  u as mixColor,
-  me as modalZIndex,
-  Ie as modifier,
-  ge as nextDrawerZIndex,
-  Ze as nextDropdownZIndex,
-  Se as nextLoadingZIndex,
-  fe as nextMessageZIndex,
-  Ce as nextModalZIndex,
-  be as nextPopoverZIndex,
-  Te as nextSelectZIndex,
-  ye as nextTooltipZIndex,
-  he as noop,
-  De as once,
-  ve as pipe,
-  Me as popoverZIndex,
-  Ne as popupManage,
-  c as removeCSSVars,
-  m as removeDarkTheme,
-  Oe as resetZIndex,
+  ie as isRegExp,
+  ae as isString,
+  de as isSupportTouch,
+  le as isTrue,
+  pe as isType,
+  xe as isUndefined,
+  ue as isWechat,
+  ce as loadingZIndex,
+  ls as localeInjectionKey,
+  ps as localeNames,
+  xs as locales,
+  me as m,
+  ge as messageZIndex,
+  c as mixColor,
+  Ie as modalZIndex,
+  Ze as modifier,
+  Se as nextDrawerZIndex,
+  Te as nextDropdownZIndex,
+  fe as nextLoadingZIndex,
+  Ce as nextMessageZIndex,
+  be as nextModalZIndex,
+  ye as nextPopoverZIndex,
+  he as nextSelectZIndex,
+  De as nextTooltipZIndex,
+  ve as noop,
+  Me as once,
+  Ne as pipe,
+  ke as popoverZIndex,
+  Oe as popupManage,
+  m as removeCSSVars,
+  g as removeDarkTheme,
+  Pe as resetZIndex,
   I as rgbToHex,
-  Pe as selectZIndex,
-  Le as set,
-  Ve as shortId,
-  g as sizeMap,
-  ke as state,
-  we as throttle,
-  Ae as tooltipZIndex,
-  je as tryCatch,
-  ze as unary,
-  Ee as unique,
-  Fe as useClass,
-  Ue as useClickOutside,
-  Re as useComponentPrefix,
-  We as useDOMObserver,
-  Ge as useDelayedAction,
-  Je as useDisabled,
-  Qe as useEscape,
-  Xe as useFocus,
-  Ye as useIntersectionObserver,
-  _e as useLoading,
-  ps as useLocale,
-  $e as useModel,
-  Be as useNamespace,
-  es as useResize,
-  ss as useScroll,
-  os as useToggle,
+  Le as selectZIndex,
+  Ve as set,
+  we as shortId,
+  Z as sizeMap,
+  Ae as state,
+  je as throttle,
+  S as toggleDarkTheme,
+  ze as tooltipZIndex,
+  Ee as tryCatch,
+  Fe as unary,
+  Re as unique,
+  Be as useClass,
+  Ge as useClickOutside,
+  qe as useComponentPrefix,
+  Je as useDOMObserver,
+  Qe as useDelayedAction,
+  Xe as useDisabled,
+  Ye as useEscape,
+  _e as useFocus,
+  $e as useIntersectionObserver,
+  es as useLoading,
+  us as useLocale,
+  ss as useModel,
+  He as useNamespace,
+  os as useResize,
+  rs as useScroll,
+  ts as useToggle,
   ns as useVisible,
-  qe as useZIndex,
-  He as uuid,
+  Ke as useZIndex,
+  Ue as uuid,
   e as version
 };

package/es/theme/index.d.ts

@@ -21,7 +21,7 @@ export declare const getComponentSize: (size: ComponentSize) => number;
  *
  * @example
  * ```ts
- * const palette = generateColorPalette('#409eff', 10)
+ * const palette = generateColorPalette('#4F46E5', 10)
  * // 生成 10 个不同亮度的颜色
  * ```
  */
@@ -64,7 +64,7 @@ export declare const cssVarPrefix = "--xto";
  * @example
  * ```ts
  * const vars = generateCSSVars(themeConfig)
- * // { '--xto-color-primary': '#409eff', ... }
+ * // { '--xto-color-primary': '#4F46E5', ... }
  * ```
  */
 export declare function generateCSSVars(config: ThemeConfig): Record<string, string>;
@@ -78,14 +78,27 @@ export declare function applyCSSVars(config: ThemeConfig): void;
  */
 export declare function removeCSSVars(): void;
 /**
- * 深色主题 CSS 变量
+ * 暗色主题 CSS 变量
+ * 使用 html.dark 类名方式切换
  */
 export declare const darkCSSVars: Record<string, string>;
 /**
- * 应用深色主题
+ * 应用暗色主题
+ * 在 <html> 元素上添加 dark 类名
  */
 export declare function applyDarkTheme(): void;
 /**
- * 移除深色主题
+ * 移除暗色主题
+ * 从 <html> 元素上移除 dark 类名
  */
 export declare function removeDarkTheme(): void;
+/**
+ * 检查是否为暗色模式
+ * @returns 是否为暗色模式
+ */
+export declare function isDarkTheme(): boolean;
+/**
+ * 切换暗色模式
+ * @param isDark 是否启用暗色模式
+ */
+export declare function toggleDarkTheme(isDark?: boolean): void;

package/es/theme/index.mjs

@@ -1,185 +1,311 @@
-const y = {
+const b = {
   mode: "light",
-  primary: "#409eff",
-  success: "#67c23a",
-  warning: "#e6a23c",
-  danger: "#f56c6c",
-  info: "#909399",
+  primary: "#4F46E5",
+  success: "#10B981",
+  warning: "#F59E0B",
+  danger: "#EF4444",
+  info: "#6B7280",
   size: "default"
-}, f = {
+}, g = {
   large: 40,
   default: 32,
   small: 24
-}, k = (e) => f[e];
-function z(e, r = 10) {
-  const t = [], l = e.startsWith("#"), n = e.startsWith("rgb");
-  let c, s, i;
-  if (l) {
-    const a = e.slice(1);
-    c = parseInt(a.slice(0, 2), 16), s = parseInt(a.slice(2, 4), 16), i = parseInt(a.slice(4, 6), 16);
-  } else if (n) {
-    const a = e.match(/\d+/g);
-    if (a)
-      c = Number(a[0]), s = Number(a[1]), i = Number(a[2]);
+}, x = (l) => g[l];
+function B(l, o = 10) {
+  const t = [], e = l.startsWith("#"), c = l.startsWith("rgb");
+  let n, s, a;
+  if (e) {
+    const i = l.slice(1);
+    n = parseInt(i.slice(0, 2), 16), s = parseInt(i.slice(2, 4), 16), a = parseInt(i.slice(4, 6), 16);
+  } else if (c) {
+    const i = l.match(/\d+/g);
+    if (i)
+      n = Number(i[0]), s = Number(i[1]), a = Number(i[2]);
     else
       return t;
   } else
     return t;
-  const p = 100 / (r + 1);
-  for (let a = 1; a <= r; a++) {
-    const d = 1 - p * a / 100, g = Math.round(c + (255 - c) * d), x = Math.round(s + (255 - s) * d), u = Math.round(i + (255 - i) * d);
-    t.push(`rgb(${g}, ${x}, ${u})`);
+  const F = 100 / (o + 1);
+  for (let i = 1; i <= o; i++) {
+    const $ = 1 - F * i / 100, d = Math.round(n + (255 - n) * $), p = Math.round(s + (255 - s) * $), u = Math.round(a + (255 - a) * $);
+    t.push(`rgb(${d}, ${p}, ${u})`);
   }
   return t;
 }
-const $ = (e) => {
-  const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
-  return r ? {
-    r: parseInt(r[1], 16),
-    g: parseInt(r[2], 16),
-    b: parseInt(r[3], 16)
+const h = (l) => {
+  const o = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(l);
+  return o ? {
+    r: parseInt(o[1], 16),
+    g: parseInt(o[2], 16),
+    b: parseInt(o[3], 16)
   } : null;
-}, h = (e, r, t) => "#" + [e, r, t].map((l) => l.toString(16).padStart(2, "0")).join(""), C = (e, r, t = 0.5) => {
-  const l = $(e), n = $(r);
-  if (!l || !n) return e;
-  const c = Math.round(l.r * (1 - t) + n.r * t), s = Math.round(l.g * (1 - t) + n.g * t), i = Math.round(l.b * (1 - t) + n.b * t);
-  return h(c, s, i);
-}, o = "--xto";
-function m(e) {
-  const r = o;
+}, m = (l, o, t) => "#" + [l, o, t].map((e) => e.toString(16).padStart(2, "0")).join(""), E = (l, o, t = 0.5) => {
+  const e = h(l), c = h(o);
+  if (!e || !c) return l;
+  const n = Math.round(e.r * (1 - t) + c.r * t), s = Math.round(e.g * (1 - t) + c.g * t), a = Math.round(e.b * (1 - t) + c.b * t);
+  return m(n, s, a);
+}, r = "--xto";
+function f(l) {
+  const o = r;
   return {
-    // 颜色
-    [`${r}-color-primary`]: e.primary,
-    [`${r}-color-success`]: e.success,
-    [`${r}-color-warning`]: e.warning,
-    [`${r}-color-danger`]: e.danger,
-    [`${r}-color-info`]: e.info,
+    // 品牌色
+    [`${o}-color-primary`]: l.primary,
+    [`${o}-color-on-primary`]: "#FFFFFF",
+    [`${o}-color-secondary`]: "#6366F1",
+    [`${o}-color-accent`]: "#EA580C",
+    [`${o}-color-destructive`]: "#DC2626",
+    [`${o}-color-ring`]: l.primary,
+    // 品牌色变体
+    [`${o}-color-primary-light-1`]: "#5B54E8",
+    [`${o}-color-primary-light-2`]: "#6366F1",
+    [`${o}-color-primary-light-3`]: "#7578F3",
+    [`${o}-color-primary-light-4`]: "#818CF8",
+    [`${o}-color-primary-light-5`]: "#93A0FA",
+    [`${o}-color-primary-light-6`]: "#A5B4FC",
+    [`${o}-color-primary-light-7`]: "#BCC5FD",
+    [`${o}-color-primary-light-8`]: "#D4D7FE",
+    [`${o}-color-primary-light-9`]: "#EEF2FF",
+    // 语义色
+    [`${o}-color-success`]: l.success,
+    [`${o}-color-success-light-1`]: "#14C68E",
+    [`${o}-color-success-light-2`]: "#1AD49B",
+    [`${o}-color-success-light-3`]: "#2DD4A0",
+    [`${o}-color-success-light-4`]: "#34D399",
+    [`${o}-color-success-light-5`]: "#4EDDA6",
+    [`${o}-color-success-light-6`]: "#6EE7B7",
+    [`${o}-color-success-light-7`]: "#A7F3D0",
+    [`${o}-color-success-light-8`]: "#D1FAE5",
+    [`${o}-color-success-light-9`]: "#ECFDF5",
+    [`${o}-color-warning`]: l.warning,
+    [`${o}-color-warning-light-1`]: "#F7A621",
+    [`${o}-color-warning-light-2`]: "#F9B037",
+    [`${o}-color-warning-light-3`]: "#FBBF24",
+    [`${o}-color-warning-light-4`]: "#FCD34D",
+    [`${o}-color-warning-light-5`]: "#FDE047",
+    [`${o}-color-warning-light-6`]: "#FEE78A",
+    [`${o}-color-warning-light-7`]: "#FEF3C7",
+    [`${o}-color-warning-light-8`]: "#FEF9C3",
+    [`${o}-color-warning-light-9`]: "#FFFBEB",
+    [`${o}-color-danger`]: l.danger,
+    [`${o}-color-danger-light-1`]: "#F15353",
+    [`${o}-color-danger-light-2`]: "#F36363",
+    [`${o}-color-danger-light-3`]: "#F87171",
+    [`${o}-color-danger-light-4`]: "#F98A8A",
+    [`${o}-color-danger-light-5`]: "#FCA5A5",
+    [`${o}-color-danger-light-6`]: "#FDBDBD",
+    [`${o}-color-danger-light-7`]: "#FECACA",
+    [`${o}-color-danger-light-8`]: "#FEE2E2",
+    [`${o}-color-danger-light-9`]: "#FEF2F2",
+    [`${o}-color-info`]: l.info,
+    [`${o}-color-info-light-1`]: "#7B8290",
+    [`${o}-color-info-light-2`]: "#8A919E",
+    [`${o}-color-info-light-3`]: "#9CA3AF",
+    [`${o}-color-info-light-4`]: "#AAB0BB",
+    [`${o}-color-info-light-5`]: "#B8BDC7",
+    [`${o}-color-info-light-6`]: "#C9CDD5",
+    [`${o}-color-info-light-7`]: "#D1D5DB",
+    [`${o}-color-info-light-8`]: "#E5E7EB",
+    [`${o}-color-info-light-9`]: "#F3F4F6",
     // 文本颜色
-    [`${r}-color-text-primary`]: "#303133",
-    [`${r}-color-text-regular`]: "#606266",
-    [`${r}-color-text-secondary`]: "#909399",
-    [`${r}-color-text-placeholder`]: "#a8abb2",
-    [`${r}-color-text-disabled`]: "#c0c4cc",
+    [`${o}-color-text-primary`]: "#1F2937",
+    [`${o}-color-text-regular`]: "#4B5563",
+    [`${o}-color-text-secondary`]: "#6B7280",
+    [`${o}-color-text-placeholder`]: "#9CA3AF",
+    [`${o}-color-text-disabled`]: "#D1D5DB",
     // 边框颜色
-    [`${r}-border-color`]: "#dcdfe6",
-    [`${r}-border-color-light`]: "#e4e7ed",
-    [`${r}-border-color-lighter`]: "#ebeef5",
-    [`${r}-border-color-extra-light`]: "#f2f6fc",
-    [`${r}-border-color-dark`]: "#d4d4d4",
-    [`${r}-border-color-darker`]: "#c0c4cc",
+    [`${o}-border-color`]: "#D1D5DB",
+    [`${o}-border-color-light`]: "#E5E7EB",
+    [`${o}-border-color-lighter`]: "#F3F4F6",
+    [`${o}-border-color-extra-light`]: "#F9FAFB",
+    [`${o}-border-color-dark`]: "#9CA3AF",
+    [`${o}-border-color-darker`]: "#6B7280",
     // 填充颜色
-    [`${r}-fill-color`]: "#f5f7fa",
-    [`${r}-fill-color-light`]: "#fafafa",
-    [`${r}-fill-color-lighter`]: "#fafafa",
-    [`${r}-fill-color-extra-light`]: "#fafafa",
-    [`${r}-fill-color-dark`]: "#ebedf0",
-    [`${r}-fill-color-darker`]: "#e6e8eb",
-    [`${r}-fill-color-blank`]: "#ffffff",
+    [`${o}-fill-color`]: "#F3F4F6",
+    [`${o}-fill-color-light`]: "#F9FAFB",
+    [`${o}-fill-color-lighter`]: "#F9FAFB",
+    [`${o}-fill-color-extra-light`]: "#F9FAFB",
+    [`${o}-fill-color-dark`]: "#E5E7EB",
+    [`${o}-fill-color-darker`]: "#D1D5DB",
+    [`${o}-fill-color-blank`]: "#FFFFFF",
     // 背景颜色
-    [`${r}-bg-color`]: "#ffffff",
-    [`${r}-bg-color-page`]: "#f2f3f5",
-    [`${r}-bg-color-overlay`]: "#ffffff",
-    // 字体
-    [`${r}-font-family`]: "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif",
-    [`${r}-font-size-extra-small`]: "12px",
-    [`${r}-font-size-small`]: "13px",
-    [`${r}-font-size-base`]: "14px",
-    [`${r}-font-size-medium`]: "16px",
-    [`${r}-font-size-large`]: "18px",
-    [`${r}-font-size-extra-large`]: "20px",
-    // 行高
-    [`${r}-line-height-extra-small`]: "1.4",
-    [`${r}-line-height-small`]: "1.5",
-    [`${r}-line-height-base`]: "1.6",
-    [`${r}-line-height-medium`]: "1.7",
-    [`${r}-line-height-large`]: "1.8",
-    [`${r}-line-height-extra-large`]: "1.9",
+    [`${o}-bg-color`]: "#FFFFFF",
+    [`${o}-bg-color-page`]: "#F9FAFB",
+    [`${o}-bg-color-overlay`]: "#FFFFFF",
     // 圆角
-    [`${r}-border-radius-base`]: "4px",
-    [`${r}-border-radius-small`]: "2px",
-    [`${r}-border-radius-large`]: "8px",
-    [`${r}-border-radius-round`]: "20px",
-    [`${r}-border-radius-circle`]: "100%",
+    [`${o}-border-radius-small`]: "4px",
+    [`${o}-border-radius-base`]: "6px",
+    [`${o}-border-radius-large`]: "8px",
+    [`${o}-border-radius-xl`]: "12px",
+    [`${o}-border-radius-round`]: "20px",
+    [`${o}-border-radius-circle`]: "100%",
     // 阴影
-    [`${r}-box-shadow-base`]: "0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)",
-    [`${r}-box-shadow-light`]: "0 2px 12px 0 rgba(0, 0, 0, 0.1)",
-    [`${r}-box-shadow-lighter`]: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
-    [`${r}-box-shadow-dark`]: "0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",
+    [`${o}-shadow-subtle`]: "0 1px 2px rgba(0, 0, 0, 0.05)",
+    [`${o}-shadow-base`]: "0 2px 4px rgba(0, 0, 0, 0.08)",
+    [`${o}-shadow-elevated`]: "0 4px 12px rgba(0, 0, 0, 0.1)",
+    [`${o}-shadow-prominent`]: "0 8px 24px rgba(0, 0, 0, 0.12)",
+    // 字体
+    [`${o}-font-family`]: "'Inter', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
+    [`${o}-font-size-xs`]: "12px",
+    [`${o}-font-size-sm`]: "13px",
+    [`${o}-font-size-base`]: "14px",
+    [`${o}-font-size-md`]: "16px",
+    [`${o}-font-size-lg`]: "18px",
+    [`${o}-font-size-xl`]: "20px",
+    // 行高
+    [`${o}-line-height-tight`]: "1.3",
+    [`${o}-line-height-base`]: "1.5",
+    [`${o}-line-height-normal`]: "1.6",
+    [`${o}-line-height-loose`]: "1.8",
+    // 间距
+    [`${o}-spacing-xs`]: "4px",
+    [`${o}-spacing-sm`]: "8px",
+    [`${o}-spacing-md`]: "12px",
+    [`${o}-spacing-base`]: "16px",
+    [`${o}-spacing-lg`]: "24px",
+    [`${o}-spacing-xl`]: "32px",
     // 组件尺寸
-    [`${r}-component-size`]: `${f[e.size]}px`,
-    [`${r}-component-size-large`]: `${f.large}px`,
-    [`${r}-component-size-small`]: `${f.small}px`,
+    [`${o}-component-size`]: `${g[l.size]}px`,
+    [`${o}-component-size-large`]: `${g.large}px`,
+    [`${o}-component-size-small`]: `${g.small}px`,
     // 动画
-    [`${r}-transition-duration`]: "0.3s",
-    [`${r}-transition-duration-fast`]: "0.2s",
-    [`${r}-transition-function`]: "cubic-bezier(0.645, 0.045, 0.355, 1)"
+    [`${o}-transition-duration-fast`]: "150ms",
+    [`${o}-transition-duration-base`]: "250ms",
+    [`${o}-transition-duration-slow`]: "350ms",
+    [`${o}-transition-easing`]: "cubic-bezier(0.4, 0, 0.2, 1)",
+    [`${o}-transition-easing-in`]: "cubic-bezier(0.4, 0, 1, 1)",
+    [`${o}-transition-easing-out`]: "cubic-bezier(0, 0, 0.2, 1)"
   };
 }
-function D(e) {
-  const r = m(e), t = document.documentElement;
-  Object.entries(r).forEach(([l, n]) => {
-    t.style.setProperty(l, n);
+function A(l) {
+  const o = f(l), t = document.documentElement;
+  Object.entries(o).forEach(([e, c]) => {
+    t.style.setProperty(e, c);
   });
 }
-function E() {
-  const r = document.documentElement.style;
-  for (let t = r.length - 1; t >= 0; t--) {
-    const l = r[t];
-    l.startsWith(o) && r.removeProperty(l);
+function D() {
+  const o = document.documentElement.style;
+  for (let t = o.length - 1; t >= 0; t--) {
+    const e = o[t];
+    e.startsWith(r) && o.removeProperty(e);
   }
 }
-const b = {
+const C = {
+  // 品牌色
+  [`${r}-color-primary`]: "#818CF8",
+  [`${r}-color-on-primary`]: "#1E1B4B",
+  [`${r}-color-secondary`]: "#A5B4FC",
+  [`${r}-color-accent`]: "#FB923C",
+  [`${r}-color-destructive`]: "#F87171",
+  [`${r}-color-ring`]: "#818CF8",
+  // 品牌色变体
+  [`${r}-color-primary-light-1`]: "#7578F3",
+  [`${r}-color-primary-light-2`]: "#6366F1",
+  [`${r}-color-primary-light-3`]: "#6366F1",
+  [`${r}-color-primary-light-4`]: "#4F46E5",
+  [`${r}-color-primary-light-5`]: "#4338CA",
+  [`${r}-color-primary-light-6`]: "#3730A3",
+  [`${r}-color-primary-light-7`]: "#312E81",
+  [`${r}-color-primary-light-8`]: "#2B2680",
+  [`${r}-color-primary-light-9`]: "#1E1B4B",
+  // 语义色
+  [`${r}-color-success`]: "#34D399",
+  [`${r}-color-success-light-1`]: "#2DD4A0",
+  [`${r}-color-success-light-2`]: "#1AD49B",
+  [`${r}-color-success-light-3`]: "#14C68E",
+  [`${r}-color-success-light-4`]: "#10B981",
+  [`${r}-color-success-light-5`]: "#059669",
+  [`${r}-color-success-light-6`]: "#047857",
+  [`${r}-color-success-light-7`]: "#065F46",
+  [`${r}-color-success-light-8`]: "#064E3B",
+  [`${r}-color-success-light-9`]: "#022C22",
+  [`${r}-color-warning`]: "#FBBF24",
+  [`${r}-color-warning-light-1`]: "#F9B037",
+  [`${r}-color-warning-light-2`]: "#F7A621",
+  [`${r}-color-warning-light-3`]: "#F59E0B",
+  [`${r}-color-warning-light-4`]: "#D97706",
+  [`${r}-color-warning-light-5`]: "#B45309",
+  [`${r}-color-warning-light-6`]: "#92400E",
+  [`${r}-color-warning-light-7`]: "#78350F",
+  [`${r}-color-warning-light-8`]: "#451A03",
+  [`${r}-color-warning-light-9`]: "#1C1917",
+  [`${r}-color-danger`]: "#F87171",
+  [`${r}-color-danger-light-1`]: "#F36363",
+  [`${r}-color-danger-light-2`]: "#F15353",
+  [`${r}-color-danger-light-3`]: "#EF4444",
+  [`${r}-color-danger-light-4`]: "#DC2626",
+  [`${r}-color-danger-light-5`]: "#B91C1C",
+  [`${r}-color-danger-light-6`]: "#991B1B",
+  [`${r}-color-danger-light-7`]: "#7F1D1D",
+  [`${r}-color-danger-light-8`]: "#450A0A",
+  [`${r}-color-danger-light-9`]: "#1C1917",
+  [`${r}-color-info`]: "#9CA3AF",
+  [`${r}-color-info-light-1`]: "#8A919E",
+  [`${r}-color-info-light-2`]: "#7B8290",
+  [`${r}-color-info-light-3`]: "#6B7280",
+  [`${r}-color-info-light-4`]: "#4B5563",
+  [`${r}-color-info-light-5`]: "#374151",
+  [`${r}-color-info-light-6`]: "#1F2937",
+  [`${r}-color-info-light-7`]: "#111827",
+  [`${r}-color-info-light-8`]: "#0A0F1A",
+  [`${r}-color-info-light-9`]: "#030712",
   // 文本颜色
-  [`${o}-color-text-primary`]: "#E5EAF3",
-  [`${o}-color-text-regular`]: "#CFD3DC",
-  [`${o}-color-text-secondary`]: "#A3A6AD",
-  [`${o}-color-text-placeholder`]: "#8D9099",
-  [`${o}-color-text-disabled`]: "#6C6E72",
+  [`${r}-color-text-primary`]: "#F9FAFB",
+  [`${r}-color-text-regular`]: "#E5E7EB",
+  [`${r}-color-text-secondary`]: "#9CA3AF",
+  [`${r}-color-text-placeholder`]: "#6B7280",
+  [`${r}-color-text-disabled`]: "#4B5563",
   // 边框颜色
-  [`${o}-border-color`]: "#4C4D4F",
-  [`${o}-border-color-light`]: "#414243",
-  [`${o}-border-color-lighter`]: "#363637",
-  [`${o}-border-color-extra-light`]: "#2B2B2C",
-  [`${o}-border-color-dark`]: "#58585B",
-  [`${o}-border-color-darker`]: "#6B6B6E",
+  [`${r}-border-color`]: "#374151",
+  [`${r}-border-color-light`]: "#1F2937",
+  [`${r}-border-color-lighter`]: "#111827",
+  [`${r}-border-color-extra-light`]: "#0A0F1A",
+  [`${r}-border-color-dark`]: "#4B5563",
+  [`${r}-border-color-darker`]: "#6B7280",
   // 填充颜色
-  [`${o}-fill-color`]: "#303032",
-  [`${o}-fill-color-light`]: "#262727",
-  [`${o}-fill-color-lighter`]: "#1D1D1D",
-  [`${o}-fill-color-extra-light`]: "#191919",
-  [`${o}-fill-color-dark`]: "#363637",
-  [`${o}-fill-color-darker`]: "#3E3E3F",
-  [`${o}-fill-color-blank`]: "#141414",
+  [`${r}-fill-color`]: "#1F2937",
+  [`${r}-fill-color-light`]: "#111827",
+  [`${r}-fill-color-lighter`]: "#0A0F1A",
+  [`${r}-fill-color-extra-light`]: "#030712",
+  [`${r}-fill-color-dark`]: "#374151",
+  [`${r}-fill-color-darker`]: "#4B5563",
+  [`${r}-fill-color-blank`]: "#111827",
   // 背景颜色
-  [`${o}-bg-color`]: "#141414",
-  [`${o}-bg-color-page`]: "#0a0a0a",
-  [`${o}-bg-color-overlay`]: "#1D1D1D"
+  [`${r}-bg-color`]: "#111827",
+  [`${r}-bg-color-page`]: "#030712",
+  [`${r}-bg-color-overlay`]: "#1F2937",
+  // 阴影（暗色模式需更深阴影才可见）
+  [`${r}-shadow-subtle`]: "0 1px 3px rgba(0, 0, 0, 0.2)",
+  [`${r}-shadow-base`]: "0 2px 6px rgba(0, 0, 0, 0.25)",
+  [`${r}-shadow-elevated`]: "0 4px 16px rgba(0, 0, 0, 0.3)",
+  [`${r}-shadow-prominent`]: "0 8px 32px rgba(0, 0, 0, 0.35)"
 };
-function S() {
-  const e = document.documentElement;
-  Object.entries(b).forEach(([r, t]) => {
-    e.style.setProperty(r, t);
-  });
+function y() {
+  document.documentElement.classList.add("dark");
 }
-function v() {
-  const e = document.documentElement;
-  Object.keys(b).forEach((r) => {
-    e.style.removeProperty(r);
-  });
+function w() {
+  document.documentElement.classList.remove("dark");
+}
+function k() {
+  return document.documentElement.classList.contains("dark");
+}
+function z(l) {
+  l === void 0 ? document.documentElement.classList.toggle("dark") : l ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
 }
 export {
-  D as applyCSSVars,
-  S as applyDarkTheme,
-  o as cssVarPrefix,
-  b as darkCSSVars,
-  y as defaultThemeConfig,
-  m as generateCSSVars,
-  z as generateColorPalette,
-  k as getComponentSize,
-  $ as hexToRgb,
-  C as mixColor,
-  E as removeCSSVars,
-  v as removeDarkTheme,
-  h as rgbToHex,
-  f as sizeMap
+  A as applyCSSVars,
+  y as applyDarkTheme,
+  r as cssVarPrefix,
+  C as darkCSSVars,
+  b as defaultThemeConfig,
+  f as generateCSSVars,
+  B as generateColorPalette,
+  x as getComponentSize,
+  h as hexToRgb,
+  k as isDarkTheme,
+  E as mixColor,
+  D as removeCSSVars,
+  w as removeDarkTheme,
+  m as rgbToHex,
+  g as sizeMap,
+  z as toggleDarkTheme
 };

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./theme/index.cjs"),e=require("./utils/index.cjs"),o=require("./hooks/index.cjs"),n=require("./locale/index.cjs"),t="1.0.0";exports.applyCSSVars=s.applyCSSVars;exports.applyDarkTheme=s.applyDarkTheme;exports.cssVarPrefix=s.cssVarPrefix;exports.darkCSSVars=s.darkCSSVars;exports.defaultThemeConfig=s.defaultThemeConfig;exports.generateCSSVars=s.generateCSSVars;exports.generateColorPalette=s.generateColorPalette;exports.getComponentSize=s.getComponentSize;exports.hexToRgb=s.hexToRgb;exports.mixColor=s.mixColor;exports.removeCSSVars=s.removeCSSVars;exports.removeDarkTheme=s.removeDarkTheme;exports.rgbToHex=s.rgbToHex;exports.sizeMap=s.sizeMap;exports.b=e.b;exports.block=e.block;exports.classNames=e.classNames;exports.coerceToArray=e.coerceToArray;exports.compose=e.compose;exports.constant=e.constant;exports.createNamespace=e.createNamespace;exports.debounce=e.debounce;exports.deepClone=e.deepClone;exports.deepMerge=e.deepMerge;exports.defaultNamespace=e.defaultNamespace;exports.defaultTo=e.defaultTo;exports.drawerZIndex=e.drawerZIndex;exports.dropdownZIndex=e.dropdownZIndex;exports.e=e.e;exports.element=e.element;exports.flatten=e.flatten;exports.get=e.get;exports.getCurrentZIndex=e.getCurrentZIndex;exports.getType=e.getType;exports.getZIndexList=e.getZIndexList;exports.identity=e.identity;exports.is=e.is;exports.isAndroid=e.isAndroid;exports.isArray=e.isArray;exports.isBoolean=e.isBoolean;exports.isBrowser=e.isBrowser;exports.isDate=e.isDate;exports.isDefined=e.isDefined;exports.isEmpty=e.isEmpty;exports.isFalse=e.isFalse;exports.isFunction=e.isFunction;exports.isIOS=e.isIOS;exports.isMobile=e.isMobile;exports.isNil=e.isNil;exports.isNull=e.isNull;exports.isNumber=e.isNumber;exports.isObject=e.isObject;exports.isPlainObject=e.isPlainObject;exports.isPromise=e.isPromise;exports.isRegExp=e.isRegExp;exports.isString=e.isString;exports.isSupportTouch=e.isSupportTouch;exports.isTrue=e.isTrue;exports.isType=e.isType;exports.isUndefined=e.isUndefined;exports.isWechat=e.isWechat;exports.loadingZIndex=e.loadingZIndex;exports.m=e.m;exports.messageZIndex=e.messageZIndex;exports.modalZIndex=e.modalZIndex;exports.modifier=e.modifier;exports.nextDrawerZIndex=e.nextDrawerZIndex;exports.nextDropdownZIndex=e.nextDropdownZIndex;exports.nextLoadingZIndex=e.nextLoadingZIndex;exports.nextMessageZIndex=e.nextMessageZIndex;exports.nextModalZIndex=e.nextModalZIndex;exports.nextPopoverZIndex=e.nextPopoverZIndex;exports.nextSelectZIndex=e.nextSelectZIndex;exports.nextTooltipZIndex=e.nextTooltipZIndex;exports.noop=e.noop;exports.once=e.once;exports.pipe=e.pipe;exports.popoverZIndex=e.popoverZIndex;exports.popupManage=e.popupManage;exports.resetZIndex=e.resetZIndex;exports.selectZIndex=e.selectZIndex;exports.set=e.set;exports.shortId=e.shortId;exports.state=e.state;exports.throttle=e.throttle;exports.tooltipZIndex=e.tooltipZIndex;exports.tryCatch=e.tryCatch;exports.unary=e.unary;exports.unique=e.unique;exports.useClass=e.useClass;exports.useComponentPrefix=e.useComponentPrefix;exports.useNamespace=e.useNamespace;exports.useZIndex=e.useZIndex;exports.uuid=e.uuid;exports.useClickOutside=o.useClickOutside;exports.useDOMObserver=o.useDOMObserver;exports.useDelayedAction=o.useDelayedAction;exports.useDisabled=o.useDisabled;exports.useEscape=o.useEscape;exports.useFocus=o.useFocus;exports.useIntersectionObserver=o.useIntersectionObserver;exports.useLoading=o.useLoading;exports.useModel=o.useModel;exports.useResize=o.useResize;exports.useScroll=o.useScroll;exports.useToggle=o.useToggle;exports.useVisible=o.useVisible;exports.createLocaleProvider=n.createLocaleProvider;exports.getSupportedLocales=n.getSupportedLocales;exports.localeInjectionKey=n.localeInjectionKey;exports.localeNames=n.localeNames;exports.locales=n.locales;exports.useLocale=n.useLocale;exports.version=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./theme/index.cjs"),e=require("./utils/index.cjs"),o=require("./hooks/index.cjs"),n=require("./locale/index.cjs"),t="1.0.0";exports.applyCSSVars=s.applyCSSVars;exports.applyDarkTheme=s.applyDarkTheme;exports.cssVarPrefix=s.cssVarPrefix;exports.darkCSSVars=s.darkCSSVars;exports.defaultThemeConfig=s.defaultThemeConfig;exports.generateCSSVars=s.generateCSSVars;exports.generateColorPalette=s.generateColorPalette;exports.getComponentSize=s.getComponentSize;exports.hexToRgb=s.hexToRgb;exports.isDarkTheme=s.isDarkTheme;exports.mixColor=s.mixColor;exports.removeCSSVars=s.removeCSSVars;exports.removeDarkTheme=s.removeDarkTheme;exports.rgbToHex=s.rgbToHex;exports.sizeMap=s.sizeMap;exports.toggleDarkTheme=s.toggleDarkTheme;exports.b=e.b;exports.block=e.block;exports.classNames=e.classNames;exports.coerceToArray=e.coerceToArray;exports.compose=e.compose;exports.constant=e.constant;exports.createNamespace=e.createNamespace;exports.debounce=e.debounce;exports.deepClone=e.deepClone;exports.deepMerge=e.deepMerge;exports.defaultNamespace=e.defaultNamespace;exports.defaultTo=e.defaultTo;exports.drawerZIndex=e.drawerZIndex;exports.dropdownZIndex=e.dropdownZIndex;exports.e=e.e;exports.element=e.element;exports.flatten=e.flatten;exports.get=e.get;exports.getCurrentZIndex=e.getCurrentZIndex;exports.getType=e.getType;exports.getZIndexList=e.getZIndexList;exports.identity=e.identity;exports.is=e.is;exports.isAndroid=e.isAndroid;exports.isArray=e.isArray;exports.isBoolean=e.isBoolean;exports.isBrowser=e.isBrowser;exports.isDate=e.isDate;exports.isDefined=e.isDefined;exports.isEmpty=e.isEmpty;exports.isFalse=e.isFalse;exports.isFunction=e.isFunction;exports.isIOS=e.isIOS;exports.isMobile=e.isMobile;exports.isNil=e.isNil;exports.isNull=e.isNull;exports.isNumber=e.isNumber;exports.isObject=e.isObject;exports.isPlainObject=e.isPlainObject;exports.isPromise=e.isPromise;exports.isRegExp=e.isRegExp;exports.isString=e.isString;exports.isSupportTouch=e.isSupportTouch;exports.isTrue=e.isTrue;exports.isType=e.isType;exports.isUndefined=e.isUndefined;exports.isWechat=e.isWechat;exports.loadingZIndex=e.loadingZIndex;exports.m=e.m;exports.messageZIndex=e.messageZIndex;exports.modalZIndex=e.modalZIndex;exports.modifier=e.modifier;exports.nextDrawerZIndex=e.nextDrawerZIndex;exports.nextDropdownZIndex=e.nextDropdownZIndex;exports.nextLoadingZIndex=e.nextLoadingZIndex;exports.nextMessageZIndex=e.nextMessageZIndex;exports.nextModalZIndex=e.nextModalZIndex;exports.nextPopoverZIndex=e.nextPopoverZIndex;exports.nextSelectZIndex=e.nextSelectZIndex;exports.nextTooltipZIndex=e.nextTooltipZIndex;exports.noop=e.noop;exports.once=e.once;exports.pipe=e.pipe;exports.popoverZIndex=e.popoverZIndex;exports.popupManage=e.popupManage;exports.resetZIndex=e.resetZIndex;exports.selectZIndex=e.selectZIndex;exports.set=e.set;exports.shortId=e.shortId;exports.state=e.state;exports.throttle=e.throttle;exports.tooltipZIndex=e.tooltipZIndex;exports.tryCatch=e.tryCatch;exports.unary=e.unary;exports.unique=e.unique;exports.useClass=e.useClass;exports.useComponentPrefix=e.useComponentPrefix;exports.useNamespace=e.useNamespace;exports.useZIndex=e.useZIndex;exports.uuid=e.uuid;exports.useClickOutside=o.useClickOutside;exports.useDOMObserver=o.useDOMObserver;exports.useDelayedAction=o.useDelayedAction;exports.useDisabled=o.useDisabled;exports.useEscape=o.useEscape;exports.useFocus=o.useFocus;exports.useIntersectionObserver=o.useIntersectionObserver;exports.useLoading=o.useLoading;exports.useModel=o.useModel;exports.useResize=o.useResize;exports.useScroll=o.useScroll;exports.useToggle=o.useToggle;exports.useVisible=o.useVisible;exports.createLocaleProvider=n.createLocaleProvider;exports.getSupportedLocales=n.getSupportedLocales;exports.localeInjectionKey=n.localeInjectionKey;exports.localeNames=n.localeNames;exports.locales=n.locales;exports.useLocale=n.useLocale;exports.version=t;

package/lib/theme/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y={mode:"light",primary:"#409eff",success:"#67c23a",warning:"#e6a23c",danger:"#f56c6c",info:"#909399",size:"default"},f={large:40,default:32,small:24},S=e=>f[e];function C(e,r=10){const t=[],a=e.startsWith("#"),n=e.startsWith("rgb");let s,c,i;if(a){const l=e.slice(1);s=parseInt(l.slice(0,2),16),c=parseInt(l.slice(2,4),16),i=parseInt(l.slice(4,6),16)}else if(n){const l=e.match(/\d+/g);if(l)s=Number(l[0]),c=Number(l[1]),i=Number(l[2]);else return t}else return t;const x=100/(r+1);for(let l=1;l<=r;l++){const d=1-x*l/100,u=Math.round(s+(255-s)*d),m=Math.round(c+(255-c)*d),h=Math.round(i+(255-i)*d);t.push(`rgb(${u}, ${m}, ${h})`)}return t}const $=e=>{const r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null},p=(e,r,t)=>"#"+[e,r,t].map(a=>a.toString(16).padStart(2,"0")).join(""),k=(e,r,t=.5)=>{const a=$(e),n=$(r);if(!a||!n)return e;const s=Math.round(a.r*(1-t)+n.r*t),c=Math.round(a.g*(1-t)+n.g*t),i=Math.round(a.b*(1-t)+n.b*t);return p(s,c,i)},o="--xto";function b(e){const r=o;return{[`${r}-color-primary`]:e.primary,[`${r}-color-success`]:e.success,[`${r}-color-warning`]:e.warning,[`${r}-color-danger`]:e.danger,[`${r}-color-info`]:e.info,[`${r}-color-text-primary`]:"#303133",[`${r}-color-text-regular`]:"#606266",[`${r}-color-text-secondary`]:"#909399",[`${r}-color-text-placeholder`]:"#a8abb2",[`${r}-color-text-disabled`]:"#c0c4cc",[`${r}-border-color`]:"#dcdfe6",[`${r}-border-color-light`]:"#e4e7ed",[`${r}-border-color-lighter`]:"#ebeef5",[`${r}-border-color-extra-light`]:"#f2f6fc",[`${r}-border-color-dark`]:"#d4d4d4",[`${r}-border-color-darker`]:"#c0c4cc",[`${r}-fill-color`]:"#f5f7fa",[`${r}-fill-color-light`]:"#fafafa",[`${r}-fill-color-lighter`]:"#fafafa",[`${r}-fill-color-extra-light`]:"#fafafa",[`${r}-fill-color-dark`]:"#ebedf0",[`${r}-fill-color-darker`]:"#e6e8eb",[`${r}-fill-color-blank`]:"#ffffff",[`${r}-bg-color`]:"#ffffff",[`${r}-bg-color-page`]:"#f2f3f5",[`${r}-bg-color-overlay`]:"#ffffff",[`${r}-font-family`]:"'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif",[`${r}-font-size-extra-small`]:"12px",[`${r}-font-size-small`]:"13px",[`${r}-font-size-base`]:"14px",[`${r}-font-size-medium`]:"16px",[`${r}-font-size-large`]:"18px",[`${r}-font-size-extra-large`]:"20px",[`${r}-line-height-extra-small`]:"1.4",[`${r}-line-height-small`]:"1.5",[`${r}-line-height-base`]:"1.6",[`${r}-line-height-medium`]:"1.7",[`${r}-line-height-large`]:"1.8",[`${r}-line-height-extra-large`]:"1.9",[`${r}-border-radius-base`]:"4px",[`${r}-border-radius-small`]:"2px",[`${r}-border-radius-large`]:"8px",[`${r}-border-radius-round`]:"20px",[`${r}-border-radius-circle`]:"100%",[`${r}-box-shadow-base`]:"0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)",[`${r}-box-shadow-light`]:"0 2px 12px 0 rgba(0, 0, 0, 0.1)",[`${r}-box-shadow-lighter`]:"0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",[`${r}-box-shadow-dark`]:"0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",[`${r}-component-size`]:`${f[e.size]}px`,[`${r}-component-size-large`]:`${f.large}px`,[`${r}-component-size-small`]:`${f.small}px`,[`${r}-transition-duration`]:"0.3s",[`${r}-transition-duration-fast`]:"0.2s",[`${r}-transition-function`]:"cubic-bezier(0.645, 0.045, 0.355, 1)"}}function z(e){const r=b(e),t=document.documentElement;Object.entries(r).forEach(([a,n])=>{t.style.setProperty(a,n)})}function D(){const r=document.documentElement.style;for(let t=r.length-1;t>=0;t--){const a=r[t];a.startsWith(o)&&r.removeProperty(a)}}const g={[`${o}-color-text-primary`]:"#E5EAF3",[`${o}-color-text-regular`]:"#CFD3DC",[`${o}-color-text-secondary`]:"#A3A6AD",[`${o}-color-text-placeholder`]:"#8D9099",[`${o}-color-text-disabled`]:"#6C6E72",[`${o}-border-color`]:"#4C4D4F",[`${o}-border-color-light`]:"#414243",[`${o}-border-color-lighter`]:"#363637",[`${o}-border-color-extra-light`]:"#2B2B2C",[`${o}-border-color-dark`]:"#58585B",[`${o}-border-color-darker`]:"#6B6B6E",[`${o}-fill-color`]:"#303032",[`${o}-fill-color-light`]:"#262727",[`${o}-fill-color-lighter`]:"#1D1D1D",[`${o}-fill-color-extra-light`]:"#191919",[`${o}-fill-color-dark`]:"#363637",[`${o}-fill-color-darker`]:"#3E3E3F",[`${o}-fill-color-blank`]:"#141414",[`${o}-bg-color`]:"#141414",[`${o}-bg-color-page`]:"#0a0a0a",[`${o}-bg-color-overlay`]:"#1D1D1D"};function E(){const e=document.documentElement;Object.entries(g).forEach(([r,t])=>{e.style.setProperty(r,t)})}function v(){const e=document.documentElement;Object.keys(g).forEach(r=>{e.style.removeProperty(r)})}exports.applyCSSVars=z;exports.applyDarkTheme=E;exports.cssVarPrefix=o;exports.darkCSSVars=g;exports.defaultThemeConfig=y;exports.generateCSSVars=b;exports.generateColorPalette=C;exports.getComponentSize=S;exports.hexToRgb=$;exports.mixColor=k;exports.removeCSSVars=D;exports.removeDarkTheme=v;exports.rgbToHex=p;exports.sizeMap=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={mode:"light",primary:"#4F46E5",success:"#10B981",warning:"#F59E0B",danger:"#EF4444",info:"#6B7280",size:"default"},g={large:40,default:32,small:24},x=l=>g[l];function B(l,o=10){const e=[],t=l.startsWith("#"),c=l.startsWith("rgb");let n,a,s;if(t){const i=l.slice(1);n=parseInt(i.slice(0,2),16),a=parseInt(i.slice(2,4),16),s=parseInt(i.slice(4,6),16)}else if(c){const i=l.match(/\d+/g);if(i)n=Number(i[0]),a=Number(i[1]),s=Number(i[2]);else return e}else return e;const p=100/(o+1);for(let i=1;i<=o;i++){const $=1-p*i/100,m=Math.round(n+(255-n)*$),u=Math.round(a+(255-a)*$),f=Math.round(s+(255-s)*$);e.push(`rgb(${m}, ${u}, ${f})`)}return e}const h=l=>{const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(l);return o?{r:parseInt(o[1],16),g:parseInt(o[2],16),b:parseInt(o[3],16)}:null},d=(l,o,e)=>"#"+[l,o,e].map(t=>t.toString(16).padStart(2,"0")).join(""),E=(l,o,e=.5)=>{const t=h(l),c=h(o);if(!t||!c)return l;const n=Math.round(t.r*(1-e)+c.r*e),a=Math.round(t.g*(1-e)+c.g*e),s=Math.round(t.b*(1-e)+c.b*e);return d(n,a,s)},r="--xto";function F(l){const o=r;return{[`${o}-color-primary`]:l.primary,[`${o}-color-on-primary`]:"#FFFFFF",[`${o}-color-secondary`]:"#6366F1",[`${o}-color-accent`]:"#EA580C",[`${o}-color-destructive`]:"#DC2626",[`${o}-color-ring`]:l.primary,[`${o}-color-primary-light-1`]:"#5B54E8",[`${o}-color-primary-light-2`]:"#6366F1",[`${o}-color-primary-light-3`]:"#7578F3",[`${o}-color-primary-light-4`]:"#818CF8",[`${o}-color-primary-light-5`]:"#93A0FA",[`${o}-color-primary-light-6`]:"#A5B4FC",[`${o}-color-primary-light-7`]:"#BCC5FD",[`${o}-color-primary-light-8`]:"#D4D7FE",[`${o}-color-primary-light-9`]:"#EEF2FF",[`${o}-color-success`]:l.success,[`${o}-color-success-light-1`]:"#14C68E",[`${o}-color-success-light-2`]:"#1AD49B",[`${o}-color-success-light-3`]:"#2DD4A0",[`${o}-color-success-light-4`]:"#34D399",[`${o}-color-success-light-5`]:"#4EDDA6",[`${o}-color-success-light-6`]:"#6EE7B7",[`${o}-color-success-light-7`]:"#A7F3D0",[`${o}-color-success-light-8`]:"#D1FAE5",[`${o}-color-success-light-9`]:"#ECFDF5",[`${o}-color-warning`]:l.warning,[`${o}-color-warning-light-1`]:"#F7A621",[`${o}-color-warning-light-2`]:"#F9B037",[`${o}-color-warning-light-3`]:"#FBBF24",[`${o}-color-warning-light-4`]:"#FCD34D",[`${o}-color-warning-light-5`]:"#FDE047",[`${o}-color-warning-light-6`]:"#FEE78A",[`${o}-color-warning-light-7`]:"#FEF3C7",[`${o}-color-warning-light-8`]:"#FEF9C3",[`${o}-color-warning-light-9`]:"#FFFBEB",[`${o}-color-danger`]:l.danger,[`${o}-color-danger-light-1`]:"#F15353",[`${o}-color-danger-light-2`]:"#F36363",[`${o}-color-danger-light-3`]:"#F87171",[`${o}-color-danger-light-4`]:"#F98A8A",[`${o}-color-danger-light-5`]:"#FCA5A5",[`${o}-color-danger-light-6`]:"#FDBDBD",[`${o}-color-danger-light-7`]:"#FECACA",[`${o}-color-danger-light-8`]:"#FEE2E2",[`${o}-color-danger-light-9`]:"#FEF2F2",[`${o}-color-info`]:l.info,[`${o}-color-info-light-1`]:"#7B8290",[`${o}-color-info-light-2`]:"#8A919E",[`${o}-color-info-light-3`]:"#9CA3AF",[`${o}-color-info-light-4`]:"#AAB0BB",[`${o}-color-info-light-5`]:"#B8BDC7",[`${o}-color-info-light-6`]:"#C9CDD5",[`${o}-color-info-light-7`]:"#D1D5DB",[`${o}-color-info-light-8`]:"#E5E7EB",[`${o}-color-info-light-9`]:"#F3F4F6",[`${o}-color-text-primary`]:"#1F2937",[`${o}-color-text-regular`]:"#4B5563",[`${o}-color-text-secondary`]:"#6B7280",[`${o}-color-text-placeholder`]:"#9CA3AF",[`${o}-color-text-disabled`]:"#D1D5DB",[`${o}-border-color`]:"#D1D5DB",[`${o}-border-color-light`]:"#E5E7EB",[`${o}-border-color-lighter`]:"#F3F4F6",[`${o}-border-color-extra-light`]:"#F9FAFB",[`${o}-border-color-dark`]:"#9CA3AF",[`${o}-border-color-darker`]:"#6B7280",[`${o}-fill-color`]:"#F3F4F6",[`${o}-fill-color-light`]:"#F9FAFB",[`${o}-fill-color-lighter`]:"#F9FAFB",[`${o}-fill-color-extra-light`]:"#F9FAFB",[`${o}-fill-color-dark`]:"#E5E7EB",[`${o}-fill-color-darker`]:"#D1D5DB",[`${o}-fill-color-blank`]:"#FFFFFF",[`${o}-bg-color`]:"#FFFFFF",[`${o}-bg-color-page`]:"#F9FAFB",[`${o}-bg-color-overlay`]:"#FFFFFF",[`${o}-border-radius-small`]:"4px",[`${o}-border-radius-base`]:"6px",[`${o}-border-radius-large`]:"8px",[`${o}-border-radius-xl`]:"12px",[`${o}-border-radius-round`]:"20px",[`${o}-border-radius-circle`]:"100%",[`${o}-shadow-subtle`]:"0 1px 2px rgba(0, 0, 0, 0.05)",[`${o}-shadow-base`]:"0 2px 4px rgba(0, 0, 0, 0.08)",[`${o}-shadow-elevated`]:"0 4px 12px rgba(0, 0, 0, 0.1)",[`${o}-shadow-prominent`]:"0 8px 24px rgba(0, 0, 0, 0.12)",[`${o}-font-family`]:"'Inter', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",[`${o}-font-size-xs`]:"12px",[`${o}-font-size-sm`]:"13px",[`${o}-font-size-base`]:"14px",[`${o}-font-size-md`]:"16px",[`${o}-font-size-lg`]:"18px",[`${o}-font-size-xl`]:"20px",[`${o}-line-height-tight`]:"1.3",[`${o}-line-height-base`]:"1.5",[`${o}-line-height-normal`]:"1.6",[`${o}-line-height-loose`]:"1.8",[`${o}-spacing-xs`]:"4px",[`${o}-spacing-sm`]:"8px",[`${o}-spacing-md`]:"12px",[`${o}-spacing-base`]:"16px",[`${o}-spacing-lg`]:"24px",[`${o}-spacing-xl`]:"32px",[`${o}-component-size`]:`${g[l.size]}px`,[`${o}-component-size-large`]:`${g.large}px`,[`${o}-component-size-small`]:`${g.small}px`,[`${o}-transition-duration-fast`]:"150ms",[`${o}-transition-duration-base`]:"250ms",[`${o}-transition-duration-slow`]:"350ms",[`${o}-transition-easing`]:"cubic-bezier(0.4, 0, 0.2, 1)",[`${o}-transition-easing-in`]:"cubic-bezier(0.4, 0, 1, 1)",[`${o}-transition-easing-out`]:"cubic-bezier(0, 0, 0.2, 1)"}}function A(l){const o=F(l),e=document.documentElement;Object.entries(o).forEach(([t,c])=>{e.style.setProperty(t,c)})}function C(){const o=document.documentElement.style;for(let e=o.length-1;e>=0;e--){const t=o[e];t.startsWith(r)&&o.removeProperty(t)}}const D={[`${r}-color-primary`]:"#818CF8",[`${r}-color-on-primary`]:"#1E1B4B",[`${r}-color-secondary`]:"#A5B4FC",[`${r}-color-accent`]:"#FB923C",[`${r}-color-destructive`]:"#F87171",[`${r}-color-ring`]:"#818CF8",[`${r}-color-primary-light-1`]:"#7578F3",[`${r}-color-primary-light-2`]:"#6366F1",[`${r}-color-primary-light-3`]:"#6366F1",[`${r}-color-primary-light-4`]:"#4F46E5",[`${r}-color-primary-light-5`]:"#4338CA",[`${r}-color-primary-light-6`]:"#3730A3",[`${r}-color-primary-light-7`]:"#312E81",[`${r}-color-primary-light-8`]:"#2B2680",[`${r}-color-primary-light-9`]:"#1E1B4B",[`${r}-color-success`]:"#34D399",[`${r}-color-success-light-1`]:"#2DD4A0",[`${r}-color-success-light-2`]:"#1AD49B",[`${r}-color-success-light-3`]:"#14C68E",[`${r}-color-success-light-4`]:"#10B981",[`${r}-color-success-light-5`]:"#059669",[`${r}-color-success-light-6`]:"#047857",[`${r}-color-success-light-7`]:"#065F46",[`${r}-color-success-light-8`]:"#064E3B",[`${r}-color-success-light-9`]:"#022C22",[`${r}-color-warning`]:"#FBBF24",[`${r}-color-warning-light-1`]:"#F9B037",[`${r}-color-warning-light-2`]:"#F7A621",[`${r}-color-warning-light-3`]:"#F59E0B",[`${r}-color-warning-light-4`]:"#D97706",[`${r}-color-warning-light-5`]:"#B45309",[`${r}-color-warning-light-6`]:"#92400E",[`${r}-color-warning-light-7`]:"#78350F",[`${r}-color-warning-light-8`]:"#451A03",[`${r}-color-warning-light-9`]:"#1C1917",[`${r}-color-danger`]:"#F87171",[`${r}-color-danger-light-1`]:"#F36363",[`${r}-color-danger-light-2`]:"#F15353",[`${r}-color-danger-light-3`]:"#EF4444",[`${r}-color-danger-light-4`]:"#DC2626",[`${r}-color-danger-light-5`]:"#B91C1C",[`${r}-color-danger-light-6`]:"#991B1B",[`${r}-color-danger-light-7`]:"#7F1D1D",[`${r}-color-danger-light-8`]:"#450A0A",[`${r}-color-danger-light-9`]:"#1C1917",[`${r}-color-info`]:"#9CA3AF",[`${r}-color-info-light-1`]:"#8A919E",[`${r}-color-info-light-2`]:"#7B8290",[`${r}-color-info-light-3`]:"#6B7280",[`${r}-color-info-light-4`]:"#4B5563",[`${r}-color-info-light-5`]:"#374151",[`${r}-color-info-light-6`]:"#1F2937",[`${r}-color-info-light-7`]:"#111827",[`${r}-color-info-light-8`]:"#0A0F1A",[`${r}-color-info-light-9`]:"#030712",[`${r}-color-text-primary`]:"#F9FAFB",[`${r}-color-text-regular`]:"#E5E7EB",[`${r}-color-text-secondary`]:"#9CA3AF",[`${r}-color-text-placeholder`]:"#6B7280",[`${r}-color-text-disabled`]:"#4B5563",[`${r}-border-color`]:"#374151",[`${r}-border-color-light`]:"#1F2937",[`${r}-border-color-lighter`]:"#111827",[`${r}-border-color-extra-light`]:"#0A0F1A",[`${r}-border-color-dark`]:"#4B5563",[`${r}-border-color-darker`]:"#6B7280",[`${r}-fill-color`]:"#1F2937",[`${r}-fill-color-light`]:"#111827",[`${r}-fill-color-lighter`]:"#0A0F1A",[`${r}-fill-color-extra-light`]:"#030712",[`${r}-fill-color-dark`]:"#374151",[`${r}-fill-color-darker`]:"#4B5563",[`${r}-fill-color-blank`]:"#111827",[`${r}-bg-color`]:"#111827",[`${r}-bg-color-page`]:"#030712",[`${r}-bg-color-overlay`]:"#1F2937",[`${r}-shadow-subtle`]:"0 1px 3px rgba(0, 0, 0, 0.2)",[`${r}-shadow-base`]:"0 2px 6px rgba(0, 0, 0, 0.25)",[`${r}-shadow-elevated`]:"0 4px 16px rgba(0, 0, 0, 0.3)",[`${r}-shadow-prominent`]:"0 8px 32px rgba(0, 0, 0, 0.35)"};function y(){document.documentElement.classList.add("dark")}function w(){document.documentElement.classList.remove("dark")}function k(){return document.documentElement.classList.contains("dark")}function S(l){l===void 0?document.documentElement.classList.toggle("dark"):l?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}exports.applyCSSVars=A;exports.applyDarkTheme=y;exports.cssVarPrefix=r;exports.darkCSSVars=D;exports.defaultThemeConfig=b;exports.generateCSSVars=F;exports.generateColorPalette=B;exports.getComponentSize=x;exports.hexToRgb=h;exports.isDarkTheme=k;exports.mixColor=E;exports.removeCSSVars=C;exports.removeDarkTheme=w;exports.rgbToHex=d;exports.sizeMap=g;exports.toggleDarkTheme=S;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xto/core",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "Xto Core - Theme, hooks, utils, i18n and types",
   "homepage": "https://jinguchu.github.io/xto-ui/",
   "repository": {
@@ -45,18 +45,18 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "vite build"
-  },
   "peerDependencies": {
     "vue": "^3.4.0"
   },
   "devDependencies": {
-    "@xto/build": "workspace:*",
     "typescript": "^5.4.2",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^1.4.0",
-    "vue": "^3.4.21"
+    "vue": "^3.4.21",
+    "@xto/build": "0.1.0"
+  },
+  "scripts": {
+    "build": "vite build"
   }
 }