shineout 3.7.0-beta.30 → 3.7.0-beta.32

package/dist/shineout.js

@@ -12227,7 +12227,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.0-beta.30');
+/* harmony default export */ var version = ('3.7.0-beta.32');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -16694,10 +16694,13 @@ var cardGroupStyle = {
 var useCardGroupStyle = styled(card_group_card_group, 'cardGroup');
 
 /* harmony default export */ var shineout_style_src_card_group = ((/* unused pure expression or super */ null && (useCardGroupStyle)));
-;// CONCATENATED MODULE: ../shineout-style/src/carousel/carousel.ts
-
+;// CONCATENATED MODULE: ../shineout-style/src/common/common.ts
 
-var carouselDuration = '0.4s';
+var collapseStyle = {
+  highlight: {
+    color: src.tagWarningFontColor
+  }
+};
 var animations = {
   '@keyframes r2c': {
     '0%': {
@@ -16778,8 +16781,24 @@ var animations = {
     '100%': {
       opacity: 0
     }
+  },
+  '@keyframes scale-y-top': {
+    '0%': {
+      opacity: 0,
+      transform: 'translateY(-100%) scaleY(0)'
+    },
+    '100%': {
+      opacity: 1,
+      transform: 'translateY(-100%) scaleY(1)'
+    }
   }
 };
+/* harmony default export */ var src_common_common = (collapseStyle);
+;// CONCATENATED MODULE: ../shineout-style/src/carousel/carousel.ts
+
+
+
+var carouselDuration = '0.4s';
 var carouselStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {}
 }, animations), {}, {
@@ -17929,7 +17948,7 @@ var useCheckboxStyle = styled(src_checkbox_checkbox, 'checkbox');
 /* harmony default export */ var shineout_style_src_checkbox = ((/* unused pure expression or super */ null && (useCheckboxStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/collapse/collapse.ts
 
-var collapseStyle = {
+var collapse_collapseStyle = {
   rootClass: {},
   wrapper: {
     overflow: 'hidden',
@@ -17941,7 +17960,7 @@ var collapseStyle = {
     border: 'none'
   }
 };
-/* harmony default export */ var collapse_collapse = (collapseStyle);
+/* harmony default export */ var collapse_collapse = (collapse_collapseStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/collapse/collapse-item.ts
 
 var collapseItemStyle = {
@@ -18089,11 +18108,18 @@ var useCollapseStyle = styled(collapse_collapse, 'collapse');
 /* harmony default export */ var shineout_style_src_collapse = ((/* unused pure expression or super */ null && (useCollapseStyle)));
 var useCollapseItemStyle = styled(collapse_item, 'collapseItem');
 
+;// CONCATENATED MODULE: ../shineout-style/src/common/index.ts
+
+
+var useCommonStyle = styled(src_common_common, 'common');
+
+/* harmony default export */ var shineout_style_src_common = ((/* unused pure expression or super */ null && (useCommonStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/date-picker/date-picker.ts
 
 
 
 
+
 var date_picker_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -18139,8 +18165,9 @@ var date_picker_wrapper = date_picker_inputBorder.wrapper,
   date_picker_resetWrapper = objectWithoutProperties_default()(date_picker_inputBorder, ["wrapper", "wrapperDisabled"]);
 var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
 var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
-var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
-  rootClass: {},
+var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+  rootClass: {}
+}, animations), {}, {
   wrapper: objectSpread2_default()({
     display: 'inline-block',
     position: 'relative',
@@ -18758,24 +18785,15 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
       '&[dir=rtl]': {
         right: 0
       },
-      transform: 'translateY(-100%)',
+      transformOrigin: 'bottom',
+      animation: '$scale-y-top 0.2s ease-in-out forwards',
       backgroundColor: src.datePickerPanelBackgroundColor,
       boxShadow: src.datePickerPanelShadow,
-      opacity: '0',
-      zIndex: '-1',
-      visibility: 'hidden'
+      display: 'none'
     },
     '&:hover $timePicker': {
       zIndex: '1',
-      opacity: '1',
-      visibility: 'visible'
-    }
-  },
-  datetimeHide: {
-    opacity: '0',
-    pointerEvents: 'none',
-    '& > span': {
-      display: 'none'
+      display: 'block'
     }
   },
   quickPicker: {
@@ -22769,7 +22787,11 @@ var radioStyle = {
       marginRight: 0
     }
   },
-  wrapperSmall: {},
+  wrapperSmall: {
+    '[data-soui-role="form-control"] > $group > &': {
+      marginTop: 1
+    }
+  },
   wrapperLarge: {},
   wrapperChecked: {},
   wrapperDisabled: {
@@ -25632,7 +25654,10 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
       padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
       minWidth: src.switchSmallWidth,
       borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
-      fontSize: src.switchSmallFontSize
+      fontSize: src.switchSmallFontSize,
+      '[data-soui-role="form-control"] > &': {
+        marginTop: 8
+      }
     },
     '$wrapperLarge&': {
       height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
@@ -29552,6 +29577,7 @@ var useUploadStyle = styled(upload_upload, 'upload');
 
 
 
+
 
 
 /* harmony default export */ var shineout_style_src = ({});
@@ -32457,7 +32483,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.indexOf('scale-y') >= 0) {
       transition.push("transform ".concat(durationNum, "ms ease-in-out"));
-      transition.push("opacity ".concat(durationNum, "ms ease-in-out"));
+      transition.push("opacity ".concat(durationNum / 2, "ms ease-in-out"));
     }
     if (type.indexOf('collapse') >= 0) {
       transition.push("height ".concat(durationNum, "ms ease-in-out"));
@@ -35878,6 +35904,18 @@ function removeProtocol(url) {
     return url;
   }
 }
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g,
+  reHasRegExpChar = RegExp(reRegExpChar.source);
+function escapeRegExp() {
+  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var string = typeof str === 'string' ? str : str.toString();
+  return string && reHasRegExpChar.test(string) ? string.replace(reRegExpChar, '\\$&') : string;
+}
 ;// CONCATENATED MODULE: ../base/src/config/locale/zh-CN.ts
 /* harmony default export */ var zh_CN = ({
   now: '今天',
@@ -38135,11 +38173,16 @@ var mergeFilteredTree = function mergeFilteredTree(filterData, rawDatum, tiledId
     draft.map(recursion);
   });
 };
+;// CONCATENATED MODULE: ../hooks/src/common/use-filter/use-filter-context.ts
+
+var FilterContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({});
+FilterContext.displayName = 'FilterContext';
 ;// CONCATENATED MODULE: ../hooks/src/common/use-filter/use-filter.ts
 
 
 
 
+
 var useFilter = function useFilter(props) {
   var data = props.data,
     groupKey = props.groupKey,
@@ -38281,6 +38324,7 @@ var useFilter = function useFilter(props) {
     filterFunc: filterFunc,
     onCreate: onCreate ? handleCreate : undefined,
     onFilter: onFilter || onCreate ? handleFilter : undefined,
+    FilterProvider: FilterContext.Provider,
     // onResetFilter: handleResetData,
     onClearCreatedData: handleClearCreatedData
   };
@@ -39646,6 +39690,66 @@ var VirtualList = function VirtualList(props) {
   return renderList();
 };
 /* harmony default export */ var virtual_scroll_list = (VirtualList);
+;// CONCATENATED MODULE: ../hooks/src/utils/highlight.tsx
+
+
+
+
+
+function getHighlightText(_ref) {
+  var nodeList = _ref.nodeList,
+    searchWords = _ref.searchWords,
+    highlightClassName = _ref.highlightClassName,
+    enable = _ref.enable;
+  if (!enable || !searchWords) {
+    return nodeList;
+  }
+  var transformNode = function transformNode(node) {
+    var _node$props;
+    if (node && typeof ((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.children) === 'string') {
+      return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(node, undefined, /*#__PURE__*/(0,jsx_runtime.jsx)(HighlightText, {
+        textToHighlight: node.props.children,
+        searchWords: searchWords,
+        highlightClassName: highlightClassName
+      }));
+    }
+    if (node && typeof node === 'string') {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(HighlightText, {
+        textToHighlight: node,
+        searchWords: searchWords,
+        highlightClassName: highlightClassName
+      });
+    }
+    return node;
+  };
+  return isArray(nodeList) ? nodeList.map(transformNode) : transformNode(nodeList);
+}
+function HighlightText(_ref2) {
+  var textToHighlight = _ref2.textToHighlight,
+    searchWords = _ref2.searchWords,
+    highlightClassName = _ref2.highlightClassName;
+  if (!searchWords) return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+    children: textToHighlight
+  });
+  if (searchWords.length > 500) {
+    searchWords = searchWords.slice(0, 500);
+  }
+
+  // 注意这里的括号，这里使用了带capture group功能的正则，来split字符串
+  // 从而在strArr中可以保留匹配文本
+  var re = new RegExp("(".concat(escapeRegExp(searchWords), ")"), 'i');
+  var strArr = textToHighlight.split(re);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+    children: strArr.map(function (item, index) {
+      return re.test(item) ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: highlightClassName,
+        children: item
+      }, index) : /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+        children: item
+      }, index);
+    })
+  });
+}
 ;// CONCATENATED MODULE: ../base/src/cascader/node.tsx
 
 
@@ -39660,7 +39764,7 @@ var VirtualList = function VirtualList(props) {
 
 var node_getDataAttributeName = getDataAttributeName;
 var CascaderNode = function CascaderNode(props) {
-  var _jssStyle$cascader;
+  var _jssStyle$cascader, _jssStyle$common;
   var jssStyle = props.jssStyle,
     active = props.active,
     data = props.data,
@@ -39686,6 +39790,7 @@ var CascaderNode = function CascaderNode(props) {
   var hasChildren = children && children.length > 0;
   var uncertainChildren = loader && !loading && children === undefined;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
   var rootClass = classnames_default()(styles.option, active && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
   var handlePathChange = function handlePathChange() {
     onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
@@ -39727,11 +39832,19 @@ var CascaderNode = function CascaderNode(props) {
     }
     return events;
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlight = _useContext.highlight;
   var renderContent = function renderContent() {
     var render = typeof renderItem === 'function' ? renderItem : function (d) {
       return d[renderItem];
     };
-    return render(data, active, id);
+    return getHighlightText({
+      enable: highlight,
+      nodeList: render(data, active, id),
+      searchWords: filterText,
+      highlightClassName: commonStyles === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+    });
   };
   var renderIcon = function renderIcon() {
     if (loading && children === undefined) {
@@ -39888,8 +40001,9 @@ var CascaderList = function CascaderList(props) {
 
 
 
+
 var FilterNode = function FilterNode(props) {
-  var _jssStyle$cascader;
+  var _jssStyle$cascader, _jssStyle$common;
   var jssStyle = props.jssStyle,
     data = props.data,
     shouldFinal = props.shouldFinal,
@@ -39902,6 +40016,7 @@ var FilterNode = function FilterNode(props) {
     onChange = props.onChange,
     onPathChange = props.onPathChange;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
   var handleSelectItem = function handleSelectItem(index, d, e) {
     var isFinal = data && index === data.length - 1;
     if (shouldFinal && !isFinal) return;
@@ -39930,6 +40045,9 @@ var FilterNode = function FilterNode(props) {
   var handleSelect = function handleSelect() {
     handleSelectItem(data.length - 1, data === null || data === void 0 ? void 0 : data[data.length - 1]);
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlight = _useContext.highlight;
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(styles.option, styles.filterOption),
     onClick: handleSelect,
@@ -39949,11 +40067,16 @@ var FilterNode = function FilterNode(props) {
             })) || isDisabled;
           }
         }
-        var content = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          onClick: handleClick,
-          className: classnames_default()(styles.filterOptionItem, isDisabled && styles.filterDisabledOption),
-          children: renderItem(item)
-        }, 'content');
+        var content = getHighlightText({
+          enable: highlight,
+          nodeList: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            onClick: handleClick,
+            className: classnames_default()(styles.filterOptionItem, isDisabled && styles.filterDisabledOption),
+            children: renderItem(item)
+          }, 'content'),
+          searchWords: filterText,
+          highlightClassName: commonStyles === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+        });
         if (index === 0) return content;
         return [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(styles.filterOptionSeparator),
@@ -41362,7 +41485,8 @@ var Cascader = function Cascader(props0) {
     setInputText = _useFilter.setInputText,
     setFilterText = _useFilter.setFilterText,
     filterFunc = _useFilter.filterFunc,
-    onFilter = _useFilter.onFilter;
+    onFilter = _useFilter.onFilter,
+    FilterProvider = _useFilter.FilterProvider;
   var isDataEmpty = !filterData || filterData.length === 0;
   var isMultiple = multiple === true || mode !== undefined;
   var updateKey = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -41870,39 +41994,45 @@ var Cascader = function Cascader(props0) {
     }
     return false;
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    id: fieldId,
-    tabIndex: disabled === true || showInput ? undefined : 0
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
-    className: rootClass,
-    style: rootStyle,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    ref: targetRef,
-    children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: adjust,
-      focus: open,
-      fixedWidth: getFixedWidth(),
-      absolute: absolute,
-      zIndex: zIndex,
-      position: position,
-      updateKey: updateKey,
-      popupGap: 4,
-      popupElRef: popupRef,
-      parentElRef: targetRef,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
-        onRef: popupRef,
-        show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, open && (styles === null || styles === void 0 ? void 0 : styles.pickerWrapperShow)),
-        display: 'block',
-        type: "scale-y",
-        duration: 'fast',
-        style: pickerWrapperStyle,
-        children: renderPanel()
-      })
-    })]
-  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterProvider, {
+    value: {
+      filterText: filterText,
+      highlight: props.highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+      id: fieldId,
+      tabIndex: disabled === true || showInput ? undefined : 0
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+      className: rootClass,
+      style: rootStyle,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      ref: targetRef,
+      children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+        adjust: adjust,
+        focus: open,
+        fixedWidth: getFixedWidth(),
+        absolute: absolute,
+        zIndex: zIndex,
+        position: position,
+        updateKey: updateKey,
+        popupGap: 4,
+        popupElRef: popupRef,
+        parentElRef: targetRef,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
+          onRef: popupRef,
+          show: open,
+          className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, open && (styles === null || styles === void 0 ? void 0 : styles.pickerWrapperShow)),
+          display: 'block',
+          type: "scale-y",
+          duration: 'fast',
+          style: pickerWrapperStyle,
+          children: renderPanel()
+        })
+      })]
+    }))
+  });
 };
 /* harmony default export */ var src_cascader_cascader = (Cascader);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/form-func-context.ts
