musae 1.0.27-beta.35 → 1.0.27-beta.37

package/dist/components/theme/hooks.cjs

@@ -137,8 +137,10 @@ var useTheme = function useTheme() {
  * for animations
  */
 var useSwitchable = function useSwitchable(_ref) {
-  var theme = _ref.theme;
-  var _useState = React.useState("light"),
+  var theme = _ref.theme,
+    _ref$defaultMode = _ref.defaultMode,
+    defaultMode = _ref$defaultMode === void 0 ? "light" : _ref$defaultMode;
+  var _useState = React.useState(defaultMode),
     _useState2 = _slicedToArray(_useState, 2),
     mode = _useState2[0],
     setMode = _useState2[1];
@@ -189,7 +191,7 @@ var useSwitchable = function useSwitchable(_ref) {
     if (!relax.isFunction(document.startViewTransition)) {
       var _trigger$current;
       (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(nextMode);
-      return;
+      return nextMode;
     }
     var animation = document.startViewTransition(function () {
       var _trigger$current2;
@@ -214,6 +216,7 @@ var useSwitchable = function useSwitchable(_ref) {
       var _document$documentEle4;
       (_document$documentEle4 = document.documentElement.classList).remove.apply(_document$documentEle4, _toConsumableArray(className.normalize(styled.lighting.className, styled.darking.className)));
     });
+    return nextMode;
   });
   return {
     mode: mode,

package/dist/components/theme/hooks.d.ts

@@ -21,10 +21,11 @@ export declare const useTheme: () => ContextValue;
  * inject css names and styles into html element
  * for animations
  */
-export declare const useSwitchable: ({ theme }: {
+export declare const useSwitchable: ({ theme, defaultMode, }: {
     theme: Theme;
+    defaultMode?: Mode;
 }) => {
     mode: Mode;
-    toggle: (event?: MouseEvent) => void;
+    toggle: (event?: MouseEvent) => Mode;
     colors: Record<import("../../utils/color-role").ColorRole, string>;
 };

package/dist/components/theme/hooks.mjs

@@ -135,8 +135,10 @@ var useTheme = function useTheme() {
  * for animations
  */
 var useSwitchable = function useSwitchable(_ref) {
-  var theme = _ref.theme;
-  var _useState = useState("light"),
+  var theme = _ref.theme,
+    _ref$defaultMode = _ref.defaultMode,
+    defaultMode = _ref$defaultMode === void 0 ? "light" : _ref$defaultMode;
+  var _useState = useState(defaultMode),
     _useState2 = _slicedToArray(_useState, 2),
     mode = _useState2[0],
     setMode = _useState2[1];
@@ -187,7 +189,7 @@ var useSwitchable = function useSwitchable(_ref) {
     if (!isFunction(document.startViewTransition)) {
       var _trigger$current;
       (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(nextMode);
-      return;
+      return nextMode;
     }
     var animation = document.startViewTransition(function () {
       var _trigger$current2;
@@ -212,6 +214,7 @@ var useSwitchable = function useSwitchable(_ref) {
       var _document$documentEle4;
       (_document$documentEle4 = document.documentElement.classList).remove.apply(_document$documentEle4, _toConsumableArray(normalize(styled.lighting.className, styled.darking.className)));
     });
+    return nextMode;
   });
   return {
     mode: mode,

package/dist/components/theme/theme-provider.cjs

@@ -15,6 +15,7 @@ var relax = require('@aiszlab/relax');
  */
 var ThemeProvider = function ThemeProvider(_ref) {
   var _theme = _ref.theme,
+    defaultMode = _ref.defaultMode,
     children = _ref.children;
   var theme = React.useMemo(function () {
     if (!_theme) {
@@ -27,7 +28,8 @@ var ThemeProvider = function ThemeProvider(_ref) {
     });
   }, [_theme]);
   var _useSwitchable = hooks.useSwitchable({
-      theme: theme
+      theme: theme,
+      defaultMode: defaultMode
     }),
     mode = _useSwitchable.mode,
     toggle = _useSwitchable.toggle,

package/dist/components/theme/theme-provider.d.ts

@@ -7,5 +7,5 @@ import type { Props } from "../../types/theme";
  * theme provider
  * if user provider theme, we will merge it with presets theme
  */
-declare const ThemeProvider: ({ theme: _theme, children }: Props) => React.JSX.Element;
+declare const ThemeProvider: ({ theme: _theme, defaultMode, children }: Props) => React.JSX.Element;
 export default ThemeProvider;

package/dist/components/theme/theme-provider.mjs

@@ -11,6 +11,7 @@ import { merge } from '@aiszlab/relax';
  */
 var ThemeProvider = function ThemeProvider(_ref) {
   var _theme = _ref.theme,
+    defaultMode = _ref.defaultMode,
     children = _ref.children;
   var theme = useMemo(function () {
     if (!_theme) {
@@ -23,7 +24,8 @@ var ThemeProvider = function ThemeProvider(_ref) {
     });
   }, [_theme]);
   var _useSwitchable = useSwitchable({
-      theme: theme
+      theme: theme,
+      defaultMode: defaultMode
     }),
     mode = _useSwitchable.mode,
     toggle = _useSwitchable.toggle,

package/dist/types/theme.d.ts

@@ -17,8 +17,13 @@ export interface Props {
      */
     children: ReactNode;
     /**
-     * @description
-     * theme
+     * @zh 默认主题模式，默认为 "light"
+     * @en default theme mode, defaults to "light"
+     */
+    defaultMode?: Mode;
+    /**
+     * @zh 主题配置
+     * @en theme configuration
      */
     theme?: Theme;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.0.27-beta.35",
+  "version": "1.0.27-beta.37",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",