@sheinx/base 3.0.0-alpha.9 → 3.0.0-rc.2

package/esm/select/result-more.js

@@ -1,5 +1,8 @@
 "use strict";
 
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -10,6 +13,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getResetMore = getResetMore;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.map.js");
@@ -20,6 +24,8 @@ var _popover = _interopRequireDefault(require("../popover"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function getResetMore(onFilter, container, doms) {
   if (!container || !doms || !doms.length) return -1;
   var items = Array.from(doms);
@@ -75,18 +81,18 @@ function getResetMore(onFilter, container, doms) {
   return num;
 }
 var More = function More(props) {
-  var _jssStyle$select;
   var jssStyle = props.jssStyle,
     data = props.data,
     showNum = props.showNum,
     size = props.size,
     compressed = props.compressed,
-    compressedClassName = props.compressedClassName;
+    compressedClassName = props.compressedClassName,
+    classes = props.classes;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var styles = classes;
   var shouldShowMore = showNum < 0 || showNum >= data.length;
   var before = [];
   var after = [];
@@ -96,7 +102,9 @@ var More = function More(props) {
     zIndex: -100,
     userSelect: 'none',
     msUserSelect: 'none',
-    contain: 'layout'
+    contain: 'layout',
+    opacity: 0,
+    pointerEvents: 'none'
   } : {};
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
@@ -107,6 +115,15 @@ var More = function More(props) {
     });
     itemsLength = after.length;
   }
+  if (after && after.length > 0) {
+    after = _react.Children.map(after, function (item) {
+      return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({}, item.props), {}, {
+        style: {
+          opcacity: 1
+        }
+      }));
+    }) || after;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
     children: [shouldShowMore ? data : before, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       style: {
@@ -127,11 +144,14 @@ var More = function More(props) {
         onVisibleChange: setVisible,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: styles.moreWrapper,
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          },
           children: [compressed === 'no-repeat' ? null : before, after]
         })
       })]
     })]
   });
 };
-var _default = More;
+var _default = /*#__PURE__*/(0, _react.memo)(More);
 exports.default = _default;

package/esm/select/result-more.type.d.ts

@@ -4,5 +4,9 @@ export interface ReultMoreProps<DataItem, Value> extends Pick<SelectProps<DataIt
     data: React.ReactNode[];
     more?: number;
     showNum?: number;
+    classes: {
+        tag: string;
+        moreWrapper: string;
+    };
 }
 //# sourceMappingURL=result-more.type.d.ts.map

package/esm/select/result-more.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,cAAc,CAAC,QAAQ,EAAE,KAAK,CAC7C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,cAAc,CAAC,QAAQ,EAAE,KAAK,CAC7C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C"}