@@ -42720,7 +42850,8 @@ var cascader_jssStyle = {
   popover: usePopoverStyle,
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 var cascader_Cascader = function Cascader(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_cascader_cascader, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -45725,8 +45856,7 @@ var Day = function Day(props) {
     }, 'week');
   };
   var renderFooter = function renderFooter() {
-    var _props$rangeDate, _props$rangeDate2;
-    var showLeft = (props.type === 'datetime' || props.type === 'date') && (((_props$rangeDate = props.rangeDate) === null || _props$rangeDate === void 0 ? void 0 : _props$rangeDate[0]) || ((_props$rangeDate2 = props.rangeDate) === null || _props$rangeDate2 === void 0 ? void 0 : _props$rangeDate2[1]));
+    var showLeft = props.type === 'datetime' || props.type === 'date';
     var timeStr = func.getTimeStr();
     if (!showLeft && !props.showSelNow) return null;
     var format = props.format;
@@ -45747,7 +45877,7 @@ var Day = function Day(props) {
         marginTop: props.needConfirm && props.range ? -16 : undefined
       },
       children: [props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterTime, styles === null || styles === void 0 ? void 0 : styles.datetime, !timeStr && (styles === null || styles === void 0 ? void 0 : styles.datetimeHide)),
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterTime, styles === null || styles === void 0 ? void 0 : styles.datetime),
         style: {
           paddingRight: showNeedConfirm ? 0 : undefined
         },
