index.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. "use client";
  2. var __rest = this && this.__rest || function (s, e) {
  3. var t = {};
  4. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  5. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  6. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  7. }
  8. return t;
  9. };
  10. import * as React from 'react';
  11. import LoadingOutlined from "@ant-design/icons/es/icons/LoadingOutlined";
  12. import classNames from 'classnames';
  13. import RcSwitch from 'rc-switch';
  14. import useMergedState from "rc-util/es/hooks/useMergedState";
  15. import Wave from '../_util/wave';
  16. import { ConfigContext } from '../config-provider';
  17. import DisabledContext from '../config-provider/DisabledContext';
  18. import useSize from '../config-provider/hooks/useSize';
  19. import useStyle from './style';
  20. const InternalSwitch = /*#__PURE__*/React.forwardRef((props, ref) => {
  21. const {
  22. prefixCls: customizePrefixCls,
  23. size: customizeSize,
  24. disabled: customDisabled,
  25. loading,
  26. className,
  27. rootClassName,
  28. style,
  29. checked: checkedProp,
  30. value,
  31. defaultChecked: defaultCheckedProp,
  32. defaultValue,
  33. onChange
  34. } = props,
  35. restProps = __rest(props, ["prefixCls", "size", "disabled", "loading", "className", "rootClassName", "style", "checked", "value", "defaultChecked", "defaultValue", "onChange"]);
  36. const [checked, setChecked] = useMergedState(false, {
  37. value: checkedProp !== null && checkedProp !== void 0 ? checkedProp : value,
  38. defaultValue: defaultCheckedProp !== null && defaultCheckedProp !== void 0 ? defaultCheckedProp : defaultValue
  39. });
  40. const {
  41. getPrefixCls,
  42. direction,
  43. switch: SWITCH
  44. } = React.useContext(ConfigContext);
  45. // ===================== Disabled =====================
  46. const disabled = React.useContext(DisabledContext);
  47. const mergedDisabled = (customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled) || loading;
  48. const prefixCls = getPrefixCls('switch', customizePrefixCls);
  49. const loadingIcon = /*#__PURE__*/React.createElement("div", {
  50. className: `${prefixCls}-handle`
  51. }, loading && /*#__PURE__*/React.createElement(LoadingOutlined, {
  52. className: `${prefixCls}-loading-icon`
  53. }));
  54. // Style
  55. const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
  56. const mergedSize = useSize(customizeSize);
  57. const classes = classNames(SWITCH === null || SWITCH === void 0 ? void 0 : SWITCH.className, {
  58. [`${prefixCls}-small`]: mergedSize === 'small',
  59. [`${prefixCls}-loading`]: loading,
  60. [`${prefixCls}-rtl`]: direction === 'rtl'
  61. }, className, rootClassName, hashId, cssVarCls);
  62. const mergedStyle = Object.assign(Object.assign({}, SWITCH === null || SWITCH === void 0 ? void 0 : SWITCH.style), style);
  63. const changeHandler = (...args) => {
  64. setChecked(args[0]);
  65. onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, args);
  66. };
  67. return wrapCSSVar(/*#__PURE__*/React.createElement(Wave, {
  68. component: "Switch",
  69. disabled: mergedDisabled
  70. }, /*#__PURE__*/React.createElement(RcSwitch, Object.assign({}, restProps, {
  71. checked: checked,
  72. onChange: changeHandler,
  73. prefixCls: prefixCls,
  74. className: classes,
  75. style: mergedStyle,
  76. disabled: mergedDisabled,
  77. ref: ref,
  78. loadingIcon: loadingIcon
  79. }))));
  80. });
  81. const Switch = InternalSwitch;
  82. Switch.__ANT_SWITCH = true;
  83. if (process.env.NODE_ENV !== 'production') {
  84. Switch.displayName = 'Switch';
  85. }
  86. export default Switch;