@kdcloudjs/kdesign 1.8.11 → 1.8.13

package/es/checkbox/checkbox.js

@@ -91,7 +91,6 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     (_a = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleRepeatClick);
     return function () {
       var _a;
-      // eslint-disable-next-line react-hooks/exhaustive-deps
       (_a = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleRepeatClick);
     };
   }, []);
@@ -108,37 +107,33 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     if ((value !== null && value !== void 0 ? value : '') !== '') {
       inputProps.value = value;
     }
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line
-      React.createElement("label", _extends({
-        className: getRootClassName,
-        style: style,
-        ref: labelRef
-      }, rest), /*#__PURE__*/React.createElement("span", {
-        className: checkedWrapperClassName
-      }, selected ? /*#__PURE__*/React.createElement("span", {
-        className: innerIconClassName
-      }, /*#__PURE__*/React.createElement(Icon, {
-        type: "right-bold",
-        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
-      })) : null, /*#__PURE__*/React.createElement("input", _extends({
-        type: "checkbox",
-        ref: ref
-      }, inputProps))), children ? /*#__PURE__*/React.createElement("span", {
-        className: "".concat(checkboxPrefixCls, "-children")
-      }, children) : null, !isDefaultType() ? /*#__PURE__*/React.createElement("span", {
-        className: triangleClassName
-      }, /*#__PURE__*/React.createElement("span", {
-        className: innerIconClassName
-      }, /*#__PURE__*/React.createElement(Icon, {
-        type: "right-bold",
-        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
-      }))) : null)
-    );
+    return React.createElement("label", _extends({
+      className: getRootClassName,
+      style: style,
+      ref: labelRef
+    }, rest), React.createElement("span", {
+      className: checkedWrapperClassName
+    }, selected ? React.createElement("span", {
+      className: innerIconClassName
+    }, React.createElement(Icon, {
+      type: "right-bold",
+      className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
+    })) : null, React.createElement("input", _extends({
+      type: "checkbox",
+      ref: ref
+    }, inputProps))), children ? React.createElement("span", {
+      className: "".concat(checkboxPrefixCls, "-children")
+    }, children) : null, !isDefaultType() ? React.createElement("span", {
+      className: triangleClassName
+    }, React.createElement("span", {
+      className: innerIconClassName
+    }, React.createElement(Icon, {
+      type: "right-bold",
+      className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
+    }))) : null);
   };
   return getDefaultCheckbox();
 };
-var Checkbox = /*#__PURE__*/React.forwardRef(InternalCheckbox);
+var Checkbox = React.forwardRef(InternalCheckbox);
 Checkbox.displayName = 'Checkbox';
 export default Checkbox;

package/es/checkbox/group.js

@@ -13,7 +13,6 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import React, { useContext } from 'react';
-// import { Icon } from '../index'
 import classnames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
@@ -23,13 +22,13 @@ import Checkbox from './checkbox';
 import devWarning from '../_utils/devwarning';
 export var CheckboxTypes = tuple('default', 'square');
 export var CheckboxSizes = tuple('large', 'middle', 'small');
-export var GroupContext = /*#__PURE__*/React.createContext(null);
-var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+export var GroupContext = React.createContext(null);
+var CheckboxGroup = React.forwardRef(function (props, ref) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var CheckboxProps = getCompProps('CheckboxGroup', userDefaultProps, props); // 多选组属性需要合并一遍用户定义的默认属性
+  var CheckboxProps = getCompProps('CheckboxGroup', userDefaultProps, props);
   var checkboxType = CheckboxProps.checkboxType,
     className = CheckboxProps.className,
     style = CheckboxProps.style,
@@ -54,7 +53,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setGroupValue(innerValue.current);
   }, [value, defaultValue]);
   var isControlled = typeof value !== 'undefined';
