musae 1.0.27-beta.42 → 1.0.27-beta.43

package/dist/components/switch/switch.cjs

@@ -24,13 +24,15 @@ var Switch = function Switch(_ref) {
     uncheckedChildren = _ref.uncheckedChildren,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    onClick = _ref.onClick;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _useControlledState = relax.useControlledState(value),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     isChecked = _useControlledState2[0],
     setIsChecked = _useControlledState2[1];
-  var toggle = relax.useEvent(function () {
+  var toggle = relax.useEvent(function (event) {
+    onClick === null || onClick === void 0 || onClick(event);
     var _isChecked = !isChecked;
     setIsChecked(_isChecked);
     onChange === null || onChange === void 0 || onChange(_isChecked);

package/dist/components/switch/switch.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { SwitchProps } from "../../types/switch";
-declare const Switch: ({ value, style, className, icon, checkedChildren, uncheckedChildren, disabled, onChange, }: SwitchProps) => React.JSX.Element;
+declare const Switch: ({ value, style, className, icon, checkedChildren, uncheckedChildren, disabled, onChange, onClick, }: SwitchProps) => React.JSX.Element;
 export default Switch;

package/dist/components/switch/switch.mjs

@@ -20,13 +20,15 @@ var Switch = function Switch(_ref) {
     uncheckedChildren = _ref.uncheckedChildren,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    onClick = _ref.onClick;
   var classNames = useClassNames(CLASS_NAMES);
   var _useControlledState = useControlledState(value),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     isChecked = _useControlledState2[0],
     setIsChecked = _useControlledState2[1];
-  var toggle = useEvent(function () {
+  var toggle = useEvent(function (event) {
+    onClick === null || onClick === void 0 || onClick(event);
     var _isChecked = !isChecked;
     setIsChecked(_isChecked);
     onChange === null || onChange === void 0 || onChange(_isChecked);

package/dist/components/theme/hooks.cjs

@@ -174,8 +174,8 @@ var useSwitchable = function useSwitchable(_ref) {
     (_document$documentEle2 = document.documentElement.classList).add.apply(_document$documentEle2, _toConsumableArray(className.normalize(styled[nextMode].className, styled[isDarking ? "darking" : "lighting"].className)));
   });
   relax.useMounted(function () {
-    var _document$documentEle3, _document$documentEle4;
-    (_document$documentEle3 = document.documentElement.classList).add.apply(_document$documentEle3, _toConsumableArray(className.normalize(styled["default"].className)));
+    var _document$documentEle3;
+    (_document$documentEle3 = document.documentElement.classList).add.apply(_document$documentEle3, _toConsumableArray(className.normalize(styled["default"].className)).concat(_toConsumableArray(className.normalize(styled[mode].className))));
     document.documentElement.attributeStyleMap.set("--color-light", theme.palette.neutral[100]);
     document.documentElement.attributeStyleMap.set("--color-dark", theme.palette.neutral[0]);
     new rxjs.Observable(function (subscriber) {
@@ -183,7 +183,6 @@ var useSwitchable = function useSwitchable(_ref) {
     }).pipe(rxjs.distinctUntilChanged()).subscribe({
       next: repaint
     });
-    (_document$documentEle4 = document.documentElement.classList).add.apply(_document$documentEle4, _toConsumableArray(className.normalize(styled[mode].className)));
   });
   // dark, light mode switch
   var toggle = relax.useEvent(function (event) {
@@ -215,8 +214,8 @@ var useSwitchable = function useSwitchable(_ref) {
       });
     });
     animation.finished.then(function () {
-      var _document$documentEle5;
-      (_document$documentEle5 = document.documentElement.classList).remove.apply(_document$documentEle5, _toConsumableArray(className.normalize(styled.lighting.className, styled.darking.className)));
+      var _document$documentEle4;
+      (_document$documentEle4 = document.documentElement.classList).remove.apply(_document$documentEle4, _toConsumableArray(className.normalize(styled.lighting.className, styled.darking.className)));
     });
     return nextMode;
   });

package/dist/components/theme/hooks.mjs

@@ -172,8 +172,8 @@ var useSwitchable = function useSwitchable(_ref) {
     (_document$documentEle2 = document.documentElement.classList).add.apply(_document$documentEle2, _toConsumableArray(normalize(styled[nextMode].className, styled[isDarking ? "darking" : "lighting"].className)));
   });
   useMounted(function () {
-    var _document$documentEle3, _document$documentEle4;
-    (_document$documentEle3 = document.documentElement.classList).add.apply(_document$documentEle3, _toConsumableArray(normalize(styled["default"].className)));
+    var _document$documentEle3;
+    (_document$documentEle3 = document.documentElement.classList).add.apply(_document$documentEle3, _toConsumableArray(normalize(styled["default"].className)).concat(_toConsumableArray(normalize(styled[mode].className))));
     document.documentElement.attributeStyleMap.set("--color-light", theme.palette.neutral[100]);
     document.documentElement.attributeStyleMap.set("--color-dark", theme.palette.neutral[0]);
     new Observable(function (subscriber) {
@@ -181,7 +181,6 @@ var useSwitchable = function useSwitchable(_ref) {
     }).pipe(distinctUntilChanged()).subscribe({
       next: repaint
     });
-    (_document$documentEle4 = document.documentElement.classList).add.apply(_document$documentEle4, _toConsumableArray(normalize(styled[mode].className)));
   });
   // dark, light mode switch
   var toggle = useEvent(function (event) {
@@ -213,8 +212,8 @@ var useSwitchable = function useSwitchable(_ref) {
       });
     });
     animation.finished.then(function () {
-      var _document$documentEle5;
-      (_document$documentEle5 = document.documentElement.classList).remove.apply(_document$documentEle5, _toConsumableArray(normalize(styled.lighting.className, styled.darking.className)));
+      var _document$documentEle4;
+      (_document$documentEle4 = document.documentElement.classList).remove.apply(_document$documentEle4, _toConsumableArray(normalize(styled.lighting.className, styled.darking.className)));
     });
     return nextMode;
   });

package/dist/types/switch.d.ts

@@ -19,6 +19,11 @@ export interface SwitchProps extends ComponentProps {
      * @default void 0
      */
     onChange?: (value: boolean) => void | PromiseLike<void>;
+    /**
+     * @zh 点击事件回调
+     * @en Click event handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * @description
      * icon

package/package.json

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