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

package/cjs/select/result-input.js

@@ -1,35 +1,36 @@
 "use strict";
 
+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");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
 var _react = _interopRequireWildcard(require("react"));
 var _result = require("../date-picker/result");
 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; }
 var ResultInput = function ResultInput(props) {
-  var _jssStyle$select;
-  var jssStyle = props.jssStyle,
-    value = props.value,
-    values = props.values,
+  var value = props.value,
     inputText = props.inputText,
     focus = props.focus,
     trim = props.trim,
     maxLength = props.maxLength,
     multiple = props.multiple,
+    _props$convertBr = props.convertBr,
+    convertBr = _props$convertBr === void 0 ? ' ' : _props$convertBr,
     onRef = props.onRef,
     onChange = props.onChange,
     onBindInput = props.onBindInput,
     onInputBlur = props.onInputBlur,
-    onResetFilter = props.onResetFilter;
-  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
+    isEmpty = props.isEmpty;
+  var styles = props.classes;
   var mirrorRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)();
   var bindInputRef = function bindInputRef(ref) {
@@ -44,31 +45,29 @@ var ResultInput = function ResultInput(props) {
     }
     onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(inputText);
   };
-
-  // 设置 input 宽度
-  (0, _react.useEffect)(function () {
+  var handlePaste = function handlePaste(e) {
+    e.preventDefault();
+    var text = (e.clipboardData || window.clipboardData).getData('text/plain');
+    if (typeof convertBr === 'function') {
+      text = convertBr(text).replace(/([\t\n\f\r\v])+/g, ' ');
+    } else {
+      text = text.replace(/([\t\n\f\r\v])+/g, convertBr);
+    }
+    document.execCommand('insertText', false, text);
+  };
+  var syncWidth = function syncWidth() {
     if (!multiple) return;
     if (!mirrorRef.current) return;
     var input = inputRef.current;
-    input.style.width = "".concat(mirrorRef.current.offsetWidth, "px");
-  }, [inputText, focus, value]);
-
-  // 选中结果后，聚焦并全选 input
-  (0, _react.useEffect)(function () {
-    if (!inputRef.current || !multiple || !focus) return;
-    inputRef.current.focus();
-    inputRef.current.select();
-  }, [values]);
+    if (isEmpty) {
+      input.style.width = '100%';
+    } else input.style.width = "".concat(mirrorRef.current.offsetWidth, "px");
+  };
 
-  // 聚焦时重置 filter
+  // 设置 input 宽度
   (0, _react.useEffect)(function () {
-    onResetFilter();
-    if (!focus) return;
-    if (inputRef.current) {
-      inputRef.current.focus();
-      inputRef.current.select();
-    }
-  }, [focus]);
+    syncWidth();
+  }, [inputText, focus, value, isEmpty]);
 
   // 注册 input ref
   (0, _react.useEffect)(function () {
@@ -76,20 +75,26 @@ var ResultInput = function ResultInput(props) {
     onRef.current = inputRef.current;
     onBindInput === null || onBindInput === void 0 ? void 0 : onBindInput(inputRef.current);
   }, []);
+  var style = {};
+  if (!multiple) {
+    style.width = '100%';
+  }
+  if (!multiple && !focus && !isEmpty) {
+    style.width = '0';
+    style.opacity = '0';
+    style.minWidth = '0';
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_result.Input, {
       onRef: bindInputRef,
-      style: {
-        width: multiple ? 12 : '100%'
-      },
+      style: style,
+      placeholder: props.placeholder,
       value: inputText,
       maxLength: maxLength,
       onChange: onChange,
       onBlur: handleBlur,
       open: focus,
-      onClick: function onClick(e) {
-        e === null || e === void 0 ? void 0 : e.stopPropagation();
-      }
+      onPaste: handlePaste
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: styles.inputMirror,
       ref: mirrorRef,

package/cjs/select/result-input.type.d.ts

@@ -16,7 +16,12 @@ export interface ResultInputProps extends Pick<CommonType, 'style' | 'className'
     onRef: React.MutableRefObject<HTMLInputElement | undefined>;
     onBindInput?: (input: HTMLInputElement) => void;
     onInputBlur?: (text?: string) => void;
-    onResetFilter: () => void;
     onClearCreatedData: () => void;
+    convertBr?: string | ((text: string) => string);
+    placeholder?: string;
+    isEmpty?: boolean;
+    classes: {
+        inputMirror: string;
+    };
 }
 //# sourceMappingURL=result-input.type.d.ts.map

package/cjs/select/result-input.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-input.type.d.ts","sourceRoot":"","sources":["result-input.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC"}
+{"version":3,"file":"result-input.type.d.ts","sourceRoot":"","sources":["result-input.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC"}

package/cjs/select/result-more.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ReultMoreProps } from './result-more.type';
 export declare function getResetMore(onFilter: boolean, container: HTMLElement, doms: NodeListOf<HTMLElement>): number;
-declare const More: <DataItem, Value>(props: ReultMoreProps<DataItem, Value>) => JSX.Element;
-export default More;
+declare const _default: <DataItem, Value>(props: ReultMoreProps<DataItem, Value>) => JSX.Element;
+export default _default;
 //# sourceMappingURL=result-more.d.ts.map

package/cjs/select/result-more.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA6D9B;AAED,QAAA,MAAM,IAAI,0EAyDT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA6D9B;;AA8ED,wBAAyC"}

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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