diff --git a/assets/patch.less b/assets/patch.less index 671892af..1cdaa68e 100644 --- a/assets/patch.less +++ b/assets/patch.less @@ -75,6 +75,13 @@ margin-right: 4px; } + .@{select-prefix}-placeholder { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + } + .@{select-prefix}-input { width: calc(var(--select-input-width, 10) * 1px); min-width: 4px; diff --git a/jest.config.js b/jest.config.js index cdfd1c28..f971af4a 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,5 +1,4 @@ module.exports = { setupFilesAfterEnv: ['/tests/setup.ts'], - collectCoverage: true, collectCoverageFrom: ['src/**/*.{ts,tsx,js,jsx}'], }; diff --git a/package.json b/package.json index 0612c4a9..a2c1361f 100644 --- a/package.json +++ b/package.json @@ -53,7 +53,7 @@ "@rc-component/trigger": "^3.0.0", "@rc-component/util": "^1.3.0", "clsx": "^2.1.1", - "rc-overflow": "^1.4.0", + "rc-overflow": "^1.5.0", "rc-virtual-list": "^3.5.2" }, "devDependencies": { diff --git a/src/SelectInput/Content/MultipleContent.tsx b/src/SelectInput/Content/MultipleContent.tsx index 1cba3c25..55497cc3 100644 --- a/src/SelectInput/Content/MultipleContent.tsx +++ b/src/SelectInput/Content/MultipleContent.tsx @@ -183,27 +183,24 @@ export default React.forwardRef(function M // ======================= Render ======================= return ( - <> - - - } - itemKey={itemKey} - maxCount={maxTagCount} - /> - + : null} + data={displayValues} + renderItem={renderItem} + renderRest={renderRest} + suffix={ + + } + itemKey={itemKey} + maxCount={maxTagCount} + /> ); }); diff --git a/src/SelectInput/Content/Placeholder.tsx b/src/SelectInput/Content/Placeholder.tsx index 59cc97c8..6a1befd8 100644 --- a/src/SelectInput/Content/Placeholder.tsx +++ b/src/SelectInput/Content/Placeholder.tsx @@ -2,12 +2,12 @@ import * as React from 'react'; import { useSelectInputContext } from '../context'; export interface PlaceholderProps { - show: boolean; + show?: boolean; } export default function Placeholder(props: PlaceholderProps) { const { prefixCls, placeholder, displayValues } = useSelectInputContext(); - const { show } = props; + const { show = true } = props; if (displayValues.length) { return null; diff --git a/tests/Multiple.test.tsx b/tests/Multiple.test.tsx index 4ef8a555..9a2666f9 100644 --- a/tests/Multiple.test.tsx +++ b/tests/Multiple.test.tsx @@ -438,9 +438,7 @@ describe('Select.Multiple', () => { visibility: 'visible', }); toggleOpen(container); - expect(container.querySelector('.rc-select-placeholder')).toHaveStyle({ - visibility: 'hidden', - }); + expect(container.querySelector('.rc-select-placeholder')).toBeFalsy(); }); it('clear input when popup closed', () => {