@nutui/nutui-react-taro 3.0.19-cpp.16 → 3.0.19-cpp.17

package/dist/cjs/packages/checkbox/checkbox.js

@@ -29,12 +29,13 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     icon: null,
     activeIcon: null,
     indeterminateIcon: null,
+    timeout: 300,
     onChange: function onChange(value) {}
 });
 var classPrefix = 'nut-checkbox';
 var Checkbox = function Checkbox(props) {
     var children = (0, _object_spread._)({}, defaultProps, props).children;
-    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = (0, _object_without_properties._)(props, [
+    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, timeout = props.timeout, others = (0, _object_without_properties._)(props, [
         "icon",
         "label",
         "className",
@@ -46,7 +47,8 @@ var Checkbox = function Checkbox(props) {
         "disabled",
         "onChange",
         "indeterminate",
-        "indeterminateIcon"
+        "indeterminateIcon",
+        "timeout"
     ]);
     // eslint-disable-next-line prefer-const
     var labelPosition = others.labelPosition, rest = (0, _object_without_properties._)(others, [
@@ -140,9 +142,15 @@ var Checkbox = function Checkbox(props) {
             className: (0, _classnames.default)("".concat(classPrefix, "-label "), (0, _define_property._)({}, "".concat(classPrefix, "-label-disabled"), innerDisabled))
         }, children || label);
     };
+    var loadingRef = (0, _react.useRef)(false);
     var handleClick = function handleClick() {
         // 禁用的时候直接返回
         if (disabled) return;
+        if (loadingRef.current) return;
+        loadingRef.current = true;
+        setTimeout(function() {
+            loadingRef.current = false;
+        }, timeout);
         // 先转换状态
         var latestChecked = !innerChecked;
         setChecked(latestChecked);

package/dist/cjs/types/spec/checkbox/base.d.ts

@@ -22,6 +22,7 @@ export interface BaseCheckbox extends BaseProps {
     value: string | number;
     indeterminate: boolean;
     label: ReactNode;
+    timeout: number;
     onChange: (value: boolean) => void;
 }
 export interface BaseCheckboxGroup extends BaseProps {

package/dist/es/packages/checkbox/checkbox.js

@@ -3,7 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useContext, useEffect, useState } from "react";
+import React, { useContext, useEffect, useRef, useState } from "react";
 import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
@@ -17,12 +17,13 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,
     activeIcon: null,
     indeterminateIcon: null,
+    timeout: 300,
     onChange: function(value) {}
 });
 var classPrefix = 'nut-checkbox';
 export var Checkbox = function(props) {
     var children = _object_spread({}, defaultProps, props).children;
-    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
+    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, timeout = props.timeout, others = _object_without_properties(props, [
         "icon",
         "label",
         "className",
@@ -34,7 +35,8 @@ export var Checkbox = function(props) {
         "disabled",
         "onChange",
         "indeterminate",
-        "indeterminateIcon"
+        "indeterminateIcon",
+        "timeout"
     ]);
     // eslint-disable-next-line prefer-const
     var labelPosition = others.labelPosition, rest = _object_without_properties(others, [
@@ -128,9 +130,15 @@ export var Checkbox = function(props) {
             className: classNames("".concat(classPrefix, "-label "), _define_property({}, "".concat(classPrefix, "-label-disabled"), innerDisabled))
         }, children || label);
     };
+    var loadingRef = useRef(false);
     var handleClick = function() {
         // 禁用的时候直接返回
         if (disabled) return;
+        if (loadingRef.current) return;
+        loadingRef.current = true;
+        setTimeout(function() {
+            loadingRef.current = false;
+        }, timeout);
         // 先转换状态
         var latestChecked = !innerChecked;
         setChecked(latestChecked);

package/dist/es/types/spec/checkbox/base.d.ts

@@ -52,6 +52,7 @@ export interface BaseCheckbox extends BaseProps {
     * 复选框的文本内容
     */
     label: ReactNode
+    timeout: number;
     /**
     * 值变化时触发
     */

package/dist/nutui.react.umd.js

@@ -6913,13 +6913,14 @@
     icon: null,
     activeIcon: null,
     indeterminateIcon: null,
+    timeout: 300,
     onChange: function(value2) {
     }
   });
   var classPrefix$j = "nut-checkbox";
   var Checkbox = function(props) {
     var children = _object_spread({}, defaultProps$14, props).children;
-    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
+    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, timeout = props.timeout, others = _object_without_properties(props, [
       "icon",
       "label",
       "className",
@@ -6931,7 +6932,8 @@
       "disabled",
       "onChange",
       "indeterminate",
-      "indeterminateIcon"
+      "indeterminateIcon",
+      "timeout"
     ]);
     var labelPosition = others.labelPosition, rest = _object_without_properties(others, [
       "labelPosition"
@@ -7023,8 +7025,14 @@
         className: classNames("".concat(classPrefix$j, "-label "), _define_property({}, "".concat(classPrefix$j, "-label-disabled"), innerDisabled))
       }, children || label);
     };
+    var loadingRef = React.useRef(false);
     var handleClick = function() {
       if (disabled) return;
+      if (loadingRef.current) return;
+      loadingRef.current = true;
+      setTimeout(function() {
+        loadingRef.current = false;
+      }, timeout);
       var latestChecked = !innerChecked;
       setChecked(latestChecked);
     };