@@ -45759,7 +45889,7 @@ var Day = function Day(props) {
             showTitle: false,
             format: format
           })), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-            children: timeStr
+            children: timeStr || '00:00:00'
           })]
         })
       }), props.showSelNow && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -53517,7 +53647,7 @@ var UseSelectGroup = function UseSelectGroup(props) {
 
 
 var ListOption = function ListOption(props) {
-  var _jssStyle$select;
+  var _jssStyle$select, _jssStyle$common;
   var jssStyle = props.jssStyle,
     datum = props.datum,
     index = props.index,
@@ -53533,6 +53663,7 @@ var ListOption = function ListOption(props) {
   var optionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var config = useConfig();
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
   var isChecked = datum.check(data);
   var isDisabled = datum.disabledCheck(data);
   var rootClass = classnames_default()(styles === null || styles === void 0 ? void 0 : styles.option, "option-".concat(index), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.optionHover, isHover));
@@ -53563,7 +53694,15 @@ var ListOption = function ListOption(props) {
       children: icons_config.select.Check
     });
   };
-  var result = renderItem(data);
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlight = _useContext.highlight;
+  var result = getHighlightText({
+    enable: highlight,
+    nodeList: renderItem(data),
+    searchWords: filterText,
+    highlightClassName: commonStyles === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+  });
   var title = typeof result === 'string' ? result : '';
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!isAnimationFinish) return;
@@ -53882,6 +54021,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
 
 
 
