mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 00:49:39 +08:00
commit
18399ae9d2
@ -15,6 +15,28 @@ timeline: true
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 4.19.2
|
||||||
|
|
||||||
|
`2022-03-13`
|
||||||
|
|
||||||
|
- 🐞 Fix Dropdown not auto adjust placement when position on the edge of window. [#34390](https://github.com/ant-design/ant-design/pull/34390)
|
||||||
|
- 💄 Change PageHeader elements margin from `12px` to `8px` inside `extra`. [#34428](https://github.com/ant-design/ant-design/pull/34428)
|
||||||
|
- 🛠 Export css variable function in `antd/es/config-provider` folder to enable ssr requirement. [#34436](https://github.com/ant-design/ant-design/pull/34436)
|
||||||
|
- 🛠 Refactor Menu with React hooks. [#34433](https://github.com/ant-design/ant-design/pull/34433)
|
||||||
|
- Input
|
||||||
|
- 💄 Fix Input font-size when `size` is large. [#34381](https://github.com/ant-design/ant-design/pull/34381)
|
||||||
|
- 💄 Fix Input.Group wrong border when status is error. [#34412](https://github.com/ant-design/ant-design/pull/34412)
|
||||||
|
- Form
|
||||||
|
- 🐞 Fix Form.Item removed in `form.validateFields` throw `Can't perform a React state update on an unmounted component` warning. [#34405](https://github.com/ant-design/ant-design/pull/34405)
|
||||||
|
- 🐞 Fix to Form that `initialValues` would change if `preserve` is false. [#34411](https://github.com/ant-design/ant-design/pull/34411)
|
||||||
|
- Tooltip
|
||||||
|
- 💄 Fix Tooltip width in Safari. [#34415](https://github.com/ant-design/ant-design/pull/34415) [@jiandandkl](https://github.com/jiandandkl)
|
||||||
|
- 💄 Fix arrow size of Tooltip/Popover/Popconfirm. [#34407](https://github.com/ant-design/ant-design/pull/34407)
|
||||||
|
- 💄 Remove Collapse bottom border in simple style. [#34366](https://github.com/ant-design/ant-design/pull/34366) [@PanStar](https://github.com/PanStar)
|
||||||
|
- TypeScript
|
||||||
|
- 🤖 Fix Input `data-*` type definition. [#34410](https://github.com/ant-design/ant-design/pull/34410) [@GitKou](https://github.com/GitKou)
|
||||||
|
- 🤖 Fix Transfer `footer` type definition. [#34337](https://github.com/ant-design/ant-design/pull/34337) [@zomixi](https://github.com/zomixi)
|
||||||
|
|
||||||
## 4.19.1
|
## 4.19.1
|
||||||
|
|
||||||
`2022-03-08`
|
`2022-03-08`
|
||||||
@ -31,7 +53,7 @@ timeline: true
|
|||||||
|
|
||||||
- 💄 Optimize arrow style for some components. [#33710](https://github.com/ant-design/ant-design/pull/33710)
|
- 💄 Optimize arrow style for some components. [#33710](https://github.com/ant-design/ant-design/pull/33710)
|
||||||
|
|
||||||
![image](https://user-images.githubusercontent.com/27722486/157088587-ca49cc29-bf25-42d1-8c14-020b5501c62e.png)
|
<img src="https://user-images.githubusercontent.com/27722486/157088587-ca49cc29-bf25-42d1-8c14-020b5501c62e.png" width="500" />
|
||||||
|
|
||||||
- Input
|
- Input
|
||||||
- 🛠 Refactor Input with rc-input. [#34206](https://github.com/ant-design/ant-design/pull/34206)
|
- 🛠 Refactor Input with rc-input. [#34206](https://github.com/ant-design/ant-design/pull/34206)
|
||||||
@ -43,6 +65,7 @@ timeline: true
|
|||||||
- ⌨️ Table adds `aria-sort` attribute for screen readers. [#33603](https://github.com/ant-design/ant-design/pull/33603) [@dgreene1](https://github.com/dgreene1)
|
- ⌨️ Table adds `aria-sort` attribute for screen readers. [#33603](https://github.com/ant-design/ant-design/pull/33603) [@dgreene1](https://github.com/dgreene1)
|
||||||
- 🐞 Fix Table filters select-all Checkbox not changed when select item. [#34295](https://github.com/ant-design/ant-design/pull/34295)
|
- 🐞 Fix Table filters select-all Checkbox not changed when select item. [#34295](https://github.com/ant-design/ant-design/pull/34295)
|
||||||
- 🆕 Data entry components add `status` prop to support custom status.
|
- 🆕 Data entry components add `status` prop to support custom status.
|
||||||
|
|
||||||
- Transfer [#34098](https://github.com/ant-design/ant-design/pull/34098)
|
- Transfer [#34098](https://github.com/ant-design/ant-design/pull/34098)
|
||||||
- AutoComplete [#34096](https://github.com/ant-design/ant-design/pull/34096)
|
- AutoComplete [#34096](https://github.com/ant-design/ant-design/pull/34096)
|
||||||
- TreeSelect [#34093](https://github.com/ant-design/ant-design/pull/34093)
|
- TreeSelect [#34093](https://github.com/ant-design/ant-design/pull/34093)
|
||||||
@ -53,7 +76,7 @@ timeline: true
|
|||||||
- InputNumber [#34042](https://github.com/ant-design/ant-design/pull/34042)
|
- InputNumber [#34042](https://github.com/ant-design/ant-design/pull/34042)
|
||||||
- Input [#33995](https://github.com/ant-design/ant-design/pull/33995)
|
- Input [#33995](https://github.com/ant-design/ant-design/pull/33995)
|
||||||
|
|
||||||
![image](https://user-images.githubusercontent.com/27722486/157089015-f96b0153-2cc4-4e04-94d6-e0e4b195d5d1.png)
|
<img src="https://user-images.githubusercontent.com/27722486/157089015-f96b0153-2cc4-4e04-94d6-e0e4b195d5d1.png" width="500" />
|
||||||
|
|
||||||
- 🆕 InputNumber supports `controls={{ upIcon, downIcon }}` to customize icon up and down. [#33914](https://github.com/ant-design/ant-design/pull/33914) [@heiyu4585](https://github.com/heiyu4585)
|
- 🆕 InputNumber supports `controls={{ upIcon, downIcon }}` to customize icon up and down. [#33914](https://github.com/ant-design/ant-design/pull/33914) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
- 🆕 Notification `placement` support `top` / `bottom` [#33871](https://github.com/ant-design/ant-design/pull/33871) [@heiyu4585](https://github.com/heiyu4585)
|
- 🆕 Notification `placement` support `top` / `bottom` [#33871](https://github.com/ant-design/ant-design/pull/33871) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
|
@ -13,13 +13,35 @@ timeline: true
|
|||||||
- 次版本号:每月发布一个带有新特性的向下兼容的版本。
|
- 次版本号:每月发布一个带有新特性的向下兼容的版本。
|
||||||
- 主版本号:含有破坏性更新和新特性,不在发布周期内。
|
- 主版本号:含有破坏性更新和新特性,不在发布周期内。
|
||||||
|
|
||||||
---
|
--
|
||||||
|
|
||||||
|
## 4.19.2
|
||||||
|
|
||||||
|
`2022-03-13`
|
||||||
|
|
||||||
|
- 🐞 修复 Dropdown 在边界情况下不会自动调整展示位置的问题。[#34390](https://github.com/ant-design/ant-design/pull/34390)
|
||||||
|
- 💄 缩小 PageHeader `extra` 内元素间距为 `8px`。[#34428](https://github.com/ant-design/ant-design/pull/34428)
|
||||||
|
- 🛠 导出 antd/es/config-provider 目录下的 css variable 函数以支持 ssr 的需求。[#34436](https://github.com/ant-design/ant-design/pull/34436)
|
||||||
|
- 🛠 使用 React hooks 重构 Menu。[#34433](https://github.com/ant-design/ant-design/pull/34433)
|
||||||
|
- Input
|
||||||
|
- 💄 修复大尺寸 Input 的字号问题。[#34381](https://github.com/ant-design/ant-design/pull/34381)
|
||||||
|
- 💄 修复 Input.Group 多余的错误边框样式。[#34412](https://github.com/ant-design/ant-design/pull/34412)
|
||||||
|
- Form
|
||||||
|
- 🐞 修复 Form.Item 在 `form.validateFields` 中移除时抛出 `Can't perform a React state update on an unmounted component` 警告的问题。[#34405](https://github.com/ant-design/ant-design/pull/34405)
|
||||||
|
- 🐞 修复 Form 组件当 `preserve` 为 `false` 时 `initialValues` 会被更改的问题。[#34411](https://github.com/ant-design/ant-design/pull/34411)
|
||||||
|
- Tooltip
|
||||||
|
- 💄 修复 Tooltip 在 Safari 下的内容宽度问题。[#34415](https://github.com/ant-design/ant-design/pull/34415) [@jiandandkl](https://github.com/jiandandkl)
|
||||||
|
- 💄 修复 Tooltip/Popover/Popconfirm 等组件箭头大小问题。[#34407](https://github.com/ant-design/ant-design/pull/34407)
|
||||||
|
- 💄 优化 Collapse 简洁模式的底边框。[#34366](https://github.com/ant-design/ant-design/pull/34366) [@PanStar](https://github.com/PanStar)
|
||||||
|
- TypeScript
|
||||||
|
- 🤖 修复 Input 不支持 `data-*` TS 定义的问题。[#34410](https://github.com/ant-design/ant-design/pull/34410) [@GitKou](https://github.com/GitKou)
|
||||||
|
- 🤖 修复 Transfer 的 `footer` 类型定义。[#34337](https://github.com/ant-design/ant-design/pull/34337) [@zomixi](https://github.com/zomixi)
|
||||||
|
|
||||||
## 4.19.1
|
## 4.19.1
|
||||||
|
|
||||||
`2022-03-08`
|
`2022-03-08`
|
||||||
|
|
||||||
- 🐞 修复自定义状态相关的 less 编译错误 [#34350](https://github.com/ant-design/ant-design/pull/34350)
|
- 🐞 修复自定义状态相关的 less 编译错误。[#34350](htps://github.com/ant-dign/ant-design/pull/34350)
|
||||||
- 🐞 修复使用定制主题时 less 编译提示 `ReferenceError: colorPalette is not defined` 错误。
|
- 🐞 修复使用定制主题时 less 编译提示 `ReferenceError: colorPalette is not defined` 错误。
|
||||||
- 🐞 修复引入 `antd/dist/antd.css` 时提示 `Error: Invalid class or id selector syntax` 错误。
|
- 🐞 修复引入 `antd/dist/antd.css` 时提示 `Error: Invalid class or id selector syntax` 错误。
|
||||||
- 🐞 修复 Input.Passowrd 图标颜色错误。[#34354](https://github.com/ant-design/ant-design/pull/34354)
|
- 🐞 修复 Input.Passowrd 图标颜色错误。[#34354](https://github.com/ant-design/ant-design/pull/34354)
|
||||||
@ -29,20 +51,21 @@ timeline: true
|
|||||||
|
|
||||||
`2022-03-08`
|
`2022-03-08`
|
||||||
|
|
||||||
- 💄 优化部分组件箭头样式。 [#33710](https://github.com/ant-design/ant-design/pull/33710)
|
- 💄 优化部分组件箭头样式。[#33710](https://github.com/ant-design/ant-design/pull/33710)
|
||||||
|
|
||||||
![image](https://user-images.githubusercontent.com/27722486/157088587-ca49cc29-bf25-42d1-8c14-020b5501c62e.png)
|
<img src="https://user-images.githubusercontent.com/27722486/157088587-ca49cc29-bf25-42d1-8c14-020b5501c62e.png" width="500" />
|
||||||
|
|
||||||
- Input
|
- Input
|
||||||
- 🛠 引入 rc-input 重构 Input 组件为 function component。[#34206](https://github.com/ant-design/ant-design/pull/34206)
|
- 🛠 引入 rc-input 重构 Input 组件为 function component。[#34206](https://github.com/ant-design/ant-design/pull/34206)
|
||||||
- 注意:由于从 class component 变为 function component,Input 组件的 `ref` 类型及内容已经更新,可以通过 `import { InputRef } from 'antd'` 引入。其中的 `input` 属性作为获取 DOM 的途径被保留,同时支持 `focus` 和 `blur` 等文档中支持的方法。
|
- 注意:由于从 class component 变为 function component,Input 组件的 `ref` 类型及内容已经更新,可以通过 `import { InputRef } from 'antd'` 引入。其中的 `input` 属性作为获取 DOM 的途径被保留,同时支持 `focus` 和 `blur` 等文档中支持的方法。
|
||||||
- 🆕 新增 `clearIcon` 属性,支持自定义清除按钮。 [#34325](https://github.com/ant-design/ant-design/pull/34325)
|
- 🆕 新增 `clearIcon` 属性,支持自定义清除按钮。[#34325](https://github.com/ant-design/ant-design/pull/34325)
|
||||||
- Table
|
- Table
|
||||||
- 🆕 `column.filterSearch` 属性现在支持返回一个函数用于自定义搜索条件。[#34085](https://github.com/ant-design/ant-design/pull/34085) [@heiyu4585](https://github.com/heiyu4585)
|
- 🆕 `column.filterSearch` 属性现在支持返回一个函数用于自定义搜索条件。[#34085](https://github.com/ant-design/ant-design/pull/34085) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
- 🆕 `column.filterDropdown({ clearFilters })` 支持参数 `clearFilters({ confirm: false, closeDropdown: false })` 控制筛选。[#34120](https://github.com/ant-design/ant-design/pull/34120) [@heiyu4585](https://github.com/heiyu4585)
|
- 🆕 `column.filterDropdown({ clearFilters })` 支持参数 `clearFilters({ confirm: false, closeDropdown: false })` 控制筛选。[#34120](https://github.com/ant-design/ant-design/pull/34120) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
- ⌨️ 增加 `aria-sort` 属性以优化屏幕阅读器的使用体验。 [#33603](https://github.com/ant-design/ant-design/pull/33603) [@dgreene1](https://github.com/dgreene1)
|
- ⌨️ 增加 `aria-sort` 属性以优化屏幕阅读器的使用体验。[#33603](https://github.com/ant-design/ant-design/pull/33603) [@dgreene1](https://github.com/dgreene1)
|
||||||
- 🐞 修复 Table 列筛选器中选择全部 Checkbox 状态问题。 [#34295](https://github.com/ant-design/ant-design/pull/34295)
|
- 🐞 修复 Table 列筛选器中选择全部 Checkbox 状态问题。[#34295](https://github.com/ant-design/ant-design/pull/34295)
|
||||||
- 🆕 表单组件新增 `status` 属性以支持自定义状态。
|
- 🆕 表单组件新增 `status` 属性以支持自定义状态。
|
||||||
|
|
||||||
- Transfer [#34098](https://github.com/ant-design/ant-design/pull/34098)
|
- Transfer [#34098](https://github.com/ant-design/ant-design/pull/34098)
|
||||||
- AutoComplete [#34096](https://github.com/ant-design/ant-design/pull/34096)
|
- AutoComplete [#34096](https://github.com/ant-design/ant-design/pull/34096)
|
||||||
- TreeSelect [#34093](https://github.com/ant-design/ant-design/pull/34093)
|
- TreeSelect [#34093](https://github.com/ant-design/ant-design/pull/34093)
|
||||||
@ -53,18 +76,18 @@ timeline: true
|
|||||||
- InputNumber [#34042](https://github.com/ant-design/ant-design/pull/34042)
|
- InputNumber [#34042](https://github.com/ant-design/ant-design/pull/34042)
|
||||||
- Input [#33995](https://github.com/ant-design/ant-design/pull/33995)
|
- Input [#33995](https://github.com/ant-design/ant-design/pull/33995)
|
||||||
|
|
||||||
![image](https://user-images.githubusercontent.com/27722486/157089015-f96b0153-2cc4-4e04-94d6-e0e4b195d5d1.png)
|
<img src="https://user-images.githubusercontent.com/27722486/157089015-f96b0153-2cc4-4e04-94d6-e0e4b195d5d1.png" width="500" />
|
||||||
|
|
||||||
- 🆕 InputNumber 组件支持 `controls={{ upIcon, downIcon }}` 用于自定义上下图标。[#33914](https://github.com/ant-design/ant-design/pull/33914) [@heiyu4585](https://github.com/heiyu4585)
|
- 🆕 InputNumber 组件支持 `controls={{ upIcon, downIcon }}` 用于自定义上下图标。[#33914](https://github.com/ant-design/ant-design/pull/33914) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
- 🆕 Notification 组件弹窗位置新增支持 `top` / `bottom`。 [#33871](https://github.com/ant-design/ant-design/pull/33871) [@heiyu4585](https://github.com/heiyu4585)
|
- 🆕 Notification 组件弹窗位置新增支持 `top` / `bottom`。[#33871](https://github.com/ant-design/ant-design/pull/33871) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
- 🆕 Select、Cascader、DatePicker 等组件新增 `placement` 用于自定义弹层方向。 [#33641](https://github.com/ant-design/ant-design/pull/33541) [@ONLY-yours](https://github.com/ONLY-yours)
|
- 🆕 Select、Cascader、DatePicker 等组件新增 `placement` 用于自定义弹层方向。[#33641](https://github.com/ant-design/ant-design/pull/33541) [@ONLY-yours](https://github.com/ONLY-yours)
|
||||||
- 🆕 Dropdown 组件支持 `arrow={{ pointAtCenter: true }}` 用于指向元素正中间,并且新增 `top` `bottom` 两种 `placement` 位置。 [#33658](https://github.com/ant-design/ant-design/pull/33658)
|
- 🆕 Dropdown 组件支持 `arrow={{ pointAtCenter: true }}` 用于指向元素正中间,并且新增 `top` `bottom` 两种 `placement` 位置。[#33658](https://github.com/ant-design/ant-design/pull/33658)
|
||||||
- 🆕 Skeleton.Input 添加 `block` 属性。 [#33672](https://github.com/ant-design/ant-design/pull/33672) [@woochanleee](https://github.com/woochanleee)
|
- 🆕 Skeleton.Input 添加 `block` 属性。[#33672](https://github.com/ant-design/ant-design/pull/33672) [@woochanleee](https://github.com/woochanleee)
|
||||||
- 🆕 合并 TimePicker `disabledHours`、`disabledMinutes`、`disabledSeconds` 至 `disabledTime` 以保持与 DatePicker 接口一致性。 [#33503](https://github.com/ant-design/ant-design/pull/33503)
|
- 🆕 合并 TimePicker `disabledHours`、`disabledMinutes`、`disabledSeconds` 至 `disabledTime` 以保持与 DatePicker 接口一致性。[#33503](https://github.com/ant-design/ant-design/pull/33503)
|
||||||
- 💄 修改部分边框颜色和进度条的背景色为透明色以适应有色背景。 [#33506](https://github.com/ant-design/ant-design/pull/33506)
|
- 💄 修改部分边框颜色和进度条的背景色为透明色以适应有色背景。[#33506](https://github.com/ant-design/ant-design/pull/33506)
|
||||||
- 💄 Space 支持自定义 children 的 `key`。 [#33607](https://github.com/ant-design/ant-design/pull/33607) [@qin20](https://github.com/qin20)
|
- 💄 Space 支持自定义 children 的 `key`。[#33607](https://github.com/ant-design/ant-design/pull/33607) [@qin20](https://github.com/qin20)
|
||||||
- 🐞 修复 Typography.Title 进入编辑模式时大小不一致的问题。 [#34169](https://github.com/ant-design/ant-design/pull/34169) [@heiyu4585](https://github.com/heiyu4585)
|
- 🐞 修复 Typography.Title 进入编辑模式时大小不一致的问题。[#34169](https://github.com/ant-design/ant-design/pull/34169) [@heiyu4585](https://github.com/heiyu4585)
|
||||||
- 🐞 修复 Form.Item 抛出 `React does not recognize the requiredMark prop on a DOM element` 的问题。 [#34323](https://github.com/ant-design/ant-design/pull/34323)
|
- 🐞 修复 Form.Item 抛出 `React does not recognize the requiredMark prop on a DOM element` 的问题。[#34323](https://github.com/ant-design/ant-design/pull/34323)
|
||||||
|
|
||||||
## 4.18.9
|
## 4.18.9
|
||||||
|
|
||||||
@ -145,7 +168,7 @@ timeline: true
|
|||||||
|
|
||||||
- Typography
|
- Typography
|
||||||
- ⚡️ 优化 Typography 在配置 `tooltip` 时优先使用原生省略样式以提升性能。[#33669](https://github.com/ant-design/ant-design/pull/33669)
|
- ⚡️ 优化 Typography 在配置 `tooltip` 时优先使用原生省略样式以提升性能。[#33669](https://github.com/ant-design/ant-design/pull/33669)
|
||||||
- 🐞 重构 Typography `ellipsis` 逻辑以修复 `children` 如果消费上游 Context 会报错的问题。 [#33725](https://github.com/ant-design/ant-design/pull/33725)
|
- 🐞 重构 Typography `ellipsis` 逻辑以修复 `children` 如果消费上游 Context 会报错的问题。[#33725](https://github.com/ant-design/ant-design/pull/33725)
|
||||||
- Icon
|
- Icon
|
||||||
- 🐞 修复 `<Icon component={HomeOutlined} />` 和 `<HomeOutlined />` 不对齐的问题。[#33709](https://github.com/ant-design/ant-design/pull/33709)
|
- 🐞 修复 `<Icon component={HomeOutlined} />` 和 `<HomeOutlined />` 不对齐的问题。[#33709](https://github.com/ant-design/ant-design/pull/33709)
|
||||||
- 🐞 修复 `<Icon component={SyncOutlined} spin />` 抖动的问题。[#33726](https://github.com/ant-design/ant-design/pull/33726) [@JX-Zhuang](https://github.com/JX-Zhuang)
|
- 🐞 修复 `<Icon component={SyncOutlined} spin />` 抖动的问题。[#33726](https://github.com/ant-design/ant-design/pull/33726) [@JX-Zhuang](https://github.com/JX-Zhuang)
|
||||||
@ -371,7 +394,7 @@ timeline: true
|
|||||||
- 🐞 修复 Button `ghost` 鼠标悬停样式。[#32289](https://github.com/ant-design/ant-design/pull/32289)
|
- 🐞 修复 Button `ghost` 鼠标悬停样式。[#32289](https://github.com/ant-design/ant-design/pull/32289)
|
||||||
- 🐞 修复 Button 配置 `loading` 时,无法触发 Tooltip 的问题。[#32158](https://github.com/ant-design/ant-design/pull/32158)
|
- 🐞 修复 Button 配置 `loading` 时,无法触发 Tooltip 的问题。[#32158](https://github.com/ant-design/ant-design/pull/32158)
|
||||||
- Pagination
|
- Pagination
|
||||||
- 🆕 Pagination 支持定制 `selectComponentClass`。 [#32132](https://github.com/ant-design/ant-design/pull/32132) [@JounQin](https://github.com/JounQin)
|
- 🆕 Pagination 支持定制 `selectComponentClass`。[#32132](https://github.com/ant-design/ant-design/pull/32132) [@JounQin](https://github.com/JounQin)
|
||||||
- 💄 Pagination `simple` 属性下中翻页 input 增加 box-shadow。[#32528](https://github.com/ant-design/ant-design/pull/32528) [@chen-jingjie](https://github.com/chen-jingjie)
|
- 💄 Pagination `simple` 属性下中翻页 input 增加 box-shadow。[#32528](https://github.com/ant-design/ant-design/pull/32528) [@chen-jingjie](https://github.com/chen-jingjie)
|
||||||
- Upload
|
- Upload
|
||||||
- 🐞 修复 Upload `listStyle="picture"` 下加载中样式错位的问题。[#32664](https://github.com/ant-design/ant-design/pull/32664)
|
- 🐞 修复 Upload `listStyle="picture"` 下加载中样式错位的问题。[#32664](https://github.com/ant-design/ant-design/pull/32664)
|
||||||
@ -424,7 +447,7 @@ timeline: true
|
|||||||
- 🤖 修复 Switch `id` 属性定义。[#32237](https://github.com/ant-design/ant-design/pull/32237) [@M-ZubairAhmed](https://github.com/M-ZubairAhmed)
|
- 🤖 修复 Switch `id` 属性定义。[#32237](https://github.com/ant-design/ant-design/pull/32237) [@M-ZubairAhmed](https://github.com/M-ZubairAhmed)
|
||||||
- 🤖 修复 Button 的 `type` 的 TS 类型定义。[#32004](https://github.com/ant-design/ant-design/pull/32004) [@jaredleechn](https://github.com/jaredleechn)
|
- 🤖 修复 Button 的 `type` 的 TS 类型定义。[#32004](https://github.com/ant-design/ant-design/pull/32004) [@jaredleechn](https://github.com/jaredleechn)
|
||||||
- 🤖 完备 Pagination 的 `locale` TS 类型定义。[[#32128](https://github.com/ant-design/ant-design/pull/32128) [@JounQin](https://github.com/JounQin)
|
- 🤖 完备 Pagination 的 `locale` TS 类型定义。[[#32128](https://github.com/ant-design/ant-design/pull/32128) [@JounQin](https://github.com/JounQin)
|
||||||
- 🤖 完善并导出 DropdownButton 的 `DropdownButtonType` TS 类型定义。 [[#31957](https://github.com/ant-design/ant-design/pull/31957) [@Dreamerryao](https://github.com/Dreamerryao)
|
- 🤖 完善并导出 DropdownButton 的 `DropdownButtonType` TS 类型定义。[[#31957](https://github.com/ant-design/ant-design/pull/31957) [@Dreamerryao](https://github.com/Dreamerryao)
|
||||||
- 🤖 调整 List 组件 `rowKey` 类型为 React.key。[#32033](https://github.com/ant-design/ant-design/pull/32033) [@lironhl](https://github.com/lironhl)
|
- 🤖 调整 List 组件 `rowKey` 类型为 React.key。[#32033](https://github.com/ant-design/ant-design/pull/32033) [@lironhl](https://github.com/lironhl)
|
||||||
- 🐞 修复 DatePicker `ref` 类型。[#31993](https://github.com/ant-design/ant-design/pull/31993) [@acfasj](https://github.com/acfasj)
|
- 🐞 修复 DatePicker `ref` 类型。[#31993](https://github.com/ant-design/ant-design/pull/31993) [@acfasj](https://github.com/acfasj)
|
||||||
- 🤖 更新 Drawer 中 `levelMove` 类型定义。[#30714](https://github.com/ant-design/ant-design/pull/30714) [@g0shed](https://github.com/g0shed)
|
- 🤖 更新 Drawer 中 `levelMove` 类型定义。[#30714](https://github.com/ant-design/ant-design/pull/30714) [@g0shed](https://github.com/g0shed)
|
||||||
@ -473,7 +496,7 @@ timeline: true
|
|||||||
- 🐞 修复 Progress 环形进度条 `success.strokeColor` 不生效的问题。[#31589](https://github.com/ant-design/ant-design/pull/31589)
|
- 🐞 修复 Progress 环形进度条 `success.strokeColor` 不生效的问题。[#31589](https://github.com/ant-design/ant-design/pull/31589)
|
||||||
- 🐞 修复 Select 组件没有忽略 `getRawInputElement` 属性导致的类型报错问题。[#31566](https://github.com/ant-design/ant-design/pull/31566) [@aoilti](https://github.com/aoilti)
|
- 🐞 修复 Select 组件没有忽略 `getRawInputElement` 属性导致的类型报错问题。[#31566](https://github.com/ant-design/ant-design/pull/31566) [@aoilti](https://github.com/aoilti)
|
||||||
- 🐞 修复 Pagination 的 `totalBoundaryShowSizeChanger` 属性类型错误。[#31549](https://github.com/ant-design/ant-design/pull/31549) [@Monty-Ma](https://github.com/Monty-Ma)
|
- 🐞 修复 Pagination 的 `totalBoundaryShowSizeChanger` 属性类型错误。[#31549](https://github.com/ant-design/ant-design/pull/31549) [@Monty-Ma](https://github.com/Monty-Ma)
|
||||||
- 🐞 修复 Skeleton.Avatar `className` 重复应用的问题。 [#31536](https://github.com/ant-design/ant-design/pull/31536) [@Greatshock](https://github.com/Greatshock)
|
- 🐞 修复 Skeleton.Avatar `className` 重复应用的问题。[#31536](https://github.com/ant-design/ant-design/pull/31536) [@Greatshock](https://github.com/Greatshock)
|
||||||
- 🌐 国际化
|
- 🌐 国际化
|
||||||
- 🇹🇷 为 Image 组件中 `预览` 文案增加土耳其语翻译。[#31593](https://github.com/ant-design/ant-design/pull/31593) [@mburakkalkan](https://github.com/mburakkalkan)
|
- 🇹🇷 为 Image 组件中 `预览` 文案增加土耳其语翻译。[#31593](https://github.com/ant-design/ant-design/pull/31593) [@mburakkalkan](https://github.com/mburakkalkan)
|
||||||
- 🇰🇷 修复韩语中的错别字。[#31575](https://github.com/ant-design/ant-design/pull/31575) [@chatoo2412](https://github.com/chatoo2412)
|
- 🇰🇷 修复韩语中的错别字。[#31575](https://github.com/ant-design/ant-design/pull/31575) [@chatoo2412](https://github.com/chatoo2412)
|
||||||
@ -794,7 +817,7 @@ timeline: true
|
|||||||
- 🐞 修复 Modal 页脚里使用 href 按钮导致的间距丢失问题。[#29681](https://github.com/ant-design/ant-design/pull/29681) [@n0ruSh](https://github.com/n0ruSh)
|
- 🐞 修复 Modal 页脚里使用 href 按钮导致的间距丢失问题。[#29681](https://github.com/ant-design/ant-design/pull/29681) [@n0ruSh](https://github.com/n0ruSh)
|
||||||
- 💄 修复 Input 组件配置附件元素时禁用样式异常的问题。[#29670](https://github.com/ant-design/ant-design/pull/29670)
|
- 💄 修复 Input 组件配置附件元素时禁用样式异常的问题。[#29670](https://github.com/ant-design/ant-design/pull/29670)
|
||||||
- 💄 优化 Form.Item 提示信息的鼠标显示样式。[#29650](https://github.com/ant-design/ant-design/pull/29650)
|
- 💄 优化 Form.Item 提示信息的鼠标显示样式。[#29650](https://github.com/ant-design/ant-design/pull/29650)
|
||||||
- 🇨🇿 修复 cs_CZ 语言环境中的错字。 [#29675](https://github.com/ant-design/ant-design/pull/29675) [@jvaclavik](https://github.com/jvaclavik)
|
- 🇨🇿 修复 cs_CZ 语言环境中的错字。[#29675](https://github.com/ant-design/ant-design/pull/29675) [@jvaclavik](https://github.com/jvaclavik)
|
||||||
- 🇨🇦 添加 fr_CA 语言。[#29748](https://github.com/ant-design/ant-design/pull/29748) [@liufenghua808](https://github.com/liufenghua808)
|
- 🇨🇦 添加 fr_CA 语言。[#29748](https://github.com/ant-design/ant-design/pull/29748) [@liufenghua808](https://github.com/liufenghua808)
|
||||||
|
|
||||||
## 4.13.1
|
## 4.13.1
|
||||||
@ -894,7 +917,7 @@ timeline: true
|
|||||||
- TypeScript
|
- TypeScript
|
||||||
- 🤖 更新 Table TypeScript 定义 `dataSource` 至 `readonly`。[#29084](https://github.com/ant-design/ant-design/pull/29084)
|
- 🤖 更新 Table TypeScript 定义 `dataSource` 至 `readonly`。[#29084](https://github.com/ant-design/ant-design/pull/29084)
|
||||||
- Less
|
- Less
|
||||||
- 💄 增加 less 变量 `@progress-info-text-color`。 [#28981](https://github.com/ant-design/ant-design/pull/28981) [@yuxuan](https://github.com/yuxuan)
|
- 💄 增加 less 变量 `@progress-info-text-color`。[#28981](https://github.com/ant-design/ant-design/pull/28981) [@yuxuan](https://github.com/yuxuan)
|
||||||
|
|
||||||
## 4.11.3
|
## 4.11.3
|
||||||
|
|
||||||
@ -1033,7 +1056,7 @@ timeline: true
|
|||||||
- 🆕 多选模式下 `maxTagCount` 支持 `responsive`。[#28520](https://github.com/ant-design/ant-design/pull/28520)
|
- 🆕 多选模式下 `maxTagCount` 支持 `responsive`。[#28520](https://github.com/ant-design/ant-design/pull/28520)
|
||||||
- 🆕 Slider 新增 range.draggableTrack 以支持范围刻度整体可拖拽。[#28592](https://github.com/ant-design/ant-design/pull/28592)
|
- 🆕 Slider 新增 range.draggableTrack 以支持范围刻度整体可拖拽。[#28592](https://github.com/ant-design/ant-design/pull/28592)
|
||||||
- 🆕 `message` 新增 `onClick` 回调,会在消息被点击时触发。[#28148](https://github.com/ant-design/ant-design/pull/28148) [@ZeroTo0ne](https://github.com/ant-design/ant-design/pull/28148)
|
- 🆕 `message` 新增 `onClick` 回调,会在消息被点击时触发。[#28148](https://github.com/ant-design/ant-design/pull/28148) [@ZeroTo0ne](https://github.com/ant-design/ant-design/pull/28148)
|
||||||
- 🆕 Descriptions 上可以统一设置 `labelStyle` 和 `contentStyle`。 [#28613](https://github.com/ant-design/ant-design/pull/28613)
|
- 🆕 Descriptions 上可以统一设置 `labelStyle` 和 `contentStyle`。[#28613](https://github.com/ant-design/ant-design/pull/28613)
|
||||||
- 🆕 Form 的 `scrollToFirstError` 属性支持设置滚动的位置参数。[#28272](https://github.com/ant-design/ant-design/pull/28272) [@vouis](https://github.com/vouis)
|
- 🆕 Form 的 `scrollToFirstError` 属性支持设置滚动的位置参数。[#28272](https://github.com/ant-design/ant-design/pull/28272) [@vouis](https://github.com/vouis)
|
||||||
- 🆕 Steps 新增 reponsive 属性用于关闭响应式样式。[#28459](https://github.com/ant-design/ant-design/pull/28459)
|
- 🆕 Steps 新增 reponsive 属性用于关闭响应式样式。[#28459](https://github.com/ant-design/ant-design/pull/28459)
|
||||||
- 🌐 国际化
|
- 🌐 国际化
|
||||||
@ -1424,7 +1447,7 @@ timeline: true
|
|||||||
- 🐞 修复 Form 使用 `help` 时出现的同构问题。[#26542](https://github.com/ant-design/ant-design/pull/26542)
|
- 🐞 修复 Form 使用 `help` 时出现的同构问题。[#26542](https://github.com/ant-design/ant-design/pull/26542)
|
||||||
- 🐞 修复 Avatar 在 `display: none` 时不会正确缩放 fallback 文字的问题。[#26522](https://github.com/ant-design/ant-design/pull/26522) [@zhangyu1818](https://github.com/zhangyu1818)
|
- 🐞 修复 Avatar 在 `display: none` 时不会正确缩放 fallback 文字的问题。[#26522](https://github.com/ant-design/ant-design/pull/26522) [@zhangyu1818](https://github.com/zhangyu1818)
|
||||||
- TypeScript
|
- TypeScript
|
||||||
- 🤖 Col 增加 `ColSize` 增加 `flex` 的定义。 [#26578](https://github.com/ant-design/ant-design/pull/26578) [@blaiz](https://github.com/blaiz)
|
- 🤖 Col 增加 `ColSize` 增加 `flex` 的定义。[#26578](https://github.com/ant-design/ant-design/pull/26578) [@blaiz](https://github.com/blaiz)
|
||||||
- 🤖 修复 Tooltip/Popover `children` 定义不接受 ReactNode 的问题。[#26534](https://github.com/ant-design/ant-design/pull/26534)
|
- 🤖 修复 Tooltip/Popover `children` 定义不接受 ReactNode 的问题。[#26534](https://github.com/ant-design/ant-design/pull/26534)
|
||||||
|
|
||||||
## 4.6.2
|
## 4.6.2
|
||||||
|
@ -33,6 +33,10 @@ export interface AffixProps {
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface InternalAffixProps extends AffixProps {
|
||||||
|
affixPrefixCls: string;
|
||||||
|
}
|
||||||
|
|
||||||
enum AffixStatus {
|
enum AffixStatus {
|
||||||
None,
|
None,
|
||||||
Prepare,
|
Prepare,
|
||||||
@ -47,7 +51,7 @@ export interface AffixState {
|
|||||||
prevTarget: Window | HTMLElement | null;
|
prevTarget: Window | HTMLElement | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
class Affix extends React.Component<AffixProps, AffixState> {
|
class Affix extends React.Component<InternalAffixProps, AffixState> {
|
||||||
static contextType = ConfigContext;
|
static contextType = ConfigContext;
|
||||||
|
|
||||||
state: AffixState = {
|
state: AffixState = {
|
||||||
@ -250,14 +254,20 @@ class Affix extends React.Component<AffixProps, AffixState> {
|
|||||||
|
|
||||||
// =================== Render ===================
|
// =================== Render ===================
|
||||||
render() {
|
render() {
|
||||||
const { getPrefixCls } = this.context;
|
|
||||||
const { affixStyle, placeholderStyle } = this.state;
|
const { affixStyle, placeholderStyle } = this.state;
|
||||||
const { prefixCls, children } = this.props;
|
const { affixPrefixCls, children } = this.props;
|
||||||
const className = classNames({
|
const className = classNames({
|
||||||
[getPrefixCls('affix', prefixCls)]: !!affixStyle,
|
[affixPrefixCls]: !!affixStyle,
|
||||||
});
|
});
|
||||||
|
|
||||||
let props = omit(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange']);
|
let props = omit(this.props, [
|
||||||
|
'prefixCls',
|
||||||
|
'offsetTop',
|
||||||
|
'offsetBottom',
|
||||||
|
'target',
|
||||||
|
'onChange',
|
||||||
|
'affixPrefixCls',
|
||||||
|
]);
|
||||||
// Omit this since `onTestUpdatePosition` only works on test.
|
// Omit this since `onTestUpdatePosition` only works on test.
|
||||||
if (process.env.NODE_ENV === 'test') {
|
if (process.env.NODE_ENV === 'test') {
|
||||||
props = omit(props as typeof props & { onTestUpdatePosition: any }, ['onTestUpdatePosition']);
|
props = omit(props as typeof props & { onTestUpdatePosition: any }, ['onTestUpdatePosition']);
|
||||||
@ -286,7 +296,20 @@ class Affix extends React.Component<AffixProps, AffixState> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const AffixFC = React.forwardRef<Affix, AffixProps>((props, ref) => <Affix {...props} ref={ref} />);
|
const AffixFC = React.forwardRef<Affix, AffixProps>((props, ref) => {
|
||||||
|
const { prefixCls: customizePrefixCls } = props;
|
||||||
|
const { getPrefixCls } = React.useContext(ConfigContext);
|
||||||
|
|
||||||
|
const affixPrefixCls = getPrefixCls('affix', customizePrefixCls);
|
||||||
|
|
||||||
|
const AffixProps: InternalAffixProps = {
|
||||||
|
...props,
|
||||||
|
|
||||||
|
affixPrefixCls,
|
||||||
|
};
|
||||||
|
|
||||||
|
return <Affix {...AffixProps} ref={ref} />;
|
||||||
|
});
|
||||||
|
|
||||||
if (process.env.NODE_ENV !== 'production') {
|
if (process.env.NODE_ENV !== 'production') {
|
||||||
AffixFC.displayName = 'Affix';
|
AffixFC.displayName = 'Affix';
|
||||||
|
@ -24,6 +24,7 @@ Cascade selection box.
|
|||||||
| allowClear | Whether allow clear | boolean | true | |
|
| allowClear | Whether allow clear | boolean | true | |
|
||||||
| autoFocus | If get focus when component mounted | boolean | false | |
|
| autoFocus | If get focus when component mounted | boolean | false | |
|
||||||
| bordered | Whether has border style | boolean | true | |
|
| bordered | Whether has border style | boolean | true | |
|
||||||
|
| clearIcon | The custom clear icon | ReactNode | - | |
|
||||||
| changeOnSelect | (Work on single select) Change value on each selection if set to true, see above demo for details | boolean | false | |
|
| changeOnSelect | (Work on single select) Change value on each selection if set to true, see above demo for details | boolean | false | |
|
||||||
| className | The additional css class | string | - | |
|
| className | The additional css class | string | - | |
|
||||||
| defaultValue | Initial selected value | string\[] \| number\[] | \[] | |
|
| defaultValue | Initial selected value | string\[] \| number\[] | \[] | |
|
||||||
@ -53,6 +54,7 @@ Cascade selection box.
|
|||||||
| onChange | Callback when finishing cascader select | (value, selectedOptions) => void | - | |
|
| onChange | Callback when finishing cascader select | (value, selectedOptions) => void | - | |
|
||||||
| onDropdownVisibleChange | Callback when popup shown or hidden | (value) => void | - | 4.17.0 |
|
| onDropdownVisibleChange | Callback when popup shown or hidden | (value) => void | - | 4.17.0 |
|
||||||
| multiple | Support multiple or not | boolean | - | 4.17.0 |
|
| multiple | Support multiple or not | boolean | - | 4.17.0 |
|
||||||
|
| removeIcon | The custom remove icon | ReactNode | - | |
|
||||||
| searchValue | Set search value,Need work with `showSearch` | string | - | 4.17.0 |
|
| searchValue | Set search value,Need work with `showSearch` | string | - | 4.17.0 |
|
||||||
| onSearch | The callback function triggered when input changed | (search: string) => void | - | 4.17.0 |
|
| onSearch | The callback function triggered when input changed | (search: string) => void | - | 4.17.0 |
|
||||||
| dropdownMenuColumnStyle | The style of the drop-down menu column | CSSProperties | - | |
|
| dropdownMenuColumnStyle | The style of the drop-down menu column | CSSProperties | - | |
|
||||||
|
@ -25,6 +25,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg
|
|||||||
| allowClear | 是否支持清除 | boolean | true | |
|
| allowClear | 是否支持清除 | boolean | true | |
|
||||||
| autoFocus | 自动获取焦点 | boolean | false | |
|
| autoFocus | 自动获取焦点 | boolean | false | |
|
||||||
| bordered | 是否有边框 | boolean | true | |
|
| bordered | 是否有边框 | boolean | true | |
|
||||||
|
| clearIcon | 自定义的选择框清空图标 | ReactNode | - | |
|
||||||
| changeOnSelect | (单选时生效)当此项为 true 时,点选每级菜单选项值都会发生变化,具体见上面的演示 | boolean | false | |
|
| changeOnSelect | (单选时生效)当此项为 true 时,点选每级菜单选项值都会发生变化,具体见上面的演示 | boolean | false | |
|
||||||
| className | 自定义类名 | string | - | |
|
| className | 自定义类名 | string | - | |
|
||||||
| defaultValue | 默认的选中项 | string\[] \| number\[] | \[] | |
|
| defaultValue | 默认的选中项 | string\[] \| number\[] | \[] | |
|
||||||
@ -54,6 +55,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg
|
|||||||
| onChange | 选择完成后的回调 | (value, selectedOptions) => void | - | |
|
| onChange | 选择完成后的回调 | (value, selectedOptions) => void | - | |
|
||||||
| onDropdownVisibleChange | 显示/隐藏浮层的回调 | (value) => void | - | 4.17.0 |
|
| onDropdownVisibleChange | 显示/隐藏浮层的回调 | (value) => void | - | 4.17.0 |
|
||||||
| multiple | 支持多选节点 | boolean | - | 4.17.0 |
|
| multiple | 支持多选节点 | boolean | - | 4.17.0 |
|
||||||
|
| removeIcon | 自定义的多选框清除图标 | ReactNode | - | |
|
||||||
| searchValue | 设置搜索的值,需要与 `showSearch` 配合使用 | string | - | 4.17.0 |
|
| searchValue | 设置搜索的值,需要与 `showSearch` 配合使用 | string | - | 4.17.0 |
|
||||||
| onSearch | 监听搜索,返回输入的值 | (search: string) => void | - | 4.17.0 |
|
| onSearch | 监听搜索,返回输入的值 | (search: string) => void | - | 4.17.0 |
|
||||||
| dropdownMenuColumnStyle | 下拉菜单列的样式 | CSSProperties | - | |
|
| dropdownMenuColumnStyle | 下拉菜单列的样式 | CSSProperties | - | |
|
||||||
|
@ -13790,7 +13790,7 @@ exports[`ConfigProvider components Input configProvider componentSize large 1`]
|
|||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
action="click"
|
action="click"
|
||||||
class="config-input"
|
class="config-input config-input-lg"
|
||||||
type="password"
|
type="password"
|
||||||
value=""
|
value=""
|
||||||
/>
|
/>
|
||||||
|
@ -9,7 +9,7 @@ import devWarning from '../_util/devWarning';
|
|||||||
|
|
||||||
const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`;
|
const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`;
|
||||||
|
|
||||||
export function registerTheme(globalPrefixCls: string, theme: Theme) {
|
export function getStyle(globalPrefixCls: string, theme: Theme) {
|
||||||
const variables: Record<string, string> = {};
|
const variables: Record<string, string> = {};
|
||||||
|
|
||||||
const formatColor = (
|
const formatColor = (
|
||||||
@ -88,15 +88,18 @@ export function registerTheme(globalPrefixCls: string, theme: Theme) {
|
|||||||
key => `--${globalPrefixCls}-${key}: ${variables[key]};`,
|
key => `--${globalPrefixCls}-${key}: ${variables[key]};`,
|
||||||
);
|
);
|
||||||
|
|
||||||
if (canUseDom()) {
|
return `
|
||||||
updateCSS(
|
|
||||||
`
|
|
||||||
:root {
|
:root {
|
||||||
${cssList.join('\n')}
|
${cssList.join('\n')}
|
||||||
}
|
}
|
||||||
`,
|
`.trim();
|
||||||
`${dynamicStyleMark}-dynamic-theme`,
|
}
|
||||||
);
|
|
||||||
|
export function registerTheme(globalPrefixCls: string, theme: Theme) {
|
||||||
|
const style = getStyle(globalPrefixCls, theme);
|
||||||
|
|
||||||
|
if (canUseDom()) {
|
||||||
|
updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
|
||||||
} else {
|
} else {
|
||||||
devWarning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.');
|
devWarning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.');
|
||||||
}
|
}
|
||||||
|
@ -155,7 +155,7 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
|
|||||||
const mergedStatus = getMergedStatus(contextStatus, customStatus);
|
const mergedStatus = getMergedStatus(contextStatus, customStatus);
|
||||||
|
|
||||||
// ===================== Focus warning =====================
|
// ===================== Focus warning =====================
|
||||||
const inputHasPrefixSuffix = hasPrefixSuffix(props);
|
const inputHasPrefixSuffix = hasPrefixSuffix(props) || !!hasFeedback;
|
||||||
const prevHasPrefixSuffix = useRef<boolean>(inputHasPrefixSuffix);
|
const prevHasPrefixSuffix = useRef<boolean>(inputHasPrefixSuffix);
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (inputHasPrefixSuffix && !prevHasPrefixSuffix.current) {
|
if (inputHasPrefixSuffix && !prevHasPrefixSuffix.current) {
|
||||||
@ -206,8 +206,6 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
|
|||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
const withPrefixSuffix = hasPrefixSuffix(props) || hasFeedback;
|
|
||||||
|
|
||||||
// Allow clear
|
// Allow clear
|
||||||
let mergedAllowClear;
|
let mergedAllowClear;
|
||||||
if (typeof allowClear === 'object' && allowClear?.clearIcon) {
|
if (typeof allowClear === 'object' && allowClear?.clearIcon) {
|
||||||
@ -229,13 +227,13 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
|
|||||||
addonAfter={addonAfter && <NoFormStatus>{addonAfter}</NoFormStatus>}
|
addonAfter={addonAfter && <NoFormStatus>{addonAfter}</NoFormStatus>}
|
||||||
addonBefore={addonBefore && <NoFormStatus>{addonBefore}</NoFormStatus>}
|
addonBefore={addonBefore && <NoFormStatus>{addonBefore}</NoFormStatus>}
|
||||||
inputClassName={classNames(
|
inputClassName={classNames(
|
||||||
!withPrefixSuffix && {
|
{
|
||||||
[`${prefixCls}-sm`]: mergedSize === 'small',
|
[`${prefixCls}-sm`]: mergedSize === 'small',
|
||||||
[`${prefixCls}-lg`]: mergedSize === 'large',
|
[`${prefixCls}-lg`]: mergedSize === 'large',
|
||||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||||
[`${prefixCls}-borderless`]: !bordered,
|
[`${prefixCls}-borderless`]: !bordered,
|
||||||
},
|
},
|
||||||
!withPrefixSuffix && getStatusClassNames(prefixCls, mergedStatus),
|
!inputHasPrefixSuffix && getStatusClassNames(prefixCls, mergedStatus),
|
||||||
hashId,
|
hashId,
|
||||||
)}
|
)}
|
||||||
affixWrapperClassName={classNames(
|
affixWrapperClassName={classNames(
|
||||||
|
@ -6,7 +6,7 @@ exports[`Input.Password rtl render component should be rendered correctly in RTL
|
|||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
action="click"
|
action="click"
|
||||||
class="ant-input"
|
class="ant-input ant-input-rtl"
|
||||||
type="password"
|
type="password"
|
||||||
value=""
|
value=""
|
||||||
/>
|
/>
|
||||||
@ -163,7 +163,7 @@ exports[`Input.Password should support size 1`] = `
|
|||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
action="click"
|
action="click"
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
type="password"
|
type="password"
|
||||||
value=""
|
value=""
|
||||||
/>
|
/>
|
||||||
|
@ -5009,7 +5009,7 @@ exports[`renders ./components/input/demo/borderless-debug.md extend context corr
|
|||||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-borderless"
|
class="ant-input-affix-wrapper ant-input-affix-wrapper-borderless"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-borderless"
|
||||||
placeholder="Unbordered"
|
placeholder="Unbordered"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -5053,7 +5053,7 @@ exports[`renders ./components/input/demo/borderless-debug.md extend context corr
|
|||||||
¥
|
¥
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-borderless"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
/>
|
/>
|
||||||
@ -5072,7 +5072,7 @@ exports[`renders ./components/input/demo/borderless-debug.md extend context corr
|
|||||||
¥
|
¥
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input ant-input-disabled"
|
class="ant-input ant-input-disabled ant-input-borderless"
|
||||||
disabled=""
|
disabled=""
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -9161,7 +9161,7 @@ exports[`renders ./components/input/demo/search-input.md extend context correctl
|
|||||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
placeholder="input search text"
|
placeholder="input search text"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -9224,7 +9224,7 @@ exports[`renders ./components/input/demo/search-input.md extend context correctl
|
|||||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
placeholder="input search text"
|
placeholder="input search text"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -9485,7 +9485,7 @@ Array [
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
placeholder="large size"
|
placeholder="large size"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -9555,7 +9555,7 @@ Array [
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-sm"
|
||||||
placeholder="small size"
|
placeholder="small size"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
@ -1226,7 +1226,7 @@ exports[`renders ./components/input/demo/borderless-debug.md correctly 1`] = `
|
|||||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-borderless"
|
class="ant-input-affix-wrapper ant-input-affix-wrapper-borderless"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-borderless"
|
||||||
placeholder="Unbordered"
|
placeholder="Unbordered"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -1270,7 +1270,7 @@ exports[`renders ./components/input/demo/borderless-debug.md correctly 1`] = `
|
|||||||
¥
|
¥
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-borderless"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
/>
|
/>
|
||||||
@ -1289,7 +1289,7 @@ exports[`renders ./components/input/demo/borderless-debug.md correctly 1`] = `
|
|||||||
¥
|
¥
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input ant-input-disabled"
|
class="ant-input ant-input-disabled ant-input-borderless"
|
||||||
disabled=""
|
disabled=""
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -2935,7 +2935,7 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
|
|||||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
placeholder="input search text"
|
placeholder="input search text"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -2998,7 +2998,7 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
|
|||||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
placeholder="input search text"
|
placeholder="input search text"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -3259,7 +3259,7 @@ Array [
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-lg"
|
||||||
placeholder="large size"
|
placeholder="large size"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -3329,7 +3329,7 @@ Array [
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
class="ant-input"
|
class="ant-input ant-input-sm"
|
||||||
placeholder="small size"
|
placeholder="small size"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
@ -7,10 +7,6 @@
|
|||||||
.input-lg() {
|
.input-lg() {
|
||||||
padding: @input-padding-vertical-lg @input-padding-horizontal-lg;
|
padding: @input-padding-vertical-lg @input-padding-horizontal-lg;
|
||||||
font-size: @font-size-lg;
|
font-size: @font-size-lg;
|
||||||
|
|
||||||
input {
|
|
||||||
font-size: @font-size-lg;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-sm() {
|
.input-sm() {
|
||||||
|
@ -41,7 +41,7 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/vJmo00mmgR/Timeline.svg
|
|||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 |
|
| 参数 | 说明 | 类型 | 默认值 |
|
||||||
| --- | --- | --- | --- |
|
| --- | --- | --- | --- |
|
||||||
| color | 指定圆圈颜色 `blue`, `red`, `green`, `gray`,或自定义的色值 | string | `blue` |
|
| color | 指定圆圈颜色 `blue`、`red`、`green`、`gray`,或自定义的色值 | string | `blue` |
|
||||||
| dot | 自定义时间轴点 | ReactNode | - |
|
| dot | 自定义时间轴点 | ReactNode | - |
|
||||||
| label | 设置标签 | ReactNode | - |
|
| label | 设置标签 | ReactNode | - |
|
||||||
| position | 自定义节点位置 | `left` \| `right` | - |
|
| position | 自定义节点位置 | `left` \| `right` | - |
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "antd",
|
"name": "antd",
|
||||||
"version": "4.19.1",
|
"version": "4.19.2",
|
||||||
"description": "An enterprise-class UI design language and React components implementation",
|
"description": "An enterprise-class UI design language and React components implementation",
|
||||||
"title": "Ant Design",
|
"title": "Ant Design",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
@ -131,10 +131,10 @@
|
|||||||
"rc-dropdown": "~3.3.2",
|
"rc-dropdown": "~3.3.2",
|
||||||
"rc-field-form": "~1.24.0",
|
"rc-field-form": "~1.24.0",
|
||||||
"rc-image": "~5.2.5",
|
"rc-image": "~5.2.5",
|
||||||
"rc-input": "^0.0.1-alpha.5",
|
"rc-input": "~0.0.1-alpha.5",
|
||||||
"rc-input-number": "~7.3.0",
|
"rc-input-number": "~7.3.0",
|
||||||
"rc-mentions": "~1.6.1",
|
"rc-mentions": "~1.6.1",
|
||||||
"rc-menu": "~9.2.1",
|
"rc-menu": "~9.3.2",
|
||||||
"rc-motion": "^2.4.4",
|
"rc-motion": "^2.4.4",
|
||||||
"rc-notification": "~4.5.7",
|
"rc-notification": "~4.5.7",
|
||||||
"rc-pagination": "~3.1.9",
|
"rc-pagination": "~3.1.9",
|
||||||
@ -142,7 +142,7 @@
|
|||||||
"rc-progress": "~3.2.1",
|
"rc-progress": "~3.2.1",
|
||||||
"rc-rate": "~2.9.0",
|
"rc-rate": "~2.9.0",
|
||||||
"rc-resize-observer": "^1.2.0",
|
"rc-resize-observer": "^1.2.0",
|
||||||
"rc-select": "~14.0.0-alpha.15",
|
"rc-select": "~14.0.2",
|
||||||
"rc-slider": "~10.0.0-alpha.4",
|
"rc-slider": "~10.0.0-alpha.4",
|
||||||
"rc-steps": "~4.1.0",
|
"rc-steps": "~4.1.0",
|
||||||
"rc-switch": "~3.2.0",
|
"rc-switch": "~3.2.0",
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
const chalk = require('chalk');
|
const chalk = require('chalk');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const fetch = require('isomorphic-fetch');
|
const fetch = require('isomorphic-fetch');
|
||||||
const simpleGit = require('simple-git/promise');
|
const simpleGit = require('simple-git');
|
||||||
|
|
||||||
const cwd = process.cwd();
|
const cwd = process.cwd();
|
||||||
const git = simpleGit(cwd);
|
const git = simpleGit(cwd);
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
const path = require('path');
|
const path = require('path');
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const simpleGit = require('simple-git/promise');
|
const simpleGit = require('simple-git');
|
||||||
const _ = require('lodash');
|
const _ = require('lodash');
|
||||||
|
|
||||||
const cwd = process.cwd();
|
const cwd = process.cwd();
|
||||||
|
@ -7,7 +7,7 @@ const fetch = require('isomorphic-fetch');
|
|||||||
const open = require('open');
|
const open = require('open');
|
||||||
const fs = require('fs-extra');
|
const fs = require('fs-extra');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const simpleGit = require('simple-git/promise');
|
const simpleGit = require('simple-git');
|
||||||
const inquirer = require('inquirer');
|
const inquirer = require('inquirer');
|
||||||
|
|
||||||
const { JSDOM } = jsdom;
|
const { JSDOM } = jsdom;
|
||||||
|
Loading…
Reference in New Issue
Block a user