@kdcloudjs/kdesign 1.8.11 → 1.8.13

package/lib/base-data/base-data.js

@@ -26,6 +26,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
 var _utils = require("../_utils");
 var _index = require("../index");
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
+var _resizeObserver = _interopRequireDefault(require("../_utils/resizeObserver"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var InternalBaseData = function InternalBaseData(props, ref) {
@@ -72,7 +73,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     onCollect = advancedSelectortProps.onCollect,
     onShowMore = advancedSelectortProps.onShowMore,
     onVisibleChange = advancedSelectortProps.onVisibleChange;
-  var isMultiple = mode === 'multiple'; // 是否多选
+  var isMultiple = mode === 'multiple';
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     seletedOptions = _useState2[0],
@@ -109,14 +110,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     deleteEndIndx: 0
   });
   var advancedSelectorfixCls = getPrefixCls(prefixCls, 'baseData', customPrefixcls);
-  // class
   var advancedSelectorCls = (0, _classnames.default)(advancedSelectorfixCls, className, (0, _defineProperty2.default)({}, "".concat(advancedSelectorfixCls, "-disabled"), disabled));
-  // 多选模式下 维护新增选中的下标
   (0, _react.useEffect)(function () {
     searchInfo.current.searchIndex = seletedOptions.length;
     searchInfo.current.editOptions = seletedOptions;
   }, [seletedOptions]);
-  // 记录每个选项的开始与结束下标
   var setValIndxPosition = (0, _react.useCallback)(function () {
     var _context;
     var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -145,11 +143,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   }, [setValIndxPosition]);
   (0, _react.useEffect)(function () {
     var seletedItems = [];
-    // 多选
     if (isMultiple && Array.isArray(value)) {
       seletedItems = value;
     }
-    // 单选
     if (!isMultiple && value) {
       seletedItems = [value];
     }
@@ -165,31 +161,22 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     var selectionStart = ((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.selectionStart) || 0;
     var index = findSelectionIndex(selectionStart, posList);
     searchInfo.current.searchIndex = index;
-    // 新增一个
     var list = (0, _toConsumableArray2.default)(searchInfo.current.editOptions || []);
     if (valueArr.length - preValueArr.length === 1) {
       (0, _splice.default)(list).call(list, index, 0, null);
     }
     if (valueArr.length < preValueArr.length) {
       var val = searchInfo.current.previousEditValue;
-      /**
-       * selectionStart 被删除的字符串开始下标
-       * deleteEndIndx 被删除的字符串结束下标
-       * 多选时，判断删除的字符包含了几个已选项
-       * 单选时，判断selectionStart与deleteEndIndx相等（都为0），则表示选项被删除
-       */
       var deleteEndIndx = isMultiple ? val.length - inputValue.length + selectionStart : 0;
       var _findDeleteInterval = findDeleteInterval(selectionStart, deleteEndIndx, indxPosList),
         start = _findDeleteInterval.start,
         end = _findDeleteInterval.end;
       list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, start, end - start + 1);
     }
-    // 判断每次单个按del键时删除了分隔符后下一次触发
     if (searchInfo.current.deleteEndIndx > 0 && selectionStart !== searchInfo.current.deleteEndIndx) {
       var _findDeleteInterval2 = findDeleteInterval(selectionStart, searchInfo.current.deleteEndIndx, initIndexPos),
         _start = _findDeleteInterval2.start,
         _end = _findDeleteInterval2.end;
-      // 单个删除时找到合理的下标触发
       if (_start !== null && _end !== null && _start <= _end) {
         list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, _start, _end - _start + 1);
         searchInfo.current.deleteEndIndx = 0;
@@ -197,7 +184,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }
     searchInfo.current.editOptions = list;
     searchInfo.current.previousEditValue = inputValue;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [delimiter, inputValue, isMultiple, setValIndxPosition]);
   var getStrToArr = function getStrToArr() {
     var _context5;
@@ -207,9 +193,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return item;
     });
   };