+
+
 var NodeContent = function NodeContent(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
@@ -53920,6 +54061,7 @@ var NodeContent = function NodeContent(props) {
   var disabled = isDisabled(id);
   bindUpdate(id, forceUpdate);
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
+  var commonStyles = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.common()) || {};
   var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
   var hasExpandIcons = expandIcons !== undefined;
@@ -54067,11 +54209,19 @@ var NodeContent = function NodeContent(props) {
       onChange: handleNodeCheck
     });
   };
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FilterContext),
+    filterText = _useContext.filterText,
+    highlightFilter = _useContext.highlight;
   var renderNode = function renderNode() {
     var render = isFunc(renderItem) ? renderItem : function (item) {
       return item[renderItem];
     };
-    return render(data, expanded, active, id);
+    return getHighlightText({
+      enable: highlightFilter,
+      nodeList: render(data, expanded, active, id),
+      searchWords: filterText,
+      highlightClassName: commonStyles === null || commonStyles === void 0 ? void 0 : commonStyles.highlight
+    });
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClass,
@@ -55718,6 +55868,7 @@ function Select(props0) {
     onEnterExpand = props.onEnterExpand,
     filterSameChange = props.filterSameChange,
     noCache = props.noCache,
+    highlight = props.highlight,
     _props$trigger = props.trigger,
     trigger = _props$trigger === void 0 ? 'click' : _props$trigger;
   var hasFilter = isFunc(props.onAdvancedFilter || onFilterProp);
@@ -55764,7 +55915,8 @@ function Select(props0) {
     setInputText = _useFilter.setInputText,
     onCreate = _useFilter.onCreate,
     onClearCreatedData = _useFilter.onClearCreatedData,
-    rawData = _useFilter.rawData;
+    rawData = _useFilter.rawData,
+    FilterProvider = _useFilter.FilterProvider;
   var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
     _useState8 = slicedToArray_default()(_useState7, 2),
     absoluteListUpdateKey = _useState8[0],
@@ -56284,43 +56436,49 @@ function Select(props0) {
   var targetProps = getTargetProps();
   var onMouseEnter = targetProps.onMouseEnter,
     onMouseLeave = targetProps.onMouseLeave;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    ref: targetRef,
-    tabIndex: disabled === true || showInput ? undefined : 0
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
-    className: rootClass,
-    style: rootStyle,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onMouseDown: preventDefault,
-    children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: adjust,
-      focus: open,
-      fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
-      absolute: props.absolute,
-      zIndex: props.zIndex,
-      position: position,
-      popupGap: 4,
-      popupElRef: popupRef,
-      parentElRef: targetRef,
-      updateKey: absoluteListUpdateKey,
-      children: /*#__PURE__*/(0,jsx_runtime.jsxs)(animation_list, {
-        onRef: popupRef,
-        show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
-        onAnimationAfterEnter: onAnimationAfterEnter,
-        display: 'block',
-        type: "scale-y",
-        duration: 'fast',
-        style: getListStyle(),
-        children: [renderHeader(), renderOptions(), renderFooter()]
-      })
-    })]
-  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterProvider, {
+    value: {
+      filterText: filterText,
+      highlight: highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+      ref: targetRef,
+      tabIndex: disabled === true || showInput ? undefined : 0
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+      className: rootClass,
+      style: rootStyle,
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onMouseDown: preventDefault,
+      children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+        adjust: adjust,
+        focus: open,
+        fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
+        absolute: props.absolute,
+        zIndex: props.zIndex,
+        position: position,
+        popupGap: 4,
+        popupElRef: popupRef,
+        parentElRef: targetRef,
+        updateKey: absoluteListUpdateKey,
+        children: /*#__PURE__*/(0,jsx_runtime.jsxs)(animation_list, {
+          onRef: popupRef,
+          show: open,
+          className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
+          onAnimationAfterEnter: onAnimationAfterEnter,
+          display: 'block',
+          type: "scale-y",
+          duration: 'fast',
+          style: getListStyle(),
+          children: [renderHeader(), renderOptions(), renderFooter()]
+        })
+      })]
+    }))
+  });
 }
 /* harmony default export */ var base_src_select_select = (Select);
 ;// CONCATENATED MODULE: ../base/src/pagination/pagination-size-list.tsx
