feat: support pwa

packages/@core/forward/preferences/src/preferences.ts

@@ -245,7 +245,11 @@ class PreferenceManager {
     this.initialPreferences = merge({}, overrides, defaultPreferences);
 
     // 加载并合并当前存储的偏好设置
-    const mergedPreference = merge({}, this.loadCachedPreferences(), overrides);
+    const mergedPreference = merge(
+      {},
+      this.loadCachedPreferences(),
+      this.initialPreferences,
+    );
 
     // 更新偏好设置
     this.updatePreferences(mergedPreference);

packages/@core/shared/design-tokens/src/dark/index.css

@@ -1,13 +1,8 @@
 :root.dark {
   /* 基础背景颜色颜色 */
 
-  /* --color-background: 240 6% 18%; */
-  // --color-body: 220deg 13.04% 8%;
-  // --color-body: hsl(240deg 11% 4%);
   --color-background: 220deg 13.04% 8%;
 
-  /* --color-background: 219 42% 11%; */
-
   /* 基础文本颜色 */
   --color-foreground: 220 13% 91%;
 

packages/@core/shared/design-tokens/src/default/index.css

@@ -1,13 +1,6 @@
 /* https://gavin-yyc.github.io/colorconvert/ */
 :root {
-  /* 基础背景颜色颜色 */
-
-  /* --color-background: 210deg 25% 96.86%; */
-  // --color-main: 210deg 25% 96.86%;
   --color-background: 0 0 100%;
-  // --color-darken-background: 220deg 13.04% 8%;
-
-  /* --color-background: 220 14% 95%; */
 
   /* 基础文本颜色 */
   --color-foreground: 210 6% 21%;
@@ -85,12 +78,9 @@
   /* menu */
   --color-menu-dark: 225deg 12% 13%;
   --color-menu-dark-darken: 223deg 11% 10%;
-  // --color-menu-darken: var(--color-background);
-  // --color-menu-opened-dark: 225deg 12.12% 11%;
   --color-menu: 0deg 0% 100%;
   --color-menu-darken: 0deg 0% 95%;
 
   accent-color: var(--color-primary);
   color-scheme: light;
-  // --color-menu-opened: 0deg 0% 100%;
 }

packages/@core/shared/design-tokens/src/index.ts

@@ -1,4 +1,4 @@
-import './default/index.scss';
-import './dark/index.scss';
+import './default/index.css';
+import './dark/index.css';
 
 export {};

packages/@core/uikit/layout-ui/src/components/layout-sidebar.vue

@@ -296,43 +296,3 @@ function handleMouseleave() {
     </div>
   </aside>
 </template>
-
-<style scoped lang="scss">
-// @include b('sidebar') {
-//   --color-surface: var(--color-menu);
-
-//   @include is('dark') {
-//     --color-surface: var(--color-menu-dark);
-//   }
-
-//   @include e('shadow') {
-//     position: absolute;
-//     top: 0;
-//     z-index: 1;
-//     inline-size: 100%;
-//     block-size: 40px;
-//     height: 50px;
-//     pointer-events: none;
-//     background: linear-gradient(
-//       to bottom,
-//       hsl(var(--color-surface)),
-//       transparent
-//     );
-//     opacity: 0;
-//     transition: opacity 0.15s ease-in-out;
-//     will-change: opacity;
-
-//     &.scrolled {
-//       opacity: 1;
-//     }
-//   }
-
-//   @include is('dark') {
-//     .#{$namespace}-side__extra {
-//       &-content {
-//         border-color: hsl(var(--color-dark-border)) !important;
-//       }
-//     }
-//   }
-// }
-</style>

packages/@core/uikit/shadcn-ui/src/components/sheet/sheet.vue

@@ -68,7 +68,7 @@ function handlerSubmit() {
     <SheetContent :style="contentStyle" class="!w-full pb-12 sm:rounded-l-lg">
       <SheetHeader
         :class="description ? 'h-16' : 'h-12'"
-        class="border-border flex flex-row items-center justify-between border-b pl-5 pr-3"
+        class="border-border flex flex-row items-center justify-between border-b pl-3 pr-3"
       >
         <div class="flex w-full items-center justify-between">
           <div>