npm antd 5.14.0

latest releases: 5.22.1, 5.22.0, 5.21.6...
9 months ago
  • ๐Ÿ”ฅ Refactored the DatePicker component, details are follows. #46982
    • ๐Ÿ†• DatePicker adds multiple to support multiple selection capabilities.
    • ๐Ÿ†• DatePicker supports showWeek attribute.
    • ๐Ÿ†• DatePicker.RangePicker supports order attribute.
    • ๐Ÿ†• DatePicker id attribute under RangePicker supports setting the id of the start and end input boxes separately.
    • ๐Ÿ†• DatePicker onFocus and onBlur events of RangePicker will additionally provide an info.range to inform which input box the current focus comes from.
    • ๐Ÿ†• DatePicker add matching pickerValue and defaultPickerValue attributes to control the date where the expanded panel is located.
    • ๐Ÿ†• DatePicker add the preserveInvalidOnBlur attribute to keep the input content when losing focus in the case of accessibility.
    • ๐Ÿ†• DatePicker format supports the align attribute, allowing input content through the mask mode.
    • ๐Ÿ†• DatePicker Support required attribute.
    • ๐Ÿ†• DatePicker time panel supports scrollOnChange to automatically select the corresponding time when scrolling.
    • ๐Ÿ†• DatePicker add the needConfirm attribute to allow setting the confirmation or non-confirmation submission mode.
    • ๐Ÿ†• DatePicker add the components attribute to allow customizing some panels.
    • ๐Ÿ†• DatePicker all date-related information in the panel will allow configuration through locale.
    • ๐Ÿ†• DatePicker format supports LT and LTS date formats.
    • ๐Ÿ†• DatePicker add minDate and maxDate to set the panel switching range.
    • ๐Ÿž DatePicker defaultPickerValue will now be reset each time the panel is expanded.
    • ๐Ÿž DatePicker fix the problem that the input box function key will trigger the pop-up box, now it will only be triggered when the interactive key and the input content change.
    • ๐Ÿž DatePicker Losing focus after entering the date through the input box will submit the change instead of losing the input content (that is, it is no longer necessary to press Enter to submit).
    • ๐Ÿž DatePicker fix the problem that the hour obtained by disabledTime under use12Hours will also be clipped to 0~12.
    • ๐Ÿž DatePicker fix the problem that the disabled date is not effective and can still be submitted under some interactions.
    • โšก๏ธ DatePicker Optimize disabledDate check logic, now it will provide info.type to inform the current panel information.
    • ๐Ÿ›  DatePicker allowClear trigger event from onMouseDown to onClick.
    • ๐Ÿ›  DatePicker Deprecate the preventDefault parameter of onKeyDown, please call it directly through event.preventDefault.
    • ๐Ÿ›  DatePicker Remove the keyboard interaction with the panel, it needs to be redesigned based on accessibility.
    • ๐Ÿ’„ DatePicker Remove the dotted line style of RangePicker to reduce visual interference.
    • ๐Ÿ’„ DatePicker Remove the disabled range of RangePicker when selecting start or end time to optimize the interaction experience.
  • ๐Ÿ”ฅ Added support for stacked fixed columns in the Table component. #47245
  • ๐Ÿ†• Added support for components.body in the Table component under the virtual mode. #47098 by @linxianxi
  • ๐Ÿ†• Added support for generics in the Segmented value type. #47091 by @madocto
  • ๐Ÿ†• Added the changeOnWheel property to the InputNumber component to enable mouse wheel control. #47158 by @MadCcc
  • ๐Ÿ†• Added six tokens (defaultHoverBg, defaultHoverColor, defaultHoverBorderColor, defaultActiveBg, defaultActiveColor, and defaultActiveBorderColor) to the Button component. #47075 by @madocto
  • ๐Ÿ†• Added duration configuration support to the useNotification function in the Notification component. This update also applies to the notification configuration of the App component. #47141
  • ๐Ÿ†• Added support for configuring flex property in responsive layouts of the Grid component. #47124
  • ๐Ÿž Improved the Transfer internal padding of the Pagination component. #47231 by @qmhc
  • ๐Ÿž Fixed the alignment issue in the Avatar component when the height is less than 16px. #47236 by @lcgash
  • ๐Ÿž Fixed the incorrect mouse pointer when the Input component is disabled. #47280 by @MadCcc
  • ๐Ÿž Fixed the issue where the hoverBorderColor and activeBorderColor token customization didn't work in the Input component. #47243 by @MadCcc
  • ๐Ÿ’„ Fixed the issue where the hover style of submenus in the Menu component disappears at the edges. #47227 by @MadCcc
  • ๐Ÿ’„ Menu fixed component styling issues in non-hash mode. #46609 by @MadCcc
  • ๐Ÿ’„ Added classNames and styles properties to the Card component. #46811 by @zh-lx
  • ConfigProvider
    • ๐Ÿ†• Added support for selectionsIcon in the Transfer component to ConfigProvide. #47301 by @li-jia-nan
    • ๐Ÿ†• Added support for addIcon and moreIcon in the Tabs component to ConfigProvide. #47274 by @li-jia-nan
    • ๐Ÿ†• Added support for closeIcon in the Image component to ConfigProvide. #47252 by @li-jia-nan
    • ๐Ÿ†• Added support for closeIcon in the Tag component to ConfigProvide. #47250 by @li-jia-nan
    • ๐Ÿ†• Added support for closeIcon in the Notification component to ConfigProvide. #47244 by @li-jia-nan
    • ๐Ÿ†• Added support for closeIcon in the Modal component to ConfigProvide. #47226 by @li-jia-nan
    • ๐Ÿ†• Added support for expandIcon in the Table component to ConfigProvide. #47225 by @li-jia-nan
    • ๐Ÿ†• Added support for closeIcon in the Tour component to ConfigProvide. #47200 by @li-jia-nan
    • ๐Ÿ†• Added support for icons in the Drawer component to ConfigProvide. #46894 by @li-jia-nan
    • ๐Ÿ†• Added support for closeIcon in the Alert component to ConfigProvide. #47235 by @li-jia-nan

  • ๐Ÿ”ฅ ้‡ๆž„ไบ† DatePicker ็ป„ไปถ๏ผŒ่ฏฆ็ป†ๆ”นๅŠจๅฆ‚ไธ‹ใ€‚#46982
    • ๐Ÿ†• DatePicker ๆ–ฐๅขž multiple ๆ”ฏๆŒๅคš้€‰่ƒฝๅŠ›ใ€‚
    • ๐Ÿ†• DatePicker ๆ”ฏๆŒ showWeek ๅฑžๆ€งใ€‚
    • ๐Ÿ†• DatePicker.RangePicker ไธ‹็š„ id ๅฑžๆ€งๆ”ฏๆŒๅˆ†ๅˆซ่ฎพ็ฝฎ start ๅ’Œ end ่พ“ๅ…ฅๆก†็š„ idใ€‚
    • ๐Ÿ†• DatePicker.RangePicker ็š„ onFocus ๅ’Œ onBlur ไบ‹ไปถไผš้ขๅค–ๆไพ›ไธ€ไธช info.range ๅ‘Š็Ÿฅๅฝ“ๅ‰็š„็„ฆ็‚นๆฅ่‡ชไบŽๅ“ชไธช่พ“ๅ…ฅๆก†ใ€‚
    • ๐Ÿ†• DatePicker.RangePicker ๆ”ฏๆŒ order ๅฑžๆ€งใ€‚
    • ๐Ÿ†• DatePicker ๆ–ฐๅขž้…ๅฅ— pickerValueใ€defaultPickerValue ๅฑžๆ€ง็”จไบŽๅ—ๆŽง็ฎก็†ๅฑ•ๅผ€้ขๆฟๆ‰€ๅœจๆ—ฅๆœŸใ€‚
    • ๐Ÿ†• DatePicker ๆ–ฐๅขž preserveInvalidOnBlur ๅฑžๆ€ง็”จไบŽๆ— ้šœ็ขๆ—ถๅคฑๅŽป็„ฆ็‚น้œ€่ฆไฟ็•™่พ“ๅ…ฅๅ†…ๅฎน็š„ๅœบๆ™ฏใ€‚
    • ๐Ÿ†• DatePicker format ๆ”ฏๆŒ align ๅฑžๆ€ง๏ผŒๅ…่ฎธ้€š่ฟ‡ๆŽฉ็ ๆจกๅผ่พ“ๅ…ฅๅ†…ๅฎนใ€‚
    • ๐Ÿ†• DatePicker ๆ”ฏๆŒ required ๅฑžๆ€งใ€‚
    • ๐Ÿ†• DatePicker ๆ—ถ้—ด้ขๆฟๆ”ฏๆŒ scrollOnChange ่ฎพ็ฝฎๆปšๅŠจๆ—ถ้—ดๆ—ถ่‡ชๅŠจ้€‰ๆ‹ฉๅฏนๅบ”็š„ๆ—ถ้—ดใ€‚
    • ๐Ÿ†• DatePicker ๆทปๅŠ  needConfirm ๅฑžๆ€ง๏ผŒๅ…่ฎธ่ฎพ็ฝฎ้œ€่ฆ็กฎ่ฎคใ€ๆˆ–่€…ไธ็กฎ่ฎค็š„ๆไบคๆจกๅผใ€‚
    • ๐Ÿ†• DatePicker ๆทปๅŠ  components ๅฑžๆ€ง๏ผŒๅ…่ฎธ่‡ชๅฎšไน‰้ƒจๅˆ†้ขๆฟใ€‚
    • ๐Ÿ†• DatePicker ้ขๆฟไธญๆ‰€ๆœ‰็š„ๆ—ฅๆœŸ็›ธๅ…ณไฟกๆฏ้ƒฝไผšๅ…่ฎธ้€š่ฟ‡ locale ่ฟ›่กŒ้…็ฝฎใ€‚
    • ๐Ÿ†• DatePicker format ๆ”ฏๆŒ LTใ€LTS ๆ—ฅๆœŸๆ ผๅผใ€‚
    • ๐Ÿ†• DatePicker ๆ–ฐๅขž minDate ๅ’Œ maxDate ็”จไบŽ่ฎพ็ฝฎ้ขๆฟๅˆ‡ๆข่Œƒๅ›ดใ€‚
    • ๐Ÿž DatePicker ็š„defaultPickerValue ็Žฐๅœจไผšๅœจๆฏๆฌก้ขๆฟๅฑ•ๅผ€ๆ—ถ้ƒฝ่ฟ›่กŒ้‡็ฝฎใ€‚
    • ๐Ÿž DatePicker ไฟฎๅค่พ“ๅ…ฅๆก†ๅŠŸ่ƒฝๆŒ‰้”ฎไผšๅ”ค่ตทๅผนๅ‡บๆก†็š„้—ฎ้ข˜๏ผŒ็Žฐๅœจๅชๆœ‰ๅœจไบคไบ’ๆŒ‰้”ฎใ€ไปฅๅŠ่พ“ๅ…ฅๅ†…ๅฎนๅ˜ๅŒ–ๆ—ถๅ”ค่ตทใ€‚
    • ๐Ÿž DatePicker ้€š่ฟ‡่พ“ๅ…ฅๆก†่พ“ๅ…ฅๆ—ฅๆœŸๅŽๅคฑๅŽป็„ฆ็‚นไผšๆไบคๅ˜ๆ›ด๏ผŒ่€Œไธๆ˜ฏไธขๅคฑ่พ“ๅ…ฅๅ†…ๅฎน๏ผˆๅณไธๅ†ๅผบๅˆถ้œ€่ฆๆŒ‰ไธ‹ๅ›ž่ฝฆๆไบค๏ผ‰ใ€‚
    • ๐Ÿž DatePicker ไฟฎๅค use12Hours ไธ‹๏ผŒdisabledTime ่Žทๅ–็š„ hour ไนŸไผš่ขซ่ฃๅ‰ชๆˆ 0~12 ็š„้—ฎ้ข˜ใ€‚
    • ๐Ÿž DatePicker ไฟฎๅคๆŸไบ›ไบคไบ’ไธ‹๏ผŒ็ฆ็”จๆ—ฅๆœŸๆฒกๆœ‰็”Ÿๆ•ˆไพ็„ถๅฏไปฅๆไบค็š„้—ฎ้ข˜ใ€‚
    • โšก๏ธ DatePicker ไผ˜ๅŒ– disabledDate ๆฃ€ๆŸฅ้€ป่พ‘๏ผŒ็Žฐๅœจไผšๆไพ› info.type ๅ‘Š็Ÿฅๅฝ“ๅ‰้ขๆฟไฟกๆฏใ€‚
    • ๐Ÿ›  DatePicker ็š„ allowClear ่งฆๅ‘ไบ‹ไปถไปŽ onMouseDown ๅˆ‡ๆขไธบ onClickใ€‚
    • ๐Ÿ›  ็งป้™ค DatePicker ็š„้”ฎ็›˜ๅฏน้ขๆฟไบคไบ’๏ผŒๅฎƒ้œ€่ฆๅŸบไบŽๆ— ้šœ็ข้‡ๆ–ฐ่ฎพ่ฎกใ€‚
    • ๐Ÿ›  DatePicker ๅบŸๅผƒ onKeyDown ็š„ preventDefault ๅ‚ๆ•ฐ๏ผŒ่ฏท็›ดๆŽฅ้€š่ฟ‡ event.preventDefault ่ฟ›่กŒ่ฐƒ็”จใ€‚
    • ๐Ÿ’„ DatePicker.RangePicker ็งป้™ค่™š็บฟๆ ทๅผ๏ผŒๅ‡ๅฐ‘่ง†่ง‰ๅนฒๆ‰ฐใ€‚
    • ๐Ÿ’„ DatePicker.RangePicker ็งป้™คๅœจ้€‰ๆ‹ฉๅผ€ๅง‹ๆˆ–่€…็ป“ๆŸๆ—ถ้—ดๆ—ถ็š„็ฆ็”จ่Œƒๅ›ด๏ผŒไผ˜ๅŒ–ไบคไบ’ไฝ“้ชŒใ€‚
  • ๐Ÿ”ฅ Table ๆ”ฏๆŒๅ †ๅ ๅ›บๅฎšๅˆ—ใ€‚#47245
  • ๐Ÿ†• Table ๆ”ฏๆŒ virtual ไธ‹็š„ components.bodyใ€‚#47098 @linxianxi
  • ๐Ÿ†• Segmented value ็ฑปๅž‹ๆ”ฏๆŒๆณ›ๅž‹ใ€‚#47091 @madocto
  • ๐Ÿ†• InputNumber ็ป„ไปถๆ”ฏๆŒ changeOnWheel ๅฑžๆ€ง๏ผŒไปฅๅฏ็”จ้ผ ๆ ‡ๆปš่ฝฎๆŽงๅˆถใ€‚#47158 @MadCcc
  • ๐Ÿ†• Button ๆทปๅŠ  defaultHoverBgใ€defaultHoverColorใ€defaultHoverBorderColorใ€ defaultActiveBgใ€defaultActiveColor ๅ’Œ defaultActiveBorderColor ๅ…ญไธช tokenใ€‚#47075 @madocto
  • ๐Ÿ†• Notification useNotification ๆ”ฏๆŒ duration ้…็ฝฎ๏ผŒ่ฏฅๆ›ดๆ–ฐๅŒๆ ท้€‚็”จไบŽ App ็ป„ไปถ็š„ notification ้…็ฝฎใ€‚#47141
  • ๐Ÿ†• Grid ๆ”ฏๆŒไธบๅ“ๅบ”ๅผๅธƒๅฑ€้…็ฝฎ flex ๅฑžๆ€งใ€‚#47124
  • ๐Ÿž ๆ”น่ฟ› Transfer ็ป„ไปถๅˆ†้กตๅ™จ็š„ๅ†…่พน่ทใ€‚#47231 @qmhc
  • ๐Ÿž ไฟฎๅค Avatar ็ป„ไปถๅฝ“้ซ˜ๅบฆๅฐไบŽ 16px ๅ†…ๅฎนไธๅฑ…ไธญ็š„้—ฎ้ข˜ใ€‚#47236 @lcgash
  • ๐Ÿž ไฟฎๅค Input ็ป„ไปถ็ฆ็”จๆ—ถ้ผ ๆ ‡ๆŒ‡้’ˆไธๆญฃ็กฎ็š„้—ฎ้ข˜ใ€‚#47280 @MadCcc
  • ๐Ÿž ไฟฎๅค Input ็ป„ไปถ hoverBorderColor ๅ’Œ activeBorderColor token ๅฎšๅˆถๆ— ๆ•ˆ็š„้—ฎ้ข˜ใ€‚#47243 @MadCcc
  • ๐Ÿ’„ ไฟฎๅค Menu ็ป„ไปถๅญ่œๅ• hover ๆ ทๅผๅœจ่พน็ผ˜ๆถˆๅคฑ็š„้—ฎ้ข˜ใ€‚#47227 @MadCcc
  • ๐Ÿ’„ ไฟฎๅค Menu ๅœจๆ—  hash ๆจกๅผไธ‹็š„็ป„ไปถๆ ทๅผ้—ฎ้ข˜ใ€‚#46609 @MadCcc
  • ๐Ÿ’„ Card ็ป„ไปถๅขžๅŠ  classNames ๅ’Œ styles ๅฑžๆ€งใ€‚#46811 @zh-lx
  • ConfigProvider
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Transfer ็š„ selectionsIconใ€‚#47301 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Tabs ็š„ addIcon ๅ’Œ moreIconใ€‚#47274 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Image ็š„ closeIconใ€‚#47252 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Tag ็š„ closeIconใ€‚#47250 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Notification ็š„ closeIconใ€‚#47244 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Modal ็š„ closeIconใ€‚#47226 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Table ็š„ expandIconใ€‚#47225 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Tour ็š„ closeIconใ€‚#47200 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Drawer ็š„ iconsใ€‚#46894 @li-jia-nan
    • ๐Ÿ†• ConfigProvide ๆ”ฏๆŒ Alert ็š„ closeIconใ€‚#47235 @li-jia-nan

Don't miss a new antd release

NewReleases is sending notifications on new releases.