@@ -59530,7 +59688,8 @@ var select_jssStyle = {
   checkbox: useCheckboxStyle,
   radio: useRadioStyle,
   tree: useTreeStyle,
-  spin: useSpinStyle
+  spin: useSpinStyle,
+  common: useCommonStyle
 };
 function SelectComponent(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_select_select, objectSpread2_default()({
@@ -66567,7 +66726,8 @@ var tree_Tree = function Tree(props) {
     return {
       tree: treeStyle,
       spin: spinStyle,
-      checkbox: checkboxStyle
+      checkbox: checkboxStyle,
+      common: useCommonStyle
     };
   }, [treeStyle, spinStyle]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -66784,7 +66944,8 @@ var TreeSelect = function TreeSelect(props0) {
     rawData = _useFilter.rawData,
     onFilter = _useFilter.onFilter,
     onClearCreatedData = _useFilter.onClearCreatedData,
-    setInputText = _useFilter.setInputText;
+    setInputText = _useFilter.setInputText,
+    FilterProvider = _useFilter.FilterProvider;
   var controlExpanded = 'expanded' in props || expanded !== null && expanded !== void 0 && expanded.length ? expanded : undefined;
   var renderMoreIcon = function renderMoreIcon() {
     return icons_config.treeSelect.More;
@@ -67237,7 +67398,8 @@ var TreeSelect = function TreeSelect(props0) {
         parentClickExpand: parentClickExpand,
         contentClass: getContentClass,
         datum: datum,
-        actionOnClick: props.actionOnClick
+        actionOnClick: props.actionOnClick,
+        size: size
       }))
     });
   };