-  // 当选中项文字超出输入框时，显示共多少项
-  (0, _react.useLayoutEffect)(function () {
+  var handleShowTotal = (0, _react.useCallback)(function () {
     var _a;
+    if (!isMultiple) return;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
     if (!inputDom) return;
     if (inputDom.scrollWidth - inputDom.offsetWidth > 0 && inputValue) {
@@ -217,8 +203,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     } else {
       setShowTotal(false);
     }
-  }, [inputRef, inputValue]);
-  // 通过选中项显示input文字， optionLabelProp为回填到选择框的属性
+  }, [inputValue, isMultiple]);
+  (0, _react.useLayoutEffect)(function () {
+    handleShowTotal();
+  }, [handleShowTotal]);
   var setValueBySeleted = (0, _react.useCallback)(function () {
     var _context8;
     var defaultInputValue = seletedOptions.reduce(function (pre, next, index, arr) {
@@ -249,17 +237,16 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     var textValue = e.target.value;
     var val = textValue;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
-    var selectionStart = inputDom.selectionStart || 0; // selectionStart: 光标前面有几个字符
+    var selectionStart = inputDom.selectionStart || 0;
     if (isMultiple && inputDom && textValue && textValue.length > inputValue.length) {
       searchInfo.current.selectionStart = selectionStart;
-      var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1; // 在首部添加
+      var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1;
       var isInMid = selectionStart !== textValue.length && textValue[selectionStart - 2] === delimiter && textValue[selectionStart] !== delimiter;
       if (isInHead || isInMid) {
         inputDom.value = val = textValue.substring(0, selectionStart) + delimiter + textValue.substring(selectionStart, textValue.length);
         setCursorPosition(inputDom, selectionStart);
       }
     }
-    // 单个删除时 当删除的字符为分隔符delimiter 记录位置
     if (findDeletedChar(searchInfo.current.previousEditValue || '', textValue) === delimiter) {
       searchInfo.current.deleteEndIndx = selectionStart;
     }
@@ -278,13 +265,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }
     if (inputRef.current && queryStr) {
       if (queryStr.indexOf(delimiter) < 0) {
-        // 只有一条记录
         return queryStr;
       }
       var selectionStart = ((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.selectionStart) || 0;
-      var startIndex = (0, _slice.default)(queryStr).call(queryStr, 0, selectionStart).lastIndexOf(delimiter) + 1; // 光标前面最近分隔符index
+      var startIndex = (0, _slice.default)(queryStr).call(queryStr, 0, selectionStart).lastIndexOf(delimiter) + 1;
       var endIndex = (0, _slice.default)(queryStr).call(queryStr, selectionStart).indexOf(delimiter);
-      endIndex = endIndex === -1 ? queryStr.length : selectionStart + endIndex; // 光标后面最近分隔符index
+      endIndex = endIndex === -1 ? queryStr.length : selectionStart + endIndex;
       queryStr = (0, _slice.default)(queryStr).call(queryStr, startIndex, endIndex);
       return queryStr;
     }
@@ -302,7 +288,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     setFocused(false);
     setInputValue(searchInfo.current.previousInputValue);
     searchInfo.current.previousEditValue = (0, _concat.default)(_context10 = "".concat(searchInfo.current.previousInputValue)).call(_context10, delimiter);
-    // 多选失去焦点时，通过editOptions去改写选中项
     var list = (0, _filter.default)(_context11 = searchInfo.current.editOptions || []).call(_context11, function (item) {
       return item;
     }) || [];
@@ -341,14 +326,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     e.stopPropagation();
     onShowMore === null || onShowMore === void 0 ? void 0 : onShowMore();
   };
-  // 设置光标位置
   var setCursorPosition = function setCursorPosition(element, prePosition) {
     if (element.setSelectionRange) {
-      // Chrome Firefox
       element.focus();
       window.setTimeout(element.setSelectionRange(prePosition, prePosition), 0);
     } else if (element.createTextRange) {
-      // 兼容IE
       var range = element.createTextRange;
       range.collapse(true);
       range.moveEnd('character', prePosition);
@@ -356,7 +338,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       range.select();
     }
   };
-  // 双击选中当前项
   var handleDoubleClick = function handleDoubleClick() {
     var _a;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
@@ -374,7 +355,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }
     return {};
   };
-  // 多选，找到光标停留的当前项的下标
   var findSelectionIndex = function findSelectionIndex(selectionStart, posList) {
     var indx = 0;
     for (var index = 0; index < posList.length; index++) {
@@ -385,13 +365,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }
     return indx;
   };
-  /**
-   * 找出删除项的下标
-   *
-   * @param start 删除时文字光标的起始位置
-   * @param end 删除时文字光标的终止位置
-   * @param posList 每个选中项的下标区间
-   */
   var findDeleteInterval = function findDeleteInterval(start, end, posList) {
     var delIndex = {
       start: null,
@@ -417,7 +390,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       var _list = (0, _filter.default)(seletedOptions).call(seletedOptions, function (v) {
         return v.value !== item.value;
       });
-      // 取消选中(非受控状态下)
       isMultiple && value === undefined && setSeletedOptions(_list);
       onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context13 = (0, _filter.default)(_list).call(_list, function (item) {
         return item;
@@ -469,11 +441,13 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     var totalText = locale.getLangMsg('BaseData', 'total', {
       total: seletedOptions.length
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return _react.default.createElement("div", {
       className: advancedSelectorCls,
       ref: advancedSelectorRef,
       style: style
-    }, /*#__PURE__*/_react.default.createElement(_index.Input, {
+    }, _react.default.createElement(_resizeObserver.default, {
+      onResize: handleShowTotal
+    }, _react.default.createElement(_index.Input, {
       ref: inputRef,
       borderType: "none",
       disabled: disabled,
@@ -483,48 +457,32 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       onDoubleClick: handleDoubleClick,
       onFocus: handleFocus,
       onBlur: handleBlur
-    }), showTotal && !isFocused && isMultiple && /*#__PURE__*/_react.default.createElement("span", {
+    })), showTotal && !isFocused && isMultiple && _react.default.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-total"),
       onClick: showInputTotal
-    }, totalText), isShowDetailBtn && !disabled && /*#__PURE__*/_react.default.createElement("span", {
+    }, totalText), isShowDetailBtn && !disabled && _react.default.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-detail"),
       onClick: handleShowDetail
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, _react.default.createElement(_index.Icon, {
       type: "material"
-    })), !disabled && /*#__PURE__*/_react.default.createElement("span", {
+    })), !disabled && _react.default.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-suffix"),
       onClick: handleShowMore
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, _react.default.createElement(_index.Icon, {
       type: "search"
     })));
   };
-  // 渲染下拉列表框
   var renderContent = function renderContent() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return _react.default.createElement("div", {
       className: "".concat(advancedSelectorfixCls, "-dropdown")
     }, searchInfo.current.searchValue ? renderDropdownContent(options, columns, true, true) : renderHistoryContent());
   };
-  /**
-   * 判断Checkbox半选状态
-   *
-   * @param {string[]} value 选中项数组
-   * @returns {boolean}
-   */
   var getIndeterminate = (0, _react.useCallback)(function (value) {
     return value.length > 0 && value.length < options.length;
   }, [options]);
   var getChecked = function getChecked(value) {
     return options.length && value.length === options.length;
   };
-  /**
-   * 渲染下拉列表
-   *
-   * @param {IOptionsProps} data 下拉列表的数据
-   * @param {IColumnsProps} myColumns 下拉列表的展示列
-   * @param {boolean} showFooter 是否显示下拉框footer
-   * @param {boolean} showCheckbox 是否显示多选框
-   * @returns {React.ReactNode}
-   */
   var renderDropdownContent = function renderDropdownContent(data, myColumns) {
     var _context18;
     var showFooter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -536,14 +494,14 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     }) : [];
     var indeterminate = getIndeterminate(seletedOptions);
     var checked = getChecked(seletedOptions);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, myColumns && Array.isArray(myColumns) && /*#__PURE__*/_react.default.createElement("div", {
+    return _react.default.createElement(_react.default.Fragment, null, myColumns && Array.isArray(myColumns) && _react.default.createElement("div", {
       className: "".concat(advancedSelectorfixCls, "-dropdown-columns")
     }, (0, _map.default)(dropDownColumns).call(dropDownColumns, function (item, index) {
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return _react.default.createElement("span", {
         key: item.key,
         className: "".concat(advancedSelectorfixCls, "-dropdown-columns-item"),
         title: item.title
-      }, isMultiple && index === 0 && showCheckbox && /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
+      }, isMultiple && index === 0 && showCheckbox && _react.default.createElement(_index.Checkbox, {
         style: {
           marginRight: 5
         },
@@ -551,33 +509,27 @@ var InternalBaseData = function InternalBaseData(props, ref) {
         indeterminate: indeterminate,
         onChange: handleSelectAll
       }), item.title);
-    })), loading ? /*#__PURE__*/_react.default.createElement("div", {
+    })), loading ? _react.default.createElement("div", {
       className: "".concat(advancedSelectorfixCls, "-dropdown-loading")
-    }, /*#__PURE__*/_react.default.createElement(_index.Spin, null)) : data.length ? renderOptionsContent(data, dropDownColumns, showCheckbox) : renderNotContent(), showFooter && dropdownFooterRender && /*#__PURE__*/_react.default.createElement("div", {
+    }, _react.default.createElement(_index.Spin, null)) : data.length ? renderOptionsContent(data, dropDownColumns, showCheckbox) : renderNotContent(), showFooter && dropdownFooterRender && _react.default.createElement("div", {
       className: "".concat(advancedSelectorfixCls, "-dropdown-footer")
     }, dropdownFooterRender));
   };
-  /**
-   * 渲染收藏图标
-   *
-   * @param {IOptionsProps} item
-   * @returns {React.ReactNode}
-   */
   var renderCollect = (0, _react.useCallback)(function (item) {
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return _react.default.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-dropdown-options-item-collect"),
       onMouseDown: function onMouseDown(e) {
         return e.stopPropagation();
       }
     }, (0, _findIndex.default)(collectList).call(collectList, function (v) {
       return v.value === item.value;
-    }) === -1 ? /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }) === -1 ? _react.default.createElement(_index.Icon, {
       className: "".concat(advancedSelectorfixCls, "-dropdown-options-item-collect-not-icon"),
       type: "collect",
       onClick: function onClick() {
         return handleCollect(item, true);
       }
-    }) : /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }) : _react.default.createElement(_index.Icon, {
       className: "".concat(advancedSelectorfixCls, "-dropdown-options-item-collect-icon"),
       type: "star",
       onClick: function onClick() {
@@ -591,21 +543,13 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   var renderSearchValue = function renderSearchValue(item, column) {
     return searchField === 'all' || searchField === column.key ? findSearchValue(item[column.key]) : item[column.key];
   };
-  /**
-   * 渲染下拉项
-   *
-   * @param {IOptionsProps} data 下拉列表的数据
-   * @param {IColumnsProps} myColumns 下拉列表的展示列
-   * @param {boolean} showCheckbox 是否显示多选框
-   * @returns {React.ReactNode}
-   */
   var renderOptionsContent = function renderOptionsContent(data, myColumns) {
     var showCheckbox = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(data).call(data, function (item, index) {
+    return _react.default.createElement(_react.default.Fragment, null, (0, _map.default)(data).call(data, function (item, index) {
       if (index + 1 > size) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return _react.default.createElement("div", {
         key: item.value,
         className: (0, _classnames.default)("".concat(advancedSelectorfixCls, "-dropdown-options"), {
           selected: seletedOptions.some(function (v) {
@@ -616,11 +560,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
           return handleSelect(item);
         }
       }, (0, _map.default)(myColumns).call(myColumns, function (column, index) {
-        return /*#__PURE__*/_react.default.createElement("span", {
+        return _react.default.createElement("span", {
           key: column.key,
           className: "".concat(advancedSelectorfixCls, "-dropdown-options-item"),
           title: item[column.key]
-        }, isMultiple && showCheckbox && index === 0 && /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
+        }, isMultiple && showCheckbox && index === 0 && _react.default.createElement(_index.Checkbox, {
           style: {
             marginRight: 5
           },
@@ -632,41 +576,35 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       }));
     }));
   };
-  /**
-   * 标注出搜索的文字
-   *
-   * @param {string} title 搜索的文字
-   * @returns {React.ReactNode}
-   */
   var findSearchValue = function findSearchValue(title) {
     var _searchInfo$current$s = searchInfo.current.searchValue,
       searchValue = _searchInfo$current$s === void 0 ? '' : _searchInfo$current$s;
     var index = title.indexOf(searchValue);
     var beforeStr = title.substr(0, index);
     var afterStr = title.substr(index + searchValue.length);
-    var content = index > -1 ? /*#__PURE__*/_react.default.createElement("span", null, beforeStr, /*#__PURE__*/_react.default.createElement("span", {
+    var content = index > -1 ? _react.default.createElement("span", null, beforeStr, _react.default.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-dropdown-options-item-search")
-    }, searchValue), afterStr) : /*#__PURE__*/_react.default.createElement("span", null, title);
+    }, searchValue), afterStr) : _react.default.createElement("span", null, title);
     return content;
   };
   var renderHistoryContent = function renderHistoryContent() {
     if (!showFrequent) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_index.Tabs, {
+    return _react.default.createElement(_index.Tabs, {
       defaultActiveKey: "history"
-    }, /*#__PURE__*/_react.default.createElement(_index.Tabs.TabPane, {
+    }, _react.default.createElement(_index.Tabs.TabPane, {
       key: "history",
       tab: baseDataLangMsg.history
-    }, renderDropdownContent(historyList, columns)), /*#__PURE__*/_react.default.createElement(_index.Tabs.TabPane, {
+    }, renderDropdownContent(historyList, columns)), _react.default.createElement(_index.Tabs.TabPane, {
       key: "collect",
       tab: baseDataLangMsg.favorites
     }, renderDropdownContent(collectList, columns)));
   };
   var renderNotContent = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return _react.default.createElement("div", {
       className: "".concat(advancedSelectorfixCls, "-dropdown-empty")
-    }, /*#__PURE__*/_react.default.createElement(_index.Empty, null));
+    }, _react.default.createElement(_index.Empty, null));
   }, [advancedSelectorfixCls]);
   var catchStyle = function catchStyle() {
     if (advancedSelectorRef === null || advancedSelectorRef === void 0 ? void 0 : advancedSelectorRef.current) {
@@ -696,7 +634,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
   });
   return (0, _usePopper.default)(renderAdvancedSelector(), renderContent(), popperProps);
 };
-var BaseData = /*#__PURE__*/_react.default.forwardRef(InternalBaseData);
+var BaseData = _react.default.forwardRef(InternalBaseData);
 BaseData.displayName = 'BaseData';
 var _default = BaseData;
 exports.default = _default;

package/lib/breadcrumb/breadcrumb.js

@@ -75,7 +75,7 @@ var Breadcrumb = function Breadcrumb(props) {
     var _context, _context2, _classNames;
     return (0, _classnames.default)(item.className, "".concat(breadcrumbPrefixCls, "-item"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(breadcrumbPrefixCls, "-item-link"), (item === null || item === void 0 ? void 0 : item.path) || (item === null || item === void 0 ? void 0 : item.href)), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(breadcrumbPrefixCls, "-item-")).call(_context, colorModel || 'emphasize', "-model-current"), isLast), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(breadcrumbPrefixCls, "-item-")).call(_context2, colorModel || 'emphasize', "-model"), !isLast), _classNames));
   };
-  var MIN_ITEM = 3; // 加上more只显示3个元素的时候，末尾元素开启省略号
+  var MIN_ITEM = 3;
   var isLastItem = function isLastItem(index, items) {
     return index === (items === null || items === void 0 ? void 0 : items.length) - 1;
   };
@@ -83,17 +83,17 @@ var Breadcrumb = function Breadcrumb(props) {
     if (isLastItem(index, items)) {
       return null;
     } else {
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return _react.default.createElement("span", {
         className: breadcrumbSeparatorClass
       }, separator);
     }
   };
   var getMoreIconContent = function getMoreIconContent(items) {
     var MoreItems = function MoreItems() {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return _react.default.createElement("div", {
         className: breadcrumbMorePanelClass
       }, (0, _map.default)(items).call(items, function (item, index) {
-        return /*#__PURE__*/_react.default.createElement(_breadcrumbItem.default, {
+        return _react.default.createElement(_breadcrumbItem.default, {
           key: "breadcrumb--more-item-".concat(index),
           index: index,
           item: (0, _extends2.default)((0, _extends2.default)({}, item), {
@@ -103,13 +103,13 @@ var Breadcrumb = function Breadcrumb(props) {
         });
       }));
     };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_tooltip.default, {
       popperClassName: breadcrumbPopperClass,
       arrow: false,
-      tip: /*#__PURE__*/_react.default.createElement(MoreItems, null),
+      tip: _react.default.createElement(MoreItems, null),
       trigger: "hover",
       placement: "bottomLeft"
-    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    }, _react.default.createElement(_icon.default, {
       type: "more"
     })));
   };
@@ -189,12 +189,12 @@ var Breadcrumb = function Breadcrumb(props) {
       });
     };
   }, [itemsArray, breadcrumbWidth]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", (0, _extends2.default)({
     className: breadcrumbClass
   }, others, {
     ref: breadcrumbRef
   }), (itemsConfig === null || itemsConfig === void 0 ? void 0 : itemsConfig.length) > 0 && (0, _map.default)(itemsConfig).call(itemsConfig, function (item, index) {
-    return /*#__PURE__*/_react.default.createElement(_breadcrumbItem.default, {
+    return _react.default.createElement(_breadcrumbItem.default, {
       key: "breadcrumb-item-".concat(index),
       item: (0, _extends2.default)((0, _extends2.default)({}, item), {
         className: getBreadcrumbItemClass(item, isLastItem(index, itemsConfig))
@@ -204,12 +204,12 @@ var Breadcrumb = function Breadcrumb(props) {
       separator: getSeparator(index, itemsConfig),
       openEllipsis: isLastItem(index, itemsConfig) ? openEllipsis : false
     });
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), _react.default.createElement("div", {
     className: breadcrumbHideIconClass,
     ref: breadcrumbHideIconRef
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+  }, _react.default.createElement(_icon.default, {
     type: "more"
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), _react.default.createElement("span", {
     className: breadcrumbSeparatorClass
   }, separator)));
 };

package/lib/breadcrumb/breadcrumbItem.js

@@ -44,21 +44,21 @@ var BreadcrumbItem = function BreadcrumbItem(props) {
     }
     onItemClick && onItemClick(item, index);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     className: className,
     onClick: handleItemClick
-  }, icon && /*#__PURE__*/_react.default.createElement("div", {
+  }, icon && _react.default.createElement("div", {
     className: itemIconCls
-  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+  }, icon), _react.default.createElement("div", {
     className: itemTextCls,
     title: typeof title === 'string' ? title : '',
     style: {
       maxWidth: openEllipsis ? '170px' : 'unset',
       overflow: openEllipsis ? 'hidden' : 'inherit'
     }
-  }, title), dropdownProps && 'menu' in dropdownProps && /*#__PURE__*/_react.default.createElement(_dropdown.default, (0, _extends2.default)({
+  }, title), dropdownProps && 'menu' in dropdownProps && _react.default.createElement(_dropdown.default, (0, _extends2.default)({
     placement: "bottomRight"
-  }, dropdownProps), /*#__PURE__*/_react.default.createElement(_icon.default, {
+  }, dropdownProps), _react.default.createElement(_icon.default, {
     type: "arrow-down"
   })), separator));
 };

package/lib/button/button.js

@@ -45,7 +45,7 @@ var InternalButton = function InternalButton(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var buttonProps = (0, _utils.getCompProps)('Button', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var buttonProps = (0, _utils.getCompProps)('Button', userDefaultProps, props);
   var type = buttonProps.type,
     iconPlace = buttonProps.iconPlace,
     children = buttonProps.children,
@@ -64,24 +64,16 @@ var InternalButton = function InternalButton(props, ref) {
     htmlType = _buttonProps$htmlType === void 0 ? 'button' : _buttonProps$htmlType,
     others = __rest(buttonProps, ["type", "iconPlace", "children", "className", "prefixCls", "size", "loading", "shape", "bordered", "onClick", "icon", "ghost", "block", "disabled", "htmlType"]);
   (0, _devwarning.default)(ButtonTypes.indexOf(type) === -1, 'button', "cannot found button type '".concat(type, "'"));
-  var btnPrefixCls = getPrefixCls(prefixCls, 'btn', customPrefixcls); // 按钮样式前缀
-  /**
-   * 按钮click事件处理
-   * @param {React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>} e 事件对象
-   */
+  var btnPrefixCls = getPrefixCls(prefixCls, 'btn', customPrefixcls);
   var handleClick = function handleClick(e) {
     if (loading || disabled) {
-      // 加载中和禁用状态不触发点击事件
       return;
     }
     var waveStatus = buttonRef.current.getAttribute('click-animating-wave');
-    // 进入时是否在加载动画
     if (waveStatus === 'true') {
       buttonRef.current.setAttribute('click-animating-wave', false);
-      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
       window.getComputedStyle(buttonRef.current).animationPlayState;
     }
-    // 启动动画
     buttonRef.current.setAttribute('click-animating-wave', true);
     buttonRef.current.addEventListener('animationend', onAnimationEnd);
     onClick && onClick(e);
@@ -93,24 +85,21 @@ var InternalButton = function InternalButton(props, ref) {
     e.target.setAttribute('click-animating-wave', 'false');
     removeEventListener('animationend', onAnimationEnd);
   };
-  // ref
-  var buttonRef = ref || /*#__PURE__*/_react.default.createRef();
-  // 对children进行进一步处理，目前只处理typeof child === 'string'的情况，后续有特殊情况的在此方法处理
+  var buttonRef = ref || _react.default.createRef();
   var handleChild = function handleChild(child) {
     if (typeof child === 'string') {
-      return /*#__PURE__*/_react.default.createElement("span", null, child); // 包一层span,该层span的dsiplay为inline-block, 用于处理没内容时按钮高度位置跳动问题
+      return _react.default.createElement("span", null, child);
     }
-
     return child;
   };
-  var isTextBtn = type === 'text'; // 判断按钮是否文本类型。这些类型下有部分样式不适用
+  var isTextBtn = type === 'text';
   var btnClasses = (0, _classnames.default)(btnPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(btnPrefixCls, "-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(btnPrefixCls, "-size-")).call(_context2, size), size), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context3 = "".concat(btnPrefixCls, "-shape-")).call(_context3, shape), shape && !isTextBtn), (0, _defineProperty2.default)(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), (0, _defineProperty2.default)(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), (0, _defineProperty2.default)(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), (0, _defineProperty2.default)(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), (0, _defineProperty2.default)(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
   var iconWrapperClassName = (0, _concat.default)(_context4 = "".concat(btnPrefixCls, "-iconWrapper-")).call(_context4, iconPlace === 'left' ? 'left' : 'right');
-  var iconNode = icon && !loading ? /*#__PURE__*/_react.default.createElement("span", {
+  var iconNode = icon && !loading ? _react.default.createElement("span", {
     className: iconWrapperClassName
-  }, icon) : loading ? /*#__PURE__*/_react.default.createElement("span", {
+  }, icon) : loading ? _react.default.createElement("span", {
     className: iconWrapperClassName
-  }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+  }, _react.default.createElement(_index.Icon, {
     className: (0, _concat.default)(_context5 = "".concat(btnPrefixCls, "-")).call(_context5, type === ButtonTypes[1] ? 'primary-loadingIcon' : 'loadingIcon'),
     type: "loadding",
     spin: true
@@ -118,14 +107,14 @@ var InternalButton = function InternalButton(props, ref) {
   var btnChild = handleChild(children);
   switch (type) {
     case 'text':
-      return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+      return _react.default.createElement("span", (0, _extends2.default)({
         ref: buttonRef,
         className: btnClasses,
         onClick: handleClick,
         disabled: disabled
       }, others), iconNode, children);
     default:
-      return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+      return _react.default.createElement("button", (0, _extends2.default)({
         ref: buttonRef,
         className: btnClasses,
         onClick: handleClick,
@@ -133,14 +122,14 @@ var InternalButton = function InternalButton(props, ref) {
         type: htmlType
       }, others, {
         "click-animating-wave": "false"
-      }), iconPlace === 'left' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconNode, !!(iconNode && children) && /*#__PURE__*/_react.default.createElement("span", {
+      }), iconPlace === 'left' ? _react.default.createElement(_react.default.Fragment, null, iconNode, !!(iconNode && children) && _react.default.createElement("span", {
         className: "btn-space"
-      }), btnChild) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, btnChild, !!(iconNode && children) && /*#__PURE__*/_react.default.createElement("span", {
+      }), btnChild) : _react.default.createElement(_react.default.Fragment, null, btnChild, !!(iconNode && children) && _react.default.createElement("span", {
         className: "btn-space"
       }), iconNode));
   }
 };
-var Button = /*#__PURE__*/_react.default.forwardRef(InternalButton);
+var Button = _react.default.forwardRef(InternalButton);
 Button.displayName = 'Button';
 var _default = Button;
 exports.default = _default;