@arco-design/mobile-react 2.24.2 → 2.25.1

package/umd/pull-refresh/model.js

@@ -17,7 +17,6 @@
   _exports.PullRefreshStatus = void 0;
   var PullRefreshStatus;
   _exports.PullRefreshStatus = PullRefreshStatus;
-
   (function (PullRefreshStatus) {
     PullRefreshStatus[PullRefreshStatus["Static"] = 0] = "Static";
     PullRefreshStatus[PullRefreshStatus["Pulling"] = 1] = "Pulling";

package/umd/radio/group.js

@@ -14,17 +14,13 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.RadioGroupContext = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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 RadioGroupContext = /*#__PURE__*/_react.default.createContext({
     isGroup: false,
     shape: 'circle',
@@ -33,34 +29,30 @@
     value: [],
     onChange: function onChange() {}
   });
-
   _exports.RadioGroupContext = RadioGroupContext;
-
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var _props$style = props.style,
-          style = _props$style === void 0 ? {} : _props$style,
-          _props$className = props.className,
-          className = _props$className === void 0 ? '' : _props$className,
-          defaultValue = props.defaultValue,
-          _props$disabled = props.disabled,
-          disabled = _props$disabled === void 0 ? false : _props$disabled,
-          _props$shape = props.shape,
-          shape = _props$shape === void 0 ? 'circle' : _props$shape,
-          options = props.options,
-          icons = props.icons,
-          _props$onChange = props.onChange,
-          onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-          value = props.value,
-          _props$children = props.children,
-          children = _props$children === void 0 ? null : _props$children,
-          _props$layout = props.layout,
-          layout = _props$layout === void 0 ? 'inline' : _props$layout;
-
+        style = _props$style === void 0 ? {} : _props$style,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        defaultValue = props.defaultValue,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$shape = props.shape,
+        shape = _props$shape === void 0 ? 'circle' : _props$shape,
+        options = props.options,
+        icons = props.icons,
+        _props$onChange = props.onChange,
+        onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+        value = props.value,
+        _props$children = props.children,
+        children = _props$children === void 0 ? null : _props$children,
+        _props$layout = props.layout,
+        layout = _props$layout === void 0 ? 'inline' : _props$layout;
       var _useState = (0, _react.useState)(value || defaultValue),
-          groupValue = _useState[0],
-          setGroupValue = _useState[1];
-
+        groupValue = _useState[0],
+        setGroupValue = _useState[1];
       var domRef = (0, _react.useRef)(null);
       (0, _react.useImperativeHandle)(ref, function () {
         return {
@@ -70,20 +62,18 @@
       (0, _react.useEffect)(function () {
         value !== void 0 && setGroupValue(value);
       }, [value]);
+
       /**
        * 切换Radio状态回调
        * @en Callback when toggling radio state
        */
-
       var handleChange = function handleChange(checked, newValue) {
         if (!checked) return;
         onChange(newValue);
-
         if (value === void 0) {
           setGroupValue(newValue);
         }
       };
-
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
         var prefixCls = _ref.prefixCls;
         return /*#__PURE__*/_react.default.createElement("div", {

package/umd/radio/index.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>>;
+    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & {
+        displayName?: string | undefined;
+    };
+} & {
+    displayName?: string | undefined;
 };
 /**
  * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。
@@ -10,5 +14,6 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
  * @name_en Radio
  * @type 数据录入
  * @type_en Data Entry
+ * @displayName Radio
  */
 export default _default;

package/umd/radio/index.js

@@ -22,12 +22,13 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
-
   /**
    * 单选项组
    * @en Radio group
+   * @displayName RadioGroup
    */
-  var Group = (0, _group.componentGenerator)(_radio.Radio);
+  var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_radio.Radio), 'RadioGroup');
+
   /**
    * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。
    * @en Radio button, click to switch selection when available, supports disabled state and radio option group.
@@ -35,11 +36,10 @@
    * @name_en Radio
    * @type 数据录入
    * @type_en Data Entry
+   * @displayName Radio
    */
-
-  var _default = (0, _mobileUtils.componentWrapper)(_radio.Radio, {
+  var _default = (0, _mobileUtils.componentWrapper)(_radio.Radio, 'Radio', {
     Group: Group
   });
-
   _exports.default = _default;
 });

package/umd/radio/radio.js

@@ -14,18 +14,14 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.Radio = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _checkbox = _interopRequireDefault(_checkbox);
-
   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; }
-
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var mergedProps = (0, _hooks.useMergeProps)(props, _group.RadioGroupContext);
@@ -40,7 +36,6 @@
       }));
     });
   }