@@ -67256,38 +67418,44 @@ var TreeSelect = function TreeSelect(props0) {
   }, []);
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
-    id: fieldId,
-    ref: targetRef,
-    tabIndex: disabled === true || showInput ? undefined : 0
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
-    className: rootClass,
-    style: rootStyle,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    children: [tipNode, renderResult(), hadOpened && /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
-      adjust: adjust,
-      focus: open,
-      fixedWidth: "min",
-      lazy: false,
-      absolute: props.absolute,
-      zIndex: props.zIndex,
-      position: position,
-      popupGap: 4,
-      popupElRef: popupRef,
-      parentElRef: targetRef,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
-        onRef: popupRef,
-        show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
-        display: 'block',
-        type: "scale-y",
-        duration: 'fast',
-        children: renderList()
-      })
-    })]
-  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(FilterProvider, {
+    value: {
+      filterText: filterText,
+      highlight: props.highlight
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+      id: fieldId,
+      ref: targetRef,
+      tabIndex: disabled === true || showInput ? undefined : 0
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+      className: rootClass,
+      style: rootStyle,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      children: [tipNode, renderResult(), hadOpened && /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
+        adjust: adjust,
+        focus: open,
+        fixedWidth: "min",
+        lazy: false,
+        absolute: props.absolute,
+        zIndex: props.zIndex,
+        position: position,
+        popupGap: 4,
+        popupElRef: popupRef,
+        parentElRef: targetRef,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
+          onRef: popupRef,
+          show: open,
+          className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
+          display: 'block',
+          type: "scale-y",
+          duration: 'fast',
+          children: renderList()
+        })
+      })]
+    }))
+  });
 };
 /* harmony default export */ var src_tree_select_tree_select = (TreeSelect);
 ;// CONCATENATED MODULE: ./src/tree-select/tree-select.tsx
@@ -67305,7 +67473,8 @@ var tree_select_jssStyle = {
   checkbox: useCheckboxStyle,
   popover: usePopoverStyle,
   treeSelect: useTreeSelectStyle,
-  innerTitle: useInnerTitleStyle
+  innerTitle: useInnerTitleStyle,
+  common: useCommonStyle
 };
 var TreeSelectComponent = function TreeSelectComponent(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_select_tree_select, objectSpread2_default()({
@@ -71016,7 +71185,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.30'
+  version: '3.7.0-beta.32'
 });
 }();
 /******/ 	return __webpack_exports__;