-  var checkboxGroupPrefixCls = getPrefixCls(prefixCls, 'checkbox-group', customPrefixcls); // 按钮样式前缀
+  var checkboxGroupPrefixCls = getPrefixCls(prefixCls, 'checkbox-group', customPrefixcls);
   devWarning(isArrayValueRepeat(groupValue), 'checkboxGroup', "variable value's value should be unique ");
   var getReduceItem = function getReduceItem(targetValue) {
     var _context;
@@ -91,7 +90,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var renderByOptions = function renderByOptions() {
     return _mapInstanceProperty(options).call(options, function (option, index) {
-      return /*#__PURE__*/React.createElement(Checkbox, {
+      return React.createElement(Checkbox, {
         size: size,
         disabled: option.disabled,
         key: index,
@@ -104,13 +103,13 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, option.label || option);
     });
   };
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return React.createElement("ul", _extends({
     className: classnames(checkboxGroupPrefixCls, className),
     style: style,
     ref: ref
-  }, rest), /*#__PURE__*/React.createElement(GroupContext.Provider, {
+  }, rest), React.createElement(GroupContext.Provider, {
     value: context
   }, options && options.length > 0 ? renderByOptions() : children));
 });
 CheckboxGroup.displayName = 'CheckboxGroup';
-export default /*#__PURE__*/React.memo(CheckboxGroup);
+export default React.memo(CheckboxGroup);

package/es/city-picker/city-picker.js

@@ -88,7 +88,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   }];
   var innerRef = useRef();
   var selectRef = ref || innerRef;
-  var searchRef = useRef(null); // 搜索框ref
+  var searchRef = useRef(null);
   var selectionRef = useRef(null);
   var clearRef = useRef(null);
   var optionsListRef = useRef(null);
@@ -122,7 +122,6 @@ var InternalSelect = function InternalSelect(props, ref) {
   var selectPrefixCls = getPrefixCls(prefixCls, 'city-picker', customPrefixcls);
   var cityPickerCls = classNames(selectPrefixCls, className, _defineProperty({}, "".concat(selectPrefixCls, "-visible"), optionShow));
   var selectionCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-selector"), true));
-  // 公共样式
   var commCls = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames3, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-wrapper"), true), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-show-search"), focusd), _classNames3));
   useEffect(function () {
     var _context2;
@@ -162,21 +161,18 @@ var InternalSelect = function InternalSelect(props, ref) {
       }
     });
   }, []);
-  // 输入框变化搜索内容
   var handleSearchChange = useCallback(function (event) {
     var val = event.currentTarget.value;
     setOptionShow(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
   }, [onSearch]);
-  // 清除搜索内容
   var handleClear = useCallback(function () {
     if (searchRef.current) {
       searchRef.current.value = '';
       setSearchValue('');
     }
   }, [searchRef]);
-  // 清空选择器内容
   var handleReset = function handleReset(e) {
     e.stopPropagation();
     onClear && onClear('');
@@ -185,33 +181,31 @@ var InternalSelect = function InternalSelect(props, ref) {
     setSearchValue('');
     onChange && onChange(undefined, '');
   };
-  // 渲染后缀图标
   var renderSuffix = function renderSuffix() {
     var _classNames4;
     if (disabled) return null;
     var suffixIcon = selectProps.suffixIcon;
     var arrowIconCls = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow"), true), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames4));
     var iconShow = allowClear && !disabled && (initValue !== null && initValue !== void 0 ? initValue : '') !== '';
-    return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && /*#__PURE__*/React.createElement("span", {
+    return React.createElement(React.Fragment, null, iconShow && React.createElement("span", {
       onClick: handleReset,
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       },
       className: "".concat(selectPrefixCls, "-icon-clear"),
       ref: clearRef
-    }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
+    }, clearIcon || React.createElement(Icon, {
       type: "close"
-    })), showArrow && /*#__PURE__*/React.createElement("span", {
+    })), showArrow && React.createElement("span", {
       className: arrowIconCls
-    }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {
+    }, suffixIcon || React.createElement(Icon, {
       type: "arrow-down"
     })));
   };
-  // 下拉列表为空时显示的内容
   var renderNotContent = function renderNotContent(msg) {
     var notFoundContent = selectProps.notFoundContent;
     var emptyContent = notFoundContent || msg;
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: "".concat(selectPrefixCls, "-dropdown-empty")
     }, emptyContent);
   };