-
   var Radio = componentGenerator(_checkbox.default);
   _exports.Radio = Radio;
 });

package/umd/rate/index.d.ts

@@ -94,6 +94,9 @@ export interface RateRef {
      */
     dom: HTMLDivElement | null;
 }
+declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 评分组件，支持受控模式
  * @en Rate component, supports controlled mode
@@ -101,6 +104,6 @@ export interface RateRef {
  * @type_en Data Entry
  * @name 评分
  * @name_en Rate
+ * @displayName Rate
  */
-declare const Rate: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>>;
-export default Rate;
+export default _default;

package/umd/rate/index.js

@@ -14,51 +14,37 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _IconStarFill = _interopRequireDefault(_IconStarFill);
   _IconStarHalf = _interopRequireDefault(_IconStarHalf);
-
   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; }
-
-  /**
-   * 评分组件，支持受控模式
-   * @en Rate component, supports controlled mode
-   * @type 数据录入
-   * @type_en Data Entry
-   * @name 评分
-   * @name_en Rate
-   */
   var Rate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-        style = props.style,
-        _props$defaultValue = props.defaultValue,
-        defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
-        value = props.value,
-        _props$count = props.count,
-        count = _props$count === void 0 ? 5 : _props$count,
-        _props$step = props.step,
-        step = _props$step === void 0 ? 1 : _props$step,
-        color = props.color,
-        normalColor = props.normalColor,
-        disabledColor = props.disabledColor,
-        _props$allowHalf = props.allowHalf,
-        allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === void 0 ? false : _props$disabled,
-        size = props.size,
-        offset = props.offset,
-        icons = props.icons,
-        onChange = props.onChange;
-
+      style = props.style,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+      value = props.value,
+      _props$count = props.count,
+      count = _props$count === void 0 ? 5 : _props$count,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      color = props.color,
+      normalColor = props.normalColor,
+      disabledColor = props.disabledColor,
+      _props$allowHalf = props.allowHalf,
+      allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      size = props.size,
+      offset = props.offset,
+      icons = props.icons,
+      onChange = props.onChange;
     var _useState = (0, _react.useState)(defaultValue),
-        innerValue = _useState[0],
-        setInnerValue = _useState[1];
-
+      innerValue = _useState[0],
+      setInnerValue = _useState[1];
     var starIndex = (0, _react.useMemo)(function () {
       var actualValue = value !== void 0 ? value : innerValue;
       return actualValue / step || 0;
@@ -75,43 +61,34 @@
         dom: domRef.current
       };
     });
-
     function handleStarIndexChange(newIndex) {
       if (disabled) {
         return;
       }
-
       var newValue = newIndex * step;
       setInnerValue(newValue);
       onChange && onChange(newValue);
     }
-
     function renderIconByAttr(defaultNode, index, attr) {
       if (!attr) {
         return defaultNode;
       }
-
       if (typeof attr === 'function') {
         // 对外的index从0开始
         // @en External index starts from 0
         return attr(index - 1);
       }
-
       return attr;
     }
-
     function getIconStatus(index) {
       if (starIndex >= index) {
         return 'active';
       }
-
       if (starIndex >= index - 0.5 && allowHalf) {
         return 'half-active';
       }
-
       return 'normal';
     }
-
     function renderRateIcon(prefix, status, index) {
       if (status === 'active') {
         return renderIconByAttr( /*#__PURE__*/_react.default.createElement(_IconStarFill.default, {
@@ -124,12 +101,10 @@
           }
         }), index, icons == null ? void 0 : icons.active);
       }
-
       if (status === 'half-active') {
         var _ref = icons || {},
-            active = _ref.active,
-            halfActive = _ref.halfActive;
-
+          active = _ref.active,
+          halfActive = _ref.halfActive;
         var customIcon = halfActive || active;
         return renderIconByAttr( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconStarFill.default, {
           className: (0, _mobileUtils.cls)(prefix + "-icon normal", {
@@ -149,7 +124,6 @@
           }
         })), index, customIcon);
       }
