@douyinfe/semi-ui 2.27.1 → 2.28.0-beta.1

package/lib/cjs/scrollList/scrollItem.js

@@ -147,7 +147,7 @@ class ScrollItem extends _baseComponent.default {
         const {
           children
         } = list;
-        const reg = new RegExp("\\s*".concat(selectedCls, "\\s*"), 'g');
+        const reg = new RegExp(`\\s*${selectedCls}\\s*`, 'g');
         (0, _map2.default)(children, node => {
           node.className = node.className && node.className.replace(reg, ' ');
 
@@ -157,7 +157,7 @@ class ScrollItem extends _baseComponent.default {
         });
 
         if (selectedNode.className && !blankReg.test(selectedNode.className)) {
-          selectedNode.className += " ".concat(selectedCls);
+          selectedNode.className += ` ${selectedCls}`;
         } else {
           selectedNode.className = selectedCls;
         }
@@ -294,8 +294,8 @@ class ScrollItem extends _baseComponent.default {
         const transform = typeof itemTrans === 'function' ? itemTrans : commonTrans;
         const selected = selectedIndex === index;
         const cls = (0, _classnames.default)({
-          ["".concat(_constants.cssClasses.PREFIX, "-item-sel")]: selected && mode !== wheelMode,
-          ["".concat(_constants.cssClasses.PREFIX, "-item-disabled")]: Boolean(item.disabled)
+          [`${_constants.cssClasses.PREFIX}-item-sel`]: selected && mode !== wheelMode,
+          [`${_constants.cssClasses.PREFIX}-item-disabled`]: Boolean(item.disabled)
         });
         let text = '';
 
@@ -339,7 +339,7 @@ class ScrollItem extends _baseComponent.default {
         style
       } = this.props;
       const inner = this.renderItemList();
-      const wrapperCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-item"), className);
+      const wrapperCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-item`, className);
       return /*#__PURE__*/_react.default.createElement("div", {
         style: style,
         className: wrapperCls,
@@ -368,23 +368,23 @@ class ScrollItem extends _baseComponent.default {
         appendCount
       } = this.state;
       const prependList = (0, _times2.default)(prependCount).reduce((arr, num) => {
-        const items = this.renderItemList("pre_".concat(num, "_"));
+        const items = this.renderItemList(`pre_${num}_`);
         arr.unshift(...items);
         return arr;
       }, []);
       const appendList = (0, _times2.default)(appendCount).reduce((arr, num) => {
-        const items = this.renderItemList("app_".concat(num, "_"));
+        const items = this.renderItemList(`app_${num}_`);
         arr.push(...items);
         return arr;
       }, []);
       const inner = this.renderItemList();
-      const listWrapperCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-list-outer"), {
-        ["".concat(_constants.cssClasses.PREFIX, "-list-outer-nocycle")]: !cycled
+      const listWrapperCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-list-outer`, {
+        [`${_constants.cssClasses.PREFIX}-list-outer-nocycle`]: !cycled
       });
-      const wrapperCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-item-wheel"), className);
-      const selectorCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-selector"));
-      const preShadeCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-shade"), "".concat(_constants.cssClasses.PREFIX, "-shade-pre"));
-      const postShadeCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-shade"), "".concat(_constants.cssClasses.PREFIX, "-shade-post"));
+      const wrapperCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-item-wheel`, className);
+      const selectorCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-selector`);
+      const preShadeCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-shade`, `${_constants.cssClasses.PREFIX}-shade-pre`);
+      const postShadeCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-shade`, `${_constants.cssClasses.PREFIX}-shade-post`);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: wrapperCls,
         style: style

package/lib/cjs/select/index.d.ts

@@ -82,6 +82,7 @@ export declare type SelectProps = {
     size?: SelectSize;
     disabled?: boolean;
     emptyContent?: React.ReactNode;
+    expandRestTagsOnClick?: boolean;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
     position?: Position;
@@ -89,6 +90,7 @@ export declare type SelectProps = {
     dropdownClassName?: string;
     dropdownStyle?: React.CSSProperties;
     dropdownMargin?: PopoverProps['margin'];
+    ellipsisTrigger?: boolean;
     outerTopSlot?: React.ReactNode;
     innerTopSlot?: React.ReactNode;
     outerBottomSlot?: React.ReactNode;
@@ -145,6 +147,7 @@ export interface SelectState {
     isHovering: boolean;
     isFocusInContainer: boolean;
     isFullTags: boolean;
+    overflowItemCount: number;
 }
 declare class Select extends BaseComponent<SelectProps, SelectState> {
     static contextType: React.Context<ContextValue>;
@@ -161,6 +164,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
+        ellipsisTrigger: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<NonNullable<string | number | object>>;
         placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -174,6 +178,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         size: PropTypes.Requireable<SelectSize>;
         disabled: PropTypes.Requireable<boolean>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandRestTagsOnClick: PropTypes.Requireable<boolean>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
         position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
@@ -267,6 +272,12 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     renderOptions(children?: React.ReactNode): JSX.Element;
     renderSingleSelection(selections: Map<OptionProps['label'], any>, filterable: boolean): JSX.Element;
     getTagItem: (item: any, i: number, renderSelectedItem: RenderSelectedItemFn) => JSX.Element;
+    renderTag(item: [React.ReactNode, any], i: number, isCollapseItem?: boolean): JSX.Element;
+    renderNTag(n: number, restTags: [React.ReactNode, any][]): JSX.Element;
+    renderOverflow(items: [React.ReactNode, any][], index: number): JSX.Element;
+    handleOverflow(items: [React.ReactNode, any][]): void;
+    renderCollapsedTags(selections: [React.ReactNode, any][], length: number | undefined): React.ReactElement;
+    renderOneLineTags(selectedItems: [React.ReactNode, any][], n: number | undefined): React.ReactElement;
     renderMultipleSelection(selections: Map<OptionProps['label'], any>, filterable: boolean): JSX.Element;
     onMouseEnter(e: MouseEvent): void;
     onMouseLeave(e: MouseEvent): void;