@@ -221,11 +215,11 @@ var InternalSelect = function InternalSelect(props, ref) {
       return "(".concat(escapeRegExp(item), ")");
     }).join('|') : "(".concat(escapeRegExp(inputValue), ")"), 'i');
     var strArr = text === null || text === void 0 ? void 0 : text.split(regex);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, strArr === null || strArr === void 0 ? void 0 : _mapInstanceProperty(strArr).call(strArr, function (item, index) {
-      return (regex === null || regex === void 0 ? void 0 : regex.test(item)) ? /*#__PURE__*/React.createElement("span", {
+    return React.createElement(React.Fragment, null, strArr === null || strArr === void 0 ? void 0 : _mapInstanceProperty(strArr).call(strArr, function (item, index) {
+      return (regex === null || regex === void 0 ? void 0 : regex.test(item)) ? React.createElement("span", {
         key: index,
         className: "".concat(selectPrefixCls, "-highlight")
-      }, item) : /*#__PURE__*/React.createElement("span", {
+      }, item) : React.createElement("span", {
         key: index
       }, item);
     }));
@@ -249,14 +243,14 @@ var InternalSelect = function InternalSelect(props, ref) {
     if (!data.length) {
       return renderNotContent(notContent);
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: "".concat(selectPrefixCls, "-list"),
       ref: optionsListRef,
       onMouseDown: function onMouseDown(e) {
         return e === null || e === void 0 ? void 0 : e.preventDefault();
       }
     }, _mapInstanceProperty(data).call(data, function (item, index) {
-      return /*#__PURE__*/React.createElement(Option, {
+      return React.createElement(Option, {
         key: item.id,
         value: initValue,
         city: item,
@@ -275,9 +269,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     }));
   };
   var renderLoading = function renderLoading() {
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: "".concat(selectPrefixCls, "-dropdown-loading")
-    }, /*#__PURE__*/React.createElement(Spin, {
+    }, React.createElement(Spin, {
       type: "container"
     }));
   };
@@ -285,18 +279,17 @@ var InternalSelect = function InternalSelect(props, ref) {
     setTabsValue(type);
     onTabPaneChange === null || onTabPaneChange === void 0 ? void 0 : onTabPaneChange(type);
   };
-  // 渲染下拉列表框
   var renderContent = function renderContent() {
-    return loading ? renderLoading() : /*#__PURE__*/React.createElement(React.Fragment, null, searchValue ? /*#__PURE__*/React.createElement(React.Fragment, null, isDomestic(type) && /*#__PURE__*/React.createElement(Tabs, {
+    return loading ? renderLoading() : React.createElement(React.Fragment, null, searchValue ? React.createElement(React.Fragment, null, isDomestic(type) && React.createElement(Tabs, {
       noContainer: true,
       onChange: toggleTabPane,
       activeKey: tabsValue
     }, _mapInstanceProperty(tabsData).call(tabsData, function (item) {
-      return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+      return React.createElement(Tabs.TabPane, {
         key: item.id,
         tab: item.name
       }, item);
-    })), tabsValue === 'domestic' ? renderNodeList(domesticList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText) : renderNodeList(foreignList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText)) : /*#__PURE__*/React.createElement(React.Fragment, null, !!commonList.length && /*#__PURE__*/React.createElement("div", {
+    })), tabsValue === 'domestic' ? renderNodeList(domesticList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText) : renderNodeList(foreignList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText)) : React.createElement(React.Fragment, null, !!commonList.length && React.createElement("div", {
       className: "".concat(selectPrefixCls, "-dropdown-common")
     }, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.common), renderNodeList(commonList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.commonEmptyText, true)));
   };
@@ -330,14 +323,14 @@ var InternalSelect = function InternalSelect(props, ref) {
       visibility: 'hidden'
     } : undefined;
     var itemCls = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(selectPrefixCls, "-content-item"), true), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-content-item-seleted"), afterChangeFocus), _classNames5));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return React.createElement(React.Fragment, null, React.createElement("div", {
       className: singleCls,
       ref: selectionRef
-    }, /*#__PURE__*/React.createElement("div", {
+    }, React.createElement("div", {
       className: "".concat(selectPrefixCls, "-content")
-    }, /*#__PURE__*/React.createElement("span", {
+    }, React.createElement("span", {
       className: "".concat(selectPrefixCls, "-content-search")
-    }, /*#__PURE__*/React.createElement("input", {
+    }, React.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-content-search-input"),
@@ -345,15 +338,15 @@ var InternalSelect = function InternalSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !!disabled
-    }), !searchValue && /*#__PURE__*/React.createElement("span", {
+    }), !searchValue && React.createElement("span", {
       className: itemCls,
       title: seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name
-    }, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && /*#__PURE__*/React.createElement("span", {
+    }, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && React.createElement("span", {
       className: "".concat(selectPrefixCls, "-content-info")
-    }, _renderCityInfo(seletedCity))), /*#__PURE__*/React.createElement("span", {
+    }, _renderCityInfo(seletedCity))), React.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder"),
       style: hiddenStyle
-    }, !disabled ? placeholder : null), /*#__PURE__*/React.createElement("span", {
+    }, !disabled ? placeholder : null), React.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
   };
@@ -375,7 +368,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       (_a = clearRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseup', fn);
     };
   }, [initValue]);
-  // keyboard
   var curkeyboardList = useMemo(function () {
     if (!searchValue) {
       return commonList;
@@ -408,12 +400,10 @@ var InternalSelect = function InternalSelect(props, ref) {
   var onInternalKeyDown = function onInternalKeyDown(e) {
     var _a, _b, _c;
     var which = e.which;
-    // open
     if (which === KeyCode.ENTER || which === KeyCode.UP || which === KeyCode.DOWN) {
       e.preventDefault();
       setOptionShow(true);
     }
-    // up、down、enter、esc
     if (optionShow) {
       var offset = 0;
       switch (which) {
@@ -452,13 +442,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   };
   var renderCityPicker = function renderCityPicker() {
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: cityPickerCls,
       ref: selectRef,
       style: style
-    }, showDescription && /*#__PURE__*/React.createElement("span", {
+    }, showDescription && React.createElement("span", {
       className: "".concat(selectPrefixCls, "-description")
-    }, description), /*#__PURE__*/React.createElement("span", {
+    }, description), React.createElement("span", {
       className: selectionCls,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
@@ -507,6 +497,6 @@ var InternalSelect = function InternalSelect(props, ref) {
   });
   return usePopper(renderCityPicker(), renderContent(), popperProps);
 };
-var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
+var Select = React.forwardRef(InternalSelect);
 Select.displayName = 'CityPicker';
 export default Select;

package/es/city-picker/interface.js

@@ -1,3 +1,3 @@
 import { tuple } from '../_utils/type';
 export var BorderTypes = tuple('none', 'underline', 'bordered');
-export var Sizes = tuple('large', 'middle', 'small'); // 选择框大小
+export var Sizes = tuple('large', 'middle', 'small');

package/es/city-picker/option.js

@@ -36,19 +36,19 @@ var InternalOption = function InternalOption(props, ref) {
   var handleOnMouseLeave = function handleOnMouseLeave() {
     onChangeActiveIndex && onChangeActiveIndex(-1);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return React.createElement(React.Fragment, null, React.createElement("div", {
     ref: optionRef,
     className: optionCls,
     title: name,
     onClick: handleClick,
     onMouseEnter: handleOnMouseEnter,
     onMouseLeave: handleOnMouseLeave
-  }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, typeof itemRender === 'function' ? itemRender(city) : React.createElement(React.Fragment, null, React.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-content")
-  }, children), /*#__PURE__*/React.createElement("span", {
+  }, children), React.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-info")
   }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)))));
 };
-var Option = /*#__PURE__*/React.forwardRef(InternalOption);
+var Option = React.forwardRef(InternalOption);
 Option.displayName = 'CityPickerOption';
 export default Option;

package/es/clipboard/clipboard.js

@@ -26,7 +26,6 @@ var InternalClipboard = function InternalClipboard(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  // 剪贴板参数，合并了系统默认参数、用户定义组件统一参数及组件传参
   var clipboardProps = getCompProps('Clipboard', userDefaultProps, props);
   var className = clipboardProps.className,
     customPrefixcls = clipboardProps.prefixCls,
@@ -42,65 +41,48 @@ var InternalClipboard = function InternalClipboard(props, ref) {
     others = __rest(clipboardProps, ["className", "prefixCls", "action", "content", "children", "disabled", "icon", "size", "target", "onError", "onSuccess"]);
   devWarning(ClipboardActions.indexOf(action) === -1, 'clipboard', "cannot found clipboard action '".concat(action, "'"));
   devWarning(ClipboardSizes.indexOf(size) === -1, 'clipboard', "cannot found clipboard size '".concat(size, "'"));
-  // 剪贴板样式前缀
   var clipboardPrefixCls = getPrefixCls(prefixCls, 'clipboard', customPrefixcls);
   var clipboardClass = classNames(clipboardPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(clipboardPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames, "".concat(clipboardPrefixCls, "-icon-only"), !children && children !== 0 && icon !== null), _classNames));
-  // ref
-  var clipboardRef = ref || /*#__PURE__*/React.createRef();
-  // 如果没有传 icon，则使用默认图标
-  // 如果 icon 传 null，则不使用图标
-  var iconNode = icon || (icon === undefined ? /*#__PURE__*/React.createElement(Icon, {
+  var clipboardRef = ref || React.createRef();
+  var iconNode = icon || (icon === undefined ? React.createElement(Icon, {
     type: "copy-code"
   }) : null);
-  // 如果传的 children 为 string，则将 children 包装成块标签
-  var childrenNode = typeof children === 'string' ? /*#__PURE__*/React.createElement("span", null, children) : children;
-  /**
-   * 剪贴板 click 事件处理
-   */
+  var childrenNode = typeof children === 'string' ? React.createElement("span", null, children) : children;
   var handleClick = useCallback(function () {
     if (disabled) {
-      // 禁用状态不触发点击事件
       return;
     }
     var selectedText;
     try {
       if (content) {
-        // 如果传了 content，则直接复制 content
         selectedText = onClipboardCopy(content);
       } else {
         var targetElement = typeof target === 'string' ? document.querySelector(target) : target();
         if (!targetElement) {
-          // 没有获取到元素，抛出异常
           throw new Error("target element '".concat(target, "' does not exist"));
         } else {
           if (action === 'copy' && targetElement.hasAttribute('disabled')) {
-            // 复制被置为 disabled 的元素，抛出异常
             throw new Error("invalid \"target\" attribute of element '".concat(targetElement, "'. Please use \"readonly\" instead of \"disabled\" attribute"));
           }
           if (action === 'cut' && (targetElement.hasAttribute('readonly') || targetElement.hasAttribute('disabled'))) {
-            // 剪切被置为 readonly 或 disabled 的元素，抛出异常
             throw new Error("invalid \"target\" attribute of element '".concat(targetElement, "'. You can't cut text from elements with \"readonly\" or \"disabled\" attributes"));
           }
         }
-        // 对 targetElement 的值进行复制或剪切
         selectedText = action === 'copy' ? onClipboardCopy(targetElement) : onClipboardCut(targetElement);
       }
     } catch (error) {
-      // 触发失败的回调
       onError === null || onError === void 0 ? void 0 : onError(error);
-      // 退出处理器
       return;
     }
-    // 触发成功的回调
     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(selectedText);
   }, [action, content, disabled, onError, onSuccess, target]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return React.createElement("div", _extends({
     className: clipboardClass,
     disabled: disabled,
     onClick: handleClick,
     ref: clipboardRef
   }, others), iconNode, childrenNode);
 };
-var Clipboard = /*#__PURE__*/React.forwardRef(InternalClipboard);
+var Clipboard = React.forwardRef(InternalClipboard);
 Clipboard.displayName = 'Clipboard';
 export default Clipboard;

package/es/clipboard/util.js

@@ -1,8 +1,3 @@
-/**
- * 获取元素的内容
- * @param {HTMLElement} element
- * @return {string}
- */
 var getContent = function getContent(element) {
   var content;
   if (element.nodeName === 'SELECT') {
@@ -12,28 +7,16 @@ var getContent = function getContent(element) {
   } else if (element.nodeName === 'TEXTAREA') {
     content = element.value;
   } else {
-    // 其他类型通过 select 与 range 来获取文本
-    // 获取 select
     var selection = window.getSelection();
-    // 创建 range
     var range = document.createRange();
-    // 设置 range 的元素
     range.selectNodeContents(element);
-    // 重置 select
     selection.removeAllRanges();
-    // 设置 select 的 range
     selection.addRange(range);
-    // 获取选中的文本
     content = selection.toString();
-    // 获取到文本后清空选中范围
     selection.removeAllRanges();
   }
   return content;
 };
-/**
- * 清空元素的内容
- * @param {HTMLElement} element
- */
 var clearElement = function clearElement(element) {
   if (element.nodeName === 'SELECT') {
     ;
@@ -48,46 +31,26 @@ var clearElement = function clearElement(element) {
     element.innerHTML = '';
   }
 };
-/**
- * 由将被复制的文本为 value 创建一个 HTMLTextAreaElement 容器
- * @param {String} value
- * @return {HTMLTextAreaElement}
- */
 var createContainer = function createContainer(value) {
   var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
   var container = document.createElement('textarea');
-  // 防止在 ios 上缩放
   container.style.fontSize = '12pt';
-  // 重置样式
   container.style.border = '0';
   container.style.padding = '0';
   container.style.margin = '0';
-  // 把元素定位在视窗外
   container.style.position = 'absolute';
   container.style[isRTL ? 'right' : 'left'] = '-9999px';
   var yPosition = window.pageYOffset || document.documentElement.scrollTop;
   container.style.top = "".concat(yPosition, "px");
-  // 设置为只读
   container.setAttribute('readonly', '');
-  // 将文本赋值给元素
   container.value = value;
   document.body.appendChild(container);
   return container;
 };
-/**
- * 删除元素
- * @param {HTMLElement} container
- */
 var removeContainer = function removeContainer(container) {
   document.body.removeChild(container);
 };
-/**
- * 添加选中状态
- * @param {HTMLElement} element
- */
 var addSelection = function addSelection(element) {
-  // 在 Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，getSelection() 对 <textarea> 及 <input> 元素不起作用
-  // 使用 select 对 <textarea> 及 <input> 单独处理
   if (element.nodeName === 'INPUT') {
     ;
     element.select();
@@ -102,14 +65,8 @@ var addSelection = function addSelection(element) {
     selection.addRange(range);
   }
 };
-/**
- * 移除选中状态
- * @param {HTMLElement} element
- */
 var removeSelection = function removeSelection(element) {
   var _a;
-  // 在 Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，getSelection() 对 <textarea> 及 <input> 元素不起作用
-  // 使用 setSelectRange 对 <textarea> 及 <input> 单独处理
   if (element.nodeName === 'INPUT') {
     ;
     element.setSelectionRange(0, 0);
@@ -120,18 +77,11 @@ var removeSelection = function removeSelection(element) {
     (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
   }
 };
-/**
- * 剪贴板复制操作
- * @param {string | HTMLElement} target
- * @return {string}
- */
 var onClipboardCopy = function onClipboardCopy(target) {
   var copiedValue;
   if (typeof target === 'string') {
-    // 如果传的是字符串，直接复制值
     copiedValue = target;
     if (navigator.clipboard) {
-      // navigator.clipboard api 存在时，优先使用其进行复制操作
       if (copiedValue !== '') {
         navigator.clipboard.writeText(copiedValue).then(null, function () {
           throw new Error("failed to copy to clipboard of value '".concat(copiedValue, "'"));
@@ -145,7 +95,6 @@ var onClipboardCopy = function onClipboardCopy(target) {
       removeContainer(container);
     }
   } else {
-    // 通过元素来复制
     copiedValue = getContent(target);
     if (navigator.clipboard) {
       if (copiedValue !== '') {
@@ -161,25 +110,17 @@ var onClipboardCopy = function onClipboardCopy(target) {
   }
   return copiedValue;
 };
-/**
- * 剪贴板剪切操作
- * @param {HTMLElement} target
- * @return {string}
- */
 var onClipboardCut = function onClipboardCut(target) {
   var cutValue = getContent(target);
   if (target.nodeName === 'SELECT' || target.nodeName === 'INPUT' || target.nodeName === 'TEXTAREA') {
-    // 对于输入框，使用 document.execCommand('cut') 来剪切，防止受控的输入框无法清空内容
     if (document.execCommand) {
       addSelection(target);
       document.execCommand('cut');
       removeSelection(target);
     } else {
-      // document.execCommand 命令不兼容，则抛出异常，因为受控的输入框无法清空元素内容
       throw new Error("failed to cut to clipboard through unavailable api \"document.execCommand\"");
     }
   } else {
-    // 对于其他标签的元素，使用 navigator 写入剪贴板，并手动清空内容，防止其他标签无法清空内容
     if (navigator.clipboard) {
       if (cutValue !== '') {
         navigator.clipboard.writeText(cutValue).then(null, function () {
@@ -188,7 +129,6 @@ var onClipboardCut = function onClipboardCut(target) {
       }
       clearElement(target);
     } else {
-      // navigator.clipboard 命令不兼容，则抛出异常，因为非输入框无法适用 document.execCommand('cut')
       throw new Error("failed to cut to clipboard through unavailable api \"navigator.clipboard\"");
     }
   }