@svadmin/core 0.56.0 → 0.58.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/core",
-  "version": "0.56.0",
+  "version": "0.58.0",
   "author": "zuohuadong",
   "repository": {
     "type": "git",
@@ -133,6 +133,7 @@
   "type": "module",
   "types": "src/index.ts",
   "dependencies": {
+    "@types/papaparse": "^5.5.2",
     "@internationalized/date": "^3.12.3",
     "@sinclair/typebox": "^0.34.52",
     "papaparse": "^5.5.4"

package/src/theme.svelte.ts

@@ -6,7 +6,7 @@ import { definedOptions } from './defined-options';
 //   - 'dark-first': adds 'light' class for light mode (dark-first)
 
 export type ThemeMode='light'|'dark'|'system';
-export type ColorTheme='blue'|'green'|'rose'|'orange'|'violet'|'neutral';
+export type ColorTheme='blue'|'green'|'rose'|'orange'|'violet'|'neutral'|'indigo'|'stripe';
 
 /** Controls how the theme class is applied to <html> */
 export type ThemeStrategy='standard'|'dark-first';
@@ -190,6 +190,29 @@ export const builtinPresets: Record<string,ColorPreset>=$state({
       '--chart-1': 'oklch(0.65 0.25 293)',
     },
   },
+  stripe: {
+    name: 'stripe',
+    label: 'Stripe',
+    color: '#635bff',
+    light: {
+      '--primary': 'oklch(0.54 0.24 293)',
+      '--primary-foreground': 'oklch(0.99 0 0)',
+      '--ring': 'oklch(0.54 0.24 293)',
+      '--sidebar-primary': 'oklch(0.54 0.24 293)',
+      '--sidebar-primary-foreground': 'oklch(0.99 0 0)',
+      '--sidebar-ring': 'oklch(0.54 0.24 293)',
+      '--chart-1': 'oklch(0.54 0.24 293)',
+    },
+    dark: {
+      '--primary': 'oklch(0.72 0.19 293)',
+      '--primary-foreground': 'oklch(0.16 0.02 270)',
+      '--ring': 'oklch(0.72 0.19 293)',
+      '--sidebar-primary': 'oklch(0.72 0.19 293)',
+      '--sidebar-primary-foreground': 'oklch(0.16 0.02 270)',
+      '--sidebar-ring': 'oklch(0.72 0.19 293)',
+      '--chart-1': 'oklch(0.72 0.19 293)',
+    },
+  },
 });
 
 /** Register a custom color preset. Overwrites any built-in preset with the same name. */
@@ -223,6 +246,8 @@ export interface ThemeConfig {
 
 /** Explicit document-level values contributed by one mounted AdminApp. */
 export interface ThemeOwnerOptions {
+  /** 仅在没有显式主题 owner 或 legacy 配置时使用，不接管其他实例的主题。 */
+  fallbackThemeConfig?: ThemeConfig;
   themeConfig?: ThemeConfig;
   defaultTheme?: ThemeMode;
 }
@@ -262,6 +287,9 @@ function cloneThemeConfig(config: ThemeConfig={}): ThemeConfig {
 
 function cloneOwnerOptions(options: ThemeOwnerOptions): ThemeOwnerOptions {
   return definedOptions({
+    fallbackThemeConfig: options.fallbackThemeConfig === undefined
+      ? undefined
+      : cloneThemeConfig(options.fallbackThemeConfig),
     defaultTheme: options.defaultTheme,
     themeConfig: options.themeConfig===undefined
       ? undefined
@@ -297,7 +325,8 @@ function readStoredTheme(): ThemeMode|undefined {
 
 function readStoredColorTheme(): ColorTheme {
   const stored=getStorage()?.getItem(COLOR_STORAGE_KEY);
-  return stored&&builtinPresets[stored]? stored as ColorTheme:'blue';
+  // Stripe is the product default; an existing persisted preset remains authoritative.
+  return stored&&builtinPresets[stored]? stored as ColorTheme:'stripe';
 }
 
 function persistSelection(key: string,value: string): void {
@@ -331,9 +360,10 @@ function clearAppliedArtifacts(): void {
   removeCssProperties(activePresetVars);
   activeCssOverrideVars=[];
   activePresetVars=[];
-  root.classList.remove('layout-clean-flat','light','dark');
+  root.classList.remove('layout-clean-flat','light','dark','svadmin-theme-light','svadmin-theme-dark');
   root.style.removeProperty('color-scheme');
   root.removeAttribute('data-theme');
+  root.removeAttribute('data-theme-mode');
 }
 
 function applyThemeClasses(themeMode: ThemeMode,config: ThemeConfig): void {
@@ -350,6 +380,9 @@ function applyThemeClasses(themeMode: ThemeMode,config: ThemeConfig): void {
     root.classList.toggle('dark',resolved==='dark');
     root.classList.remove('light');
   }
+  root.classList.toggle('svadmin-theme-light',resolved==='light');
+  root.classList.toggle('svadmin-theme-dark',resolved==='dark');
+  root.setAttribute('data-theme-mode',resolved);
 
   if(!config.disableColorScheme) root.style.colorScheme=resolved;
 }
@@ -381,8 +414,10 @@ function applyCssOverrides(overrides: Record<string,string>): void {
 function applyEffectiveTheme(): void {
   const owner=getActiveOwner();
   const nextConfig=owner
-    ? cloneThemeConfig(owner.options.themeConfig)
-    :cloneThemeConfig(legacyThemeConfig);
+    ? cloneThemeConfig(owner.options.themeConfig ?? owner.options.fallbackThemeConfig)
+    :cloneThemeConfig(Object.keys(legacyThemeConfig).length
+      ? legacyThemeConfig
+      : themeOwners.at(-1)?.options.fallbackThemeConfig);
   const nextMode=selectedMode??owner?.options.defaultTheme??'system';
   const configuredPreset=!colorSelectionOverridesConfig&&nextConfig.colorPreset
     ? resolvePreset(nextConfig.colorPreset)
@@ -485,8 +520,8 @@ export function registerThemeOwner(options: ThemeOwnerOptions): ThemeOwnerToken|
 
   if(isExplicitOwner(entry.options)) {
     colorSelectionOverridesConfig=false;
-    applyEffectiveTheme();
   }
+  if(isExplicitOwner(entry.options)||entry.options.fallbackThemeConfig) applyEffectiveTheme();
 
   return token;
 }
@@ -501,11 +536,12 @@ export function updateThemeOwner(
   if(!owner) return;
 
   const wasExplicit=isExplicitOwner(owner.options);
+  const hadFallback=owner.options.fallbackThemeConfig!==undefined;
   owner.options=cloneOwnerOptions(options);
   if(wasExplicit||isExplicitOwner(owner.options)) {
     colorSelectionOverridesConfig=false;
-    applyEffectiveTheme();
   }
+  if(wasExplicit||isExplicitOwner(owner.options)||hadFallback||owner.options.fallbackThemeConfig) applyEffectiveTheme();
 }
 
 /** Remove an owner safely regardless of its position in the stack. */
@@ -517,8 +553,8 @@ export function unregisterThemeOwner(token: ThemeOwnerToken|undefined): void {
   const [removed]=themeOwners.splice(index,1);
   if(removed&&isExplicitOwner(removed.options)) {
     colorSelectionOverridesConfig=false;
-    applyEffectiveTheme();
   }
+  if(removed&&(isExplicitOwner(removed.options)||removed.options.fallbackThemeConfig)) applyEffectiveTheme();
 }
 
 export function resetTheme(): void {