package/esm/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,uEA2SX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,QAAA,MAAM,MAAM,uEA4WX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -9,11 +11,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.split.js");
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
@@ -23,6 +28,8 @@ var _tag = _interopRequireDefault(require("../tag"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isObject = _hooks.util.isObject,
   isEmpty = _hooks.util.isEmpty,
   isNumber = _hooks.util.isNumber,
@@ -31,7 +38,6 @@ var isObject = _hooks.util.isObject,
   isFunc = _hooks.util.isFunc,
   isArray = _hooks.util.isArray;
 var Result = function Result(props) {
-  var _jssStyle$select;
   var jssStyle = props.jssStyle,
     multiple = props.multiple,
     size = props.size,
@@ -52,26 +58,48 @@ var Result = function Result(props) {
     compressedClassName = props.compressedClassName,
     renderUnmatched = props.renderUnmatched,
     renderResultProp = props.renderResult,
+    renderResultContentProp = props.renderResultContent,
     allowOnFilter = props.allowOnFilter,
-    setInputText = props.setInputText,
+    convertBr = props.convertBr,
     onRef = props.onRef,
     onFilter = props.onFilter,
     onInputBlur = props.onInputBlur,
-    onResetFilter = props.onResetFilter,
     onClearCreatedData = props.onClearCreatedData,
     getDataByValues = props.getDataByValues,
     checkUnMatched = props.checkUnMatched,
-    onRemove = props.onRemove;
-  var value = multiple ? valueProp : [valueProp];
+    onRemove = props.onRemove,
+    onResultItemClick = props.onResultItemClick;
+  var value = [null, undefined, ''].includes(valueProp) ? [] : multiple ? valueProp : [valueProp];
   var _useState = (0, _react.useState)(-1),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     more = _useState2[0],
     setMore = _useState2[1];
   var resultRef = (0, _react.useRef)(null);
   var shouldResetMore = (0, _react.useRef)(false);
-  var showInput = allowOnFilter && focus;
-  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+  var prevMore = (0, _react.useRef)(more);
+  var showInput = allowOnFilter;
+  var mounted = (0, _react.useRef)(false);
+  var styles = props.classes;
   var rootClass = (0, _classnames.default)(styles.resultTextWrapper, compressed && styles.compressedWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
+  var renderResultContent = function renderResultContent(data, index, nodes) {
+    if (checkUnMatched(data)) {
+      var _data = data;
+      if (isFunc(renderUnmatched)) return renderUnmatched(_data.value);
+      return isObject(_data.value) ? renderResultProp(_data.value, index, nodes) : _data.value;
+    }
+    return renderResultProp(data, index, nodes);
+  };
+  var isEmptyResult = function isEmptyResult() {
+    if (!value) return true;
+    if (isArray(value) && value.length <= 0) return true;
+    var values = getDataByValues(value);
+    var hasValue = values.findIndex(function (item, index) {
+      var cur = renderResultContent(item, index, values);
+      return !isEmpty(cur);
+    }) >= 0;
+    return !hasValue;
+  };
+  var empty = isEmptyResult();
   var isCompressedBound = function isCompressedBound() {
     return compressedBound && isNumber(compressedBound) && compressedBound >= 1;
   };
@@ -81,13 +109,21 @@ var Result = function Result(props) {
     }
     return more;
   };
+  var handleResultItemClick = function handleResultItemClick(e, item) {
+    onResultItemClick === null || onResultItemClick === void 0 ? void 0 : onResultItemClick(e, item);
+  };
   var renderInput = function renderInput() {
+    var placeholder2 = empty ? placeholder : '';
+    if (!multiple && valueProp && valueProp !== 0) {
+      var _result = getDataByValues(value);
+      // 获取合法的 content
+      var content = renderResultContent(_result[0]);
+      placeholder2 = content;
+    }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultInput.default, {
-        jssStyle: jssStyle,
-        style: {
-          width: 12
-        },
+        isEmpty: empty,
+        classes: props.classes,
         value: filterText,
         trim: trim,
         focus: focus,
@@ -97,21 +133,14 @@ var Result = function Result(props) {
         onRef: onRef,
         inputText: inputText,
         onChange: onFilter,
+        convertBr: convertBr,
         onInputBlur: onInputBlur,
-        onResetFilter: onResetFilter,
-        onClearCreatedData: onClearCreatedData
+        onClearCreatedData: onClearCreatedData,
+        placeholder: placeholder2
       })
     }, 'input');
   };
-  var renderResultContent = function renderResultContent(data, index, nodes) {
-    if (checkUnMatched(data)) {
-      var _data = data;
-      if (isFunc(renderUnmatched)) return renderUnmatched(_data.value);
-      return isObject(_data.value) ? renderResultProp(_data.value, index, nodes) : _data.value;
-    }
-    return renderResultProp(data, index, nodes);
-  };
-  var renderItem = function renderItem(item, index, nodes) {
+  var renderResultItem = function renderResultItem(item, index, nodes) {
     var key;
     if (isUnMatchedData(item)) {
       if (isFunc(keygen)) {
@@ -137,27 +166,41 @@ var Result = function Result(props) {
     } else {
       resultClassName = props.resultClassName;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, {
+    var handleClick = function handleClick(e) {
+      handleResultItemClick(e, item);
+    };
+    var content = renderResultContent(item, index, nodes);
+    if (!content) return null;
+    if (renderResultContentProp) {
+      return renderResultContentProp(_objectSpread({
+        key: key,
+        size: size,
+        disabled: isDisabled,
+        className: (0, _classnames.default)(styles.tag, styles.hideTag, resultClassName),
+        children: content,
+        onClick: handleClick
+      }, _hooks.util.getDataAttribute({
+        type: disabled === true ? 'dark' : undefined
+      })));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, _objectSpread(_objectSpread({
       disabled: isDisabled,
       size: size,
+      style: {
+        opacity: more === index ? 0 : 1
+      },
       className: (0, _classnames.default)(styles.tag, resultClassName),
+      closable: closeable && 'only',
       onClose: closeable && handleClose,
+      onClick: handleClick,
       jssStyle: jssStyle,
-      "data-soui-type": disabled === true ? 'dark' : undefined,
-      children: renderResultContent(item, index, nodes)
-    }, key);
-  };
-  var isEmptyResult = function isEmptyResult() {
-    if (!value) return true;
-    if (isArray(value) && value.length <= 0) return true;
-    var values = getDataByValues(value);
-    var hasValue = values.findIndex(function (item, index) {
-      var cur = renderResultContent(item, index, values);
-      return !isEmpty(cur);
-    }) >= 0;
-    return !hasValue;
+      inlineStyle: true
+    }, _hooks.util.getDataAttribute({
+      type: disabled === true ? 'dark' : undefined
+    })), {}, {
+      children: content
+    }), key);
   };
-  var showPlaceholder = placeholder && isEmptyResult();
   var renderNbsp = function renderNbsp() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -167,9 +210,10 @@ var Result = function Result(props) {
     }, 'space');
   };
   var renderPlaceholder = function renderPlaceholder() {
-    if (focus && showInput && showPlaceholder) {
+    if (showInput) {
       return renderInput();
     }
+    if (!placeholder) return renderNbsp();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _classnames.default)(styles.placeholder, styles.ellipsis),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -179,7 +223,6 @@ var Result = function Result(props) {
   };
   var renderSingleResult = function renderSingleResult() {
     if (isEmptyResult()) return renderNbsp();
-    // const values = [value];
     var result = getDataByValues(value);
     var content = renderResultContent(result[0]);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -196,73 +239,92 @@ var Result = function Result(props) {
     }
     var values = getDataByValues(nextValue);
     var result = values.map(function (v, i) {
-      return renderItem(v, i, values);
+      if (renderResultContentProp && i !== values.length - 1) {
+        return [renderResultItem(v, i, values), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(styles.tag, styles.hideTag),
+          children: "/"
+        }, "separator-".concat(i))];
+      }
+      return renderResultItem(v, i, values);
     });
     return result;
   };
-  var renderMultipleResultMore = function renderMultipleResultMore() {
-    var result = renderMultipleResult();
-    var moreNumber = getCompressedBound();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultMore.default, {
-      keygen: keygen,
-      jssStyle: jssStyle,
-      data: result,
-      size: size,
-      more: moreNumber,
-      compressed: compressed,
-      compressedClassName: compressedClassName,
-      showNum: moreNumber
-    }, 'more');
-  };
+  var result = renderMultipleResult();
+  var moreNumber = getCompressedBound();
+  var renderMultipleResultMore = /*#__PURE__*/(0, _jsxRuntime.jsx)(_resultMore.default, {
+    keygen: keygen,
+    classes: props.classes,
+    data: result,
+    size: size,
+    more: moreNumber,
+    compressed: compressed,
+    compressedClassName: compressedClassName,
+    showNum: moreNumber
+  }, 'more');
   var renderResult = function renderResult() {
+    if (empty) {
+      return renderPlaceholder();
+    }
     var result = [];
     if (multiple) {
-      result.push(compressed ? renderMultipleResultMore() : renderMultipleResult());
+      result.push(compressed ? renderMultipleResultMore : renderMultipleResult());
       if (showInput) {
         result.push(renderInput());
       } else if (result.length === 0) {
         result.push(renderNbsp());
       }
     } else {
+      result.push(renderSingleResult());
       if (showInput) {
-        result = [renderInput()];
-      } else {
-        result.push(renderSingleResult());
+        if (focus) {
+          result = [renderInput()];
+        } else {
+          result.push(renderInput());
+        }
       }
     }
-    return showPlaceholder ? renderPlaceholder() : result;
+    return result;
   };
   var handleResetMore = function handleResetMore() {
     if (!compressed) return;
     shouldResetMore.current = true;
-    setMore(-1);
   };
   (0, _react.useEffect)(function () {
-    if (!multiple && showInput && valueProp) {
-      var result = getDataByValues(value);
-      // 获取合法的 content
-      var content = renderResultContent(result[0]);
-      // 仅在关闭下拉框时，将输入框的值设置为合法的s选中的值
-      if (!isEmpty(content) && focus === false) {
-        setInputText(content);
-      }
+    if (!focus && mounted.current) {
+      setTimeout(function () {
+        onFilter === null || onFilter === void 0 ? void 0 : onFilter('', 'blur');
+      }, 400);
     }
+    mounted.current = true;
+  }, [focus]);
+  (0, _react.useEffect)(function () {
+    if (!focus) return;
     if (!resultRef.current) return;
     if (!compressed) return;
     if (isCompressedBound()) return;
     handleResetMore();
-  }, [value, focus]);
+  }, [valueProp, focus]);
   (0, _react.useEffect)(function () {
     if (!compressed) return;
     if (!resultRef.current) return;
     if (more === -1) {
+      var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore.current && isArray(value) && (value || []).length) {
         shouldResetMore.current = false;
-        var newMore = (0, _resultMore.getResetMore)(showInput, resultRef.current, resultRef.current.querySelectorAll(".".concat(styles.tag)));
+        var newMore = (0, _resultMore.getResetMore)(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
+
+        // 下次触发折叠逻辑的时候，将多余的 tag 隐藏，避免视图闪断
+        if (newMore !== prevMore.current && prevMore.current === -1 && newMore > prevMore.current) {
+          var tags = resultRef.current.querySelectorAll(tagClassName);
+          tags.forEach(function (tag, index) {
+            if (index >= newMore) tag.setAttribute('style', 'opacity: 0');
+          });
+        }
+        prevMore.current = newMore;
         setMore(newMore);
       }
     }
-  }, [value, more]);
+  }, [valueProp, more]);
   (0, _react.useEffect)(function () {
     if (!resultRef.current) return;
     var cancelObserver = (0, _hooks.addResizeObserver)(resultRef.current, handleResetMore, {

package/esm/select/result.type.d.ts

@@ -13,14 +13,28 @@ export interface ResultProps<DataItem, Value> extends Pick<SelectProps<DataItem,
     allowOnFilter: boolean;
     closeable?: boolean;
     renderItem: (data: DataItem, index?: number) => React.ReactNode;
-    setInputText: (text: string) => void;
+    renderResultContent?: (props: any) => React.ReactNode;
     onCreate?: (text: string) => string | DataItem | undefined;
-    onFilter?: (text: string) => void;
+    onFilter?: (text: string, form?: string) => void;
     onInputBlur?: (text?: string) => void;
-    onResetFilter: () => void;
     onClearCreatedData?: () => void;
     getDataByValues: (values: Value) => (DataItem | UnMatchedData)[];
     checkUnMatched: (item: DataItem | UnMatchedData) => boolean;
     onRemove?: (item: DataItem | UnMatchedData, key?: KeygenResult, index?: number) => void;
+    onResultItemClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, item: DataItem, index?: number) => void;
+    convertBr?: string | ((text: string) => string);
+    classes: {
+        tag: string;
+        resultTextWrapper: string;
+        compressedWrapper: string;
+        multipleResultWrapper: string;
+        multipleCompressedWrapper: string;
+        hideTag: string;
+        space: string;
+        placeholder: string;
+        ellipsis: string;
+        moreWrapper: string;
+        inputMirror: string;
+    };
 }
 //# sourceMappingURL=result.type.d.ts.map

package/esm/select/result.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.type.d.ts","sourceRoot":"","sources":["result.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,oBAAY,UAAU,CAAC,KAAK,IAAI,aAAa,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,WAAW,CAAC,QAAQ,EAAE,KAAK,CAC1C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,qBAAqB,GACrB,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,WAAW,GACX,MAAM,GACN,WAAW,CACd;IACD,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,YAAY,EAAE,CACZ,IAAI,EAAE,QAAQ,EACd,KAAK,CAAC,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,KACjC,KAAK,CAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC5D,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC;IACjE,cAAc,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,KAAK,OAAO,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACzF"}
+{"version":3,"file":"result.type.d.ts","sourceRoot":"","sources":["result.type.ts"],"names":[],"mappings":"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"}

package/esm/select/select.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SelectPropsBase } from './select.type';
-declare function Select<DataItem, Value>(props: SelectPropsBase<DataItem, Value>): JSX.Element;
+declare function Select<DataItem, Value>(props0: SelectPropsBase<DataItem, Value>): JSX.Element;
 export default Select;
 //# sourceMappingURL=select.d.ts.map

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAWnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eAioBvE;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eAstBxE;AAED,eAAe,MAAM,CAAC"}