-
       return renderIconByAttr( /*#__PURE__*/_react.default.createElement(_IconStarFill.default, {
         className: (0, _mobileUtils.cls)(prefix + "-icon normal", {
           disabled: disabled
@@ -160,7 +134,6 @@
         }
       }), index, icons == null ? void 0 : icons.normal);
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -199,6 +172,16 @@
       }));
     });
   });
-  var _default = Rate;
+
+  /**
+   * 评分组件，支持受控模式
+   * @en Rate component, supports controlled mode
+   * @type 数据录入
+   * @type_en Data Entry
+   * @name 评分
+   * @name_en Rate
+   * @displayName Rate
+   */
+  var _default = (0, _mobileUtils.componentWrapper)(Rate, 'Rate');
   _exports.default = _default;
 });

package/umd/search-bar/association.js

@@ -14,66 +14,55 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.SearchBarAssociation = SearchBarAssociation;
   _react = _interopRequireDefault(_react);
-
   function SearchBarAssociation(props) {
     var _cls;
-
     var prefixCls = props.prefixCls,
-        _props$associationIte = props.associationItems,
-        associationItems = _props$associationIte === void 0 ? [] : _props$associationIte,
-        highlightClassName = props.highlightClassName,
-        _props$highlightMode = props.highlightMode,
-        highlightMode = _props$highlightMode === void 0 ? 'none' : _props$highlightMode,
-        highlightStyle = props.highlightStyle,
-        onAssociationClick = props.onAssociationClick,
-        onAssociationItemClick = props.onAssociationItemClick,
-        renderAssociation = props.renderAssociation,
-        renderAssociationItem = props.renderAssociationItem,
-        keyword = props.keyword,
-        visible = props.visible;
+      _props$associationIte = props.associationItems,
+      associationItems = _props$associationIte === void 0 ? [] : _props$associationIte,
+      highlightClassName = props.highlightClassName,
+      _props$highlightMode = props.highlightMode,
+      highlightMode = _props$highlightMode === void 0 ? 'none' : _props$highlightMode,
+      highlightStyle = props.highlightStyle,
+      onAssociationClick = props.onAssociationClick,
+      onAssociationItemClick = props.onAssociationItemClick,
+      renderAssociation = props.renderAssociation,
+      renderAssociationItem = props.renderAssociationItem,
+      keyword = props.keyword,
+      visible = props.visible;
     var searchBarAssociationPrefixCls = prefixCls + "-association";
     var defaultHighlightClassName = searchBarAssociationPrefixCls + "-item-highlight";
-
     var renderHighlightNode = function renderHighlightNode(content) {
       if (!content || !keyword || highlightMode === 'none') {
         return content;
       }
-
       var config = {
         keyword: keyword,
         content: content,
         highlightClassName: highlightClassName || defaultHighlightClassName,
         highlightStyle: highlightStyle
       };
-
       if (highlightMode === 'contain') {
         return (0, _highlight.highlightWithContainMode)(config);
       }
-
       if (highlightMode === 'prefix') {
         return (0, _highlight.highlightWithPrefixMode)(config);
       }
-
       return typeof highlightMode === 'function' ? highlightMode(content, keyword, defaultHighlightClassName) : content;
     };
-
     var renderItem = function renderItem(item, index) {
       var itemContent = item.content;
-      var node = itemContent; // itemContent为string类型，并且开启高亮模式才去走渲染高亮内容的逻辑
+      var node = itemContent;
+      // itemContent为string类型，并且开启高亮模式才去走渲染高亮内容的逻辑
       // @en When `itemContent` is a string, and the highlight mode is turned on, the logic of rendering the highlighted content is performed
-
       if (typeof itemContent === 'string' && highlightMode !== 'none') {
         node = renderHighlightNode(itemContent);
       }
-
       if (renderAssociationItem) {
         node = renderAssociationItem(item, index, node);
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
         className: searchBarAssociationPrefixCls + "-item",
@@ -82,17 +71,13 @@
         }
       }, node);
     };
-
     var renderContent = function renderContent() {
       var associationContent = associationItems.map(renderItem);
-
       if (renderAssociation) {
         return renderAssociation(associationContent);
       }
-
       return associationContent;
     };
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(searchBarAssociationPrefixCls, (_cls = {}, _cls[searchBarAssociationPrefixCls + "-visible"] = visible, _cls)),
       onClick: onAssociationClick

package/umd/search-bar/cancel-button.js

@@ -16,31 +16,25 @@
   _exports.__esModule = true;
   _exports.CancelButton = CancelButton;
   _react = _interopRequireWildcard(_react);
-
   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; }
-
   function CancelButton(props) {
     var className = props.className,
-        onCancel = props.onCancel,
-        focusing = props.focusing,
-        currentInputValue = props.currentInputValue,
-        text = props.text;
-
+      onCancel = props.onCancel,
+      focusing = props.focusing,
+      currentInputValue = props.currentInputValue,
+      text = props.text;
     var _useState = (0, _react.useState)(focusing || Boolean(currentInputValue)),
-        visible = _useState[0],
-        setVisible = _useState[1];
-
+      visible = _useState[0],
+      setVisible = _useState[1];
     var handleClick = function handleClick() {
-      onCancel == null ? void 0 : onCancel(); // 如果不延迟，在聚焦切输入框有值的情况下，点击取消按钮会造成闪烁
+      onCancel == null ? void 0 : onCancel();
+      // 如果不延迟，在聚焦切输入框有值的情况下，点击取消按钮会造成闪烁
       // @en If there is no delay, when the focus cut input box has a value, clicking the cancel button will cause flickering
-
       (0, _mobileUtils.nextTick)(function () {
         setVisible(false);
       });
     };
-
     (0, _react.useEffect)(function () {
       setVisible(focusing || Boolean(currentInputValue));
     }, [focusing, currentInputValue]);

package/umd/search-bar/highlight.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.highlightWithContainMode = highlightWithContainMode;
   _exports.highlightWithPrefixMode = highlightWithPrefixMode;
@@ -22,64 +21,58 @@
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireDefault(_react);
   var _excluded = ["content", "keyword"];
-
   function createHighlightNode(config, index) {
     var keyword = config.keyword,
-        highlightClassName = config.highlightClassName,
-        highlightStyle = config.highlightStyle;
+      highlightClassName = config.highlightClassName,
+      highlightStyle = config.highlightStyle;
     return /*#__PURE__*/_react.default.createElement("span", {
       className: highlightClassName,
       style: highlightStyle,
       key: index
     }, keyword);
   }
+
   /**
    * 高亮搜索候选项中，包含的关键字
    *
    */
-
-
   function highlightWithContainMode(config) {
     var _config$content = config.content,
-        content = _config$content === void 0 ? '' : _config$content,
-        _config$keyword = config.keyword,
-        keyword = _config$keyword === void 0 ? '' : _config$keyword; // 具体实现思路就是将keyword作为split的分隔符，切割content得到数组
+      content = _config$content === void 0 ? '' : _config$content,
+      _config$keyword = config.keyword,
+      keyword = _config$keyword === void 0 ? '' : _config$keyword;
 
-    var splitContent = content.split(keyword); // 再将高亮后的keyword节点，插空填入数组
+    // 具体实现思路就是将keyword作为split的分隔符，切割content得到数组
+    var splitContent = content.split(keyword);
 
+    // 再将高亮后的keyword节点，插空填入数组
     var highlightResult = splitContent.reduce(function (prev, word, index) {
       prev.push(word);
-
       if (index !== splitContent.length - 1) {
         prev.push(createHighlightNode(config, index));
       }
-
       return prev;
     }, []);
     return highlightResult;
   }
+
   /**
    * 高亮搜索候选项和关键字的最长前缀公共字符串
    *
    */
-
-
   function highlightWithPrefixMode(config) {
     var _config$content2 = config.content,
-        content = _config$content2 === void 0 ? '' : _config$content2,
-        _config$keyword2 = config.keyword,
-        keyword = _config$keyword2 === void 0 ? '' : _config$keyword2,
-        otherConfig = (0, _objectWithoutPropertiesLoose2.default)(config, _excluded);
+      content = _config$content2 === void 0 ? '' : _config$content2,
+      _config$keyword2 = config.keyword,
+      keyword = _config$keyword2 === void 0 ? '' : _config$keyword2,
+      otherConfig = (0, _objectWithoutPropertiesLoose2.default)(config, _excluded);
     var splitIndex = -1;
-
     for (var i = 0; i < keyword.length; i++) {
       if (i >= content.length || content[i] !== keyword[i]) {
         break;
       }
-
       splitIndex = i;
     }
-
     return splitIndex > -1 ? [createHighlightNode((0, _extends2.default)({}, otherConfig, {
       keyword: content.substring(0, splitIndex + 1)
     }), 0), content.substring(splitIndex + 1)] : content;