diff --git a/.github/workflows/compressed-size.yml b/.github/workflows/compressed-size.yml index 1c88a91861..c3fa8b6767 100644 --- a/.github/workflows/compressed-size.yml +++ b/.github/workflows/compressed-size.yml @@ -11,7 +11,7 @@ jobs: CI_JOB_NUMBER: 1 steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 - uses: preactjs/compressed-size-action@v2 with: repo-token: "${{ secrets.GITHUB_TOKEN }}" diff --git a/.github/workflows/issue-open-check.yml b/.github/workflows/issue-open-check.yml index 659fe0cdce..34afcd6dcd 100644 --- a/.github/workflows/issue-open-check.yml +++ b/.github/workflows/issue-open-check.yml @@ -8,14 +8,14 @@ jobs: issue-open-check: runs-on: ubuntu-latest steps: - - uses: actions-cool/check-user-permission@v1 + - uses: actions-cool/check-user-permission@v2 id: checkUser with: require: 'write' check-bot: true - name: check invalid - if: (contains(github.event.issue.body, 'ant-design-issue-helper') == false) && (steps.checkUser.outputs.result == 'false') + if: (contains(github.event.issue.body, 'ant-design-issue-helper') == false) && (steps.checkUser.outputs.require-result == 'false') uses: actions-cool/issues-helper@v3 with: actions: 'create-comment,add-labels,close-issue' @@ -83,6 +83,6 @@ jobs: with: DING_TALK_TOKEN: ${{ secrets.DINGDING_BOT_TOKEN }} notify_title: '🔥 @${{ github.event.issue.user.login }} 创建了 issue：${{ github.event.issue.title }}' - notify_body: '### 🔥 @${{ github.event.issue.user.login }} 创建了 issue：[${{ github.event.issue.title }}](${{ github.event.issue.html_url }})
${{ github.event.issue.body }}' + notify_body: '### 🔥 @${{ github.event.issue.user.login }} 创建了 issue：[${{ github.event.issue.title }}](${{ github.event.issue.html_url }})
![](https://gw.alipayobjects.com/zos/antfincdn/5Cl2G7JjF/jieping2022-03-20%252520xiawu11.06.04.png)' notify_footer: '> 💬 欢迎前往 GitHub 进行讨论，社区可能需要你的帮助。' at_all: false # whether to ding everybody diff --git a/.github/workflows/issues-similarity-analysis.yml b/.github/workflows/issues-similarity-analysis.yml index 89daa1877e..8a378357f6 100644 --- a/.github/workflows/issues-similarity-analysis.yml +++ b/.github/workflows/issues-similarity-analysis.yml @@ -9,7 +9,7 @@ jobs: runs-on: ubuntu-latest steps: - name: analysis - uses: actions-cool/issues-similarity-analysis@v1.0.0 + uses: actions-cool/issues-similarity-analysis@v1.1.0 with: filter-threshold: 0.5 title-excludes: '' diff --git a/.github/workflows/preview-build.yml b/.github/workflows/preview-build.yml index 16bb7253a7..542edd5fb5 100644 --- a/.github/workflows/preview-build.yml +++ b/.github/workflows/preview-build.yml @@ -13,10 +13,10 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: cache package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} @@ -32,7 +32,7 @@ jobs: cp package-lock.json package-temp-dir - name: cache node_modules id: node_modules_cache_id - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -47,16 +47,16 @@ jobs: needs: setup steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -68,7 +68,7 @@ jobs: SITE_ENV: development - name: upload site artifact - uses: actions/upload-artifact@v2 + uses: actions/upload-artifact@v3 with: name: site path: _site/ @@ -81,7 +81,7 @@ jobs: - name: Upload PR number if: ${{ always() }} - uses: actions/upload-artifact@v2 + uses: actions/upload-artifact@v3 with: name: pr path: ./pr-id.txt diff --git a/.github/workflows/rebase.yml b/.github/workflows/rebase.yml index 0d4b713e9b..facf27780b 100644 --- a/.github/workflows/rebase.yml +++ b/.github/workflows/rebase.yml @@ -10,7 +10,7 @@ jobs: if: github.event.issue.pull_request != '' && (contains(github.event.comment.body, '/rebase') || contains(github.event.comment.body, '\rebase')) runs-on: ubuntu-latest steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 with: fetch-depth: 0 - name: Automatic Rebase diff --git a/.github/workflows/site-deploy.yml b/.github/workflows/site-deploy.yml index 77008b5bf5..57553c24fd 100644 --- a/.github/workflows/site-deploy.yml +++ b/.github/workflows/site-deploy.yml @@ -10,10 +10,10 @@ jobs: if: github.event.ref_type == 'tag' && (contains(github.event.ref, '-') == false) steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: cache package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} @@ -29,7 +29,7 @@ jobs: cp package-lock.json package-temp-dir - name: cache node_modules id: node_modules_cache_id - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -43,16 +43,16 @@ jobs: needs: setup steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index ff2cbddba1..d8408a8187 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -9,10 +9,10 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: cache package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} @@ -28,7 +28,7 @@ jobs: cp package-lock.json package-temp-dir - name: cache node_modules id: node_modules_cache_id - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -41,28 +41,28 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} - name: cache lib - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: lib key: lib-${{ github.sha }} - name: cache es - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: es key: es-${{ github.sha }} @@ -78,16 +78,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -100,16 +100,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -122,16 +122,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -145,16 +145,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -171,16 +171,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -194,22 +194,22 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} - name: restore cache from lib - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: lib key: lib-${{ github.sha }} @@ -225,22 +225,22 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} - name: restore cache from es - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: es key: es-${{ github.sha }} @@ -256,16 +256,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -296,16 +296,16 @@ jobs: REACT: 16 steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -324,16 +324,16 @@ jobs: REACT: 16 steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -352,22 +352,22 @@ jobs: REACT: 16 steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} - name: restore cache from lib - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: lib key: lib-${{ github.sha }} @@ -388,22 +388,22 @@ jobs: REACT: 16 steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} - name: restore cache from es - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: es key: es-${{ github.sha }} @@ -424,16 +424,16 @@ jobs: REACT: 16 steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -460,16 +460,16 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: restore cache from package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} - name: restore cache from node_modules - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} diff --git a/.github/workflows/ui.yml b/.github/workflows/ui.yml index daace2e28e..be150568ec 100644 --- a/.github/workflows/ui.yml +++ b/.github/workflows/ui.yml @@ -12,10 +12,10 @@ jobs: runs-on: ubuntu-latest steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: cache package-lock.json - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: package-temp-dir key: lock-${{ github.sha }} @@ -31,7 +31,7 @@ jobs: cp package-lock.json package-temp-dir - name: cache node_modules id: node_modules_cache_id - uses: actions/cache@v2 + uses: actions/cache@v3 with: path: node_modules key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }} @@ -44,7 +44,7 @@ jobs: run: npm run test-image - name: upload snapshots artifact - uses: actions/upload-artifact@v2 + uses: actions/upload-artifact@v3 with: name: snapshots path: imageSnapshots/ @@ -60,7 +60,7 @@ jobs: - name: Upload commit if: ${{ always() }} - uses: actions/upload-artifact@v2 + uses: actions/upload-artifact@v3 with: name: commit path: ./commit.txt @@ -75,7 +75,7 @@ jobs: - name: Upload branch if: ${{ always() }} - uses: actions/upload-artifact@v2 + uses: actions/upload-artifact@v3 with: name: branch path: ./branch.txt diff --git a/.github/workflows/verify-package-version.yml b/.github/workflows/verify-package-version.yml index f73bcbb418..23ad7572f4 100644 --- a/.github/workflows/verify-package-version.yml +++ b/.github/workflows/verify-package-version.yml @@ -9,7 +9,7 @@ jobs: runs-on: ubuntu-latest if: contains(github.event.pull_request.title, 'changelog') || contains(github.event.pull_request.title, 'release') steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 - name: verify-version uses: actions-cool/verify-package-version@v1 with: diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md index 3e2711b40b..781042b78e 100644 --- a/CHANGELOG.en-US.md +++ b/CHANGELOG.en-US.md @@ -15,6 +15,21 @@ timeline: true --- +## 4.19.3 + +`2022-03-21` + +- 🐞 Fix TextArea `clearIcon` color. [#34610](https://github.com/ant-design/ant-design/pull/34610) +- 🐞 Fix: apply scale transform to disabled star. [#34547](https://github.com/ant-design/ant-design/pull/34547) [@Unuuuuu](https://github.com/Unuuuuu) +- 🐞 Fix Tooltip arrow color with preset. [#34548](https://github.com/ant-design/ant-design/pull/34548) +- 🐞 Fixed number abnormal position display in Badge RTL mode. [#34545](https://github.com/ant-design/ant-design/pull/34545) +- 💄 Fix numeric Row and Col class styles when using prefixCls. [#34494](https://github.com/ant-design/ant-design/pull/34494) [@mic-web](https://github.com/mic-web) +- 🐞 Fix Editable Textarea height jump in Firefox and Editable Typography.Title confirm icon position. [#34518](https://github.com/ant-design/ant-design/pull/34518) +- 💄 Fix missing `status` style in RangePicker. [#34509](https://github.com/ant-design/ant-design/pull/34509) +- 🛎 Add warning for Input getting blurred when dynamically add `hasFeedback`. [#34475](https://github.com/ant-design/ant-design/pull/34475) +- 🐞 Fix missing classname in input when Input has `prefix` or `suffix`. [#34474](https://github.com/ant-design/ant-design/pull/34474) +- 🌐 Updated it_LT locale for `typeTemplate`. [#34567](https://github.com/ant-design/ant-design/pull/34567) [@Anizcus](https://gitit_LTit_LThub.com/Anizcus) + ## 4.19.2 `2022-03-13` diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md index 3c2456cfcd..dfc29b4d77 100644 --- a/CHANGELOG.zh-CN.md +++ b/CHANGELOG.zh-CN.md @@ -15,6 +15,21 @@ timeline: true --- +## 4.19.3 + +`2022-03-21` + +- 🐞 修复 TextArea `clearIcon` 的颜色问题。[#34610](https://github.com/ant-design/ant-design/pull/34610) +- 🐞 修复 Rate 下 disabled 时依然有 hover 效果的问题。[#34547](https://github.com/ant-design/ant-design/pull/34547) [@Unuuuuu](https://github.com/Unuuuuu) +- 🐞 修复 Tooltip 使用预设颜色时 arrow 颜色错误的问题。[#34548](https://github.com/ant-design/ant-design/pull/34548) +- 🐞 修复 Badge 数字 RTL 模式下异常位置显示。[#34545](https://github.com/ant-design/ant-design/pull/34545) +- 💄 修复使用 `prefixCls` 时的数字 Row 和 Col 类样式问题。[#34494](https://github.com/ant-design/ant-design/pull/34494) [@mic-web](https://github.com/mic-web) +- 🐞 修复 Typography `editable` 切换时在 Firefox 下高度跳动 和 Typography.Title `editable` 确定图标错位的问题。[#34518](https://github.com/ant-design/ant-design/pull/34518) +- 💄 修复 RangePicker `status` 相关样式丢失的问题。[#34509](https://github.com/ant-design/ant-design/pull/34509) +- 🛎 为动态改变 Form.Item 的 `hasFeedback` 时 Input 焦点丢失添加警告。[#34475](https://github.com/ant-design/ant-design/pull/34475) +- 🐞 修复 Input 有 `prefix` 或者 `suffix` 时 input 缺少某些 className 的问题。[#34474](https://github.com/ant-design/ant-design/pull/34474) +- 🌐 更新 it_LT 的 locale。[#34567](https://github.com/ant-desin/ant-design/pull/34567) [@Anizcus](https://github.com/Anizcus) + ## 4.19.2 `2022-03-13` diff --git a/README-ja_JP.md b/README-ja_JP.md new file mode 100644 index 0000000000..66a2fa879f --- /dev/null +++ b/README-ja_JP.md @@ -0,0 +1,161 @@ +

+ + + +

+ +

Ant Design

+ +
+ +エンタープライズクラスの UI 設計言語と React UI ライブラリです。 + +[![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url] + +[![Renovate status][renovate-image]][renovate-dashboard-url] [![Total alerts][lgtm-image]][lgtm-url] [![][bundlesize-js-image]][unpkg-js-url] [![][bundlesize-css-image]][unpkg-css-url] + +[![Follow Twitter][twitter-image]][twitter-url] [![FOSSA Status][fossa-image]][fossa-url] [![Discussions][discussions-image]][discussions-url] [![][issues-helper-image]][issues-helper-url] [![Issues need help][help-wanted-image]][help-wanted-url] + +[npm-image]: http://img.shields.io/npm/v/antd.svg?style=flat-square +[npm-url]: http://npmjs.org/package/antd +[github-action-image]: https://github.com/ant-design/ant-design/workflows/%E2%9C%85%20test/badge.svg +[github-action-url]: https://github.com/ant-design/ant-design/actions?query=workflow%3A%22%E2%9C%85+test%22 +[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/ant-design/master.svg?style=flat-square +[codecov-url]: https://codecov.io/gh/ant-design/ant-design/branch/master +[download-image]: https://img.shields.io/npm/dm/antd.svg?style=flat-square +[download-url]: https://npmjs.org/package/antd +[lgtm-image]: https://flat.badgen.net/lgtm/alerts/g/ant-design/ant-design +[lgtm-url]: https://lgtm.com/projects/g/ant-design/ant-design/alerts/ +[fossa-image]: https://app.fossa.io/api/projects/git%2Bgithub.com%2Fant-design%2Fant-design.svg?type=shield +[fossa-url]: https://app.fossa.io/projects/git%2Bgithub.com%2Fant-design%2Fant-design?ref=badge_shield +[help-wanted-image]: https://flat.badgen.net/github/label-issues/ant-design/ant-design/help%20wanted/open +[help-wanted-url]: https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22 +[twitter-image]: https://img.shields.io/twitter/follow/AntDesignUI.svg?label=Ant%20Design&style=social +[twitter-url]: https://twitter.com/AntDesignUI +[discussions-image]: https://img.shields.io/badge/discussions-on%20github-blue?style=flat-square +[discussions-url]: https://github.com/ant-design/ant-design/discussions +[bundlesize-js-image]: https://img.badgesize.io/https:/unpkg.com/antd/dist/antd.min.js?label=antd.min.js&compression=gzip&style=flat-square +[bundlesize-css-image]: https://img.badgesize.io/https:/unpkg.com/antd/dist/antd.min.css?label=antd.min.css&compression=gzip&style=flat-square +[unpkg-js-url]: https://unpkg.com/browse/antd/dist/antd.min.js +[unpkg-css-url]: https://unpkg.com/browse/antd/dist/antd.min.css +[issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square +[issues-helper-url]: https://github.com/actions-cool/issues-helper +[renovate-image]: https://img.shields.io/badge/renovate-enabled-brightgreen.svg?style=flat-square +[renovate-dashboard-url]: https://github.com/ant-design/ant-design/issues/32498 + +
+ +[![](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Yl83RJhUE7kAAAAAAAAAAABkARQnAQ)](https://ant.design) + +[English](./README.md) | [Português](./README-pt_BR.md) | [简体中文](./README-zh_CN.md) | [Українською](./README-uk_UA.md) | [Spanish](./README-sp_MX.md) | 日本語 + +## ✨ 機能 + +- 🌈 ウェブアプリケーション用に設計されたエンタープライズクラスの UI。 +- 📦 高品質な React コンポーネントのセットが箱から出されます。 +- 🛡 TypeScript で書かれており、予測可能な静的型がある。 +- ⚙️ デザインリソースと開発ツールの全体的なパッケージ。 +- 🌍 数十の言語に対応した国際化サポート。 +- 🎨 強力なテーマのカスタマイズを細部にわたって実現。 + +## 🖥 環境対応 + +- モダンブラウザ、Internet Explorer 11 (with [polyfills](https://stackoverflow.com/questions/57020976/polyfills-in-2019-for-ie11)) +- サーバーサイド レンダリング +- [Electron](https://www.electronjs.org/) + +| [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | [Electron](http://godban.github.io/browsers-support-badges/)
Electron | +| --- | --- | --- | --- | --- | +| IE11, Edge | 直近の 2 バージョン | 直近の 2 バージョン | 直近の 2 バージョン | 直近の 2 バージョン | + +## 📦 インストール + +```bash +npm install antd +``` + +```bash +yarn add antd +``` + +## 🔨 使い方 + +```jsx +import { Button, DatePicker } from 'antd'; + +const App = () => ( + <> + + + +); +``` + +そして、手動でスタイルをインポートする: + +```jsx +import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' +``` + +### TypeScript + +`antd` は TypeScript で書かれており、完全な定義がなされています。まずは [TypeScript で使う](https://ant.design/docs/react/use-in-typescript)をチェックしてください。 + +## 🌍 国際化対応 + +数十の言語が `antd` でサポートされています。[i18n](https://ant.design/docs/react/i18n) を参照してください。 + +## 🔗 リンク + +- [ホームページ](https://ant.design/) +- [コンポーネントの概要](https://ant.design/components/overview) +- [Ant Design Pro](http://pro.ant.design/) +- [変更ログ](CHANGELOG.en-US.md) +- [rc-components](http://react-component.github.io/) +- [Mobile UI](http://mobile.ant.design) +- [Ant Design Pro コンポーネント](https://procomponents.ant.design) +- [Ant Design チャート](https://charts.ant.design) +- [Ant Design アイコン](https://github.com/ant-design/ant-design-icons) +- [Ant Design カラー](https://github.com/ant-design/ant-design-colors) +- [ランディングページ](https://landing.ant.design) +- [動作](https://motion.ant.design) +- [足場マーケット](http://scaffold.ant.design) +- [開発者向けインストラクション](https://github.com/ant-design/ant-design/wiki/Development) +- [バージョン管理リリースノート](https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B) +- [FAQ](https://ant.design/docs/react/faq) +- バグレポート用の [CodeSandbox テンプレート](https://u.ant.design/codesandbox-repro) +- [テーマのカスタマイズ](https://ant.design/docs/react/customize-theme) +- [コラボレーターへの応募方法](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator) + +## ⌨️ 開発 + +GitHub の無料オンライン開発環境である Gitpod を利用する。 + +[![Gitpod で開く](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ant-design/ant-design) + +またはローカルにクローンする: + +```bash +$ git clone git@github.com:ant-design/ant-design.git +$ cd ant-design +$ npm install +$ npm start +``` + +ブラウザを起動し、http://127.0.0.1:8001 にアクセスして[開発セクション](https://github.com/ant-design/ant-design/wiki/Development)の続きをもっと見る. + +## 🤝 貢献 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) + +[貢献ガイド](https://ant.design/docs/react/contributing)を読んで、よりよい antd を一緒の作り上げましょう。 + +すべての貢献に感謝します。まずは [CONTRIBUTING.md](https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md) をお読みください. どんなアイデアも [Pull Request](https://github.com/ant-design/ant-design/pulls) や [GitHub issues](https://github.com/ant-design/ant-design/issues) で応募することができます. コードの改良をしたい方は、[開発手順](https://github.com/ant-design/ant-design/wiki/Development) を確認してください。あとは楽しみましょう! :) + +コラボレーターの方は、[コラボレーター テンプレート](https://github.com/ant-design/ant-design/compare?expand=1&template=collaborator.md)を使い、Pull Request を作成するための[プルリクエストの原則](https://github.com/ant-design/ant-design/wiki/PR-principle)に従ってください。 + +[![このレポジトリの課題に資金を提供しよう](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/repos/34526884) + +## ❤️ スポンサーと後援者 [![](https://opencollective.com/ant-design/tiers/sponsors/badge.svg?label=Sponsors&color=brightgreen)](https://opencollective.com/ant-design#support) [![](https://opencollective.com/ant-design/tiers/backers/badge.svg?label=Backers&color=brightgreen)](https://opencollective.com/ant-design#support) + +[![](https://opencollective.com/ant-design/tiers/sponsors.svg?avatarHeight=36)](https://opencollective.com/ant-design#support) + +[![](https://opencollective.com/ant-design/tiers/backers.svg?avatarHeight=36)](https://opencollective.com/ant-design#support) diff --git a/README-pt_BR.md b/README-pt_BR.md index 4c25709566..06815ae956 100644 --- a/README-pt_BR.md +++ b/README-pt_BR.md @@ -49,7 +49,7 @@ Uma solução empresarial de design e biblioteca UI para React. [![](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Yl83RJhUE7kAAAAAAAAAAABkARQnAQ)](https://ant.design) -[English](./README.md) | Português | [简体中文](./README-zh_CN.md) | [Українською](./README-uk_UA.md) | [Spanish](./README-sp_MX.md) +[English](./README.md) | Português | [简体中文](./README-zh_CN.md) | [Українською](./README-uk_UA.md) | [Spanish](./README-sp_MX.md) | [日本語](./README-ja_JP.md) ## ✨ Funcionalidades diff --git a/README-sp_MX.md b/README-sp_MX.md index b3862b1b49..5760db9226 100644 --- a/README-sp_MX.md +++ b/README-sp_MX.md @@ -47,7 +47,7 @@ Un lenguaje de diseño de interfaz de usuario de clase empresarial y una bibliot [![](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Yl83RJhUE7kAAAAAAAAAAABkARQnAQ)](https://ant.design) -[English](./README.md) | [Português](./README-pt_BR.md) | [简体中文](./README-zh_CN.md) | [Українською](./README-uk_UA.md) | Spanish +[English](./README.md) | [Português](./README-pt_BR.md) | [简体中文](./README-zh_CN.md) | [Українською](./README-uk_UA.md) | Spanish | [日本語](./README-ja_JP.md) ## ✨ Características @@ -68,7 +68,7 @@ Un lenguaje de diseño de interfaz de usuario de clase empresarial y una bibliot | --- | --- | --- | --- | --- | | IE11, Edge | últimas 2 versiones | últimas 2 versiones | últimas 2 versiones | últimas 2 versiones | -## 📦 Instalar +## 📦 Instalar ```bash npm install antd diff --git a/README-uk_UA.md b/README-uk_UA.md index 2d27c749d3..41cb91b07b 100644 --- a/README-uk_UA.md +++ b/README-uk_UA.md @@ -49,7 +49,7 @@ [![](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Yl83RJhUE7kAAAAAAAAAAABkARQnAQ)](https://ant.design) -[English](./README.md) | [Português](./README-pt_BR.md) | [简体中文](./README-zh_CN.md) | Українською | [Spanish](./README-sp_MX.md) +[English](./README.md) | [Português](./README-pt_BR.md) | [简体中文](./README-zh_CN.md) | Українською | [Spanish](./README-sp_MX.md) | [日本語](./README-ja_JP.md) ## ✨ Особливості diff --git a/README-zh_CN.md b/README-zh_CN.md index 513098db8a..fcdd4b926c 100644 --- a/README-zh_CN.md +++ b/README-zh_CN.md @@ -49,7 +49,7 @@ [![](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Ey3wTo-5__QAAAAAAAAAAABkARQnAQ)](https://ant.design/index-cn) -[English](./README.md) | [Português](./README-pt_BR.md) | 简体中文 | [Українською](./README-uk_UA.md) | [Spanish](./README-sp_MX.md) +[English](./README.md) | [Português](./README-pt_BR.md) | 简体中文 | [Українською](./README-uk_UA.md) | [Spanish](./README-sp_MX.md) | [日本語](./README-ja_JP.md) ## ✨ 特性 diff --git a/components/affix/index.tsx b/components/affix/index.tsx index b54374d4d5..7ef87c33c6 100644 --- a/components/affix/index.tsx +++ b/components/affix/index.tsx @@ -34,7 +34,7 @@ export interface AffixProps { children: React.ReactNode; } -export interface InternalAffixProps extends AffixProps { +interface InternalAffixProps extends AffixProps { affixPrefixCls: string; rootClassName: string; } diff --git a/components/back-top/style/responsive.less b/components/back-top/style/responsive.less index 7b21a85009..9d5da95b92 100644 --- a/components/back-top/style/responsive.less +++ b/components/back-top/style/responsive.less @@ -1,11 +1,21 @@ @media screen and (max-width: @screen-md) { .@{backtop-prefix-cls} { right: 60px; + + &-rtl { + right: auto; + left: 60px; + } } } @media screen and (max-width: @screen-xs) { .@{backtop-prefix-cls} { right: 20px; + + &-rtl { + right: auto; + left: 20px; + } } } diff --git a/components/badge/style/rtl.less b/components/badge/style/rtl.less index a322596929..e760ccc9b7 100644 --- a/components/badge/style/rtl.less +++ b/components/badge/style/rtl.less @@ -30,6 +30,19 @@ } } } + + &-zoom-appear, + &-zoom-enter { + .@{badge-prefix-cls}-rtl & { + animation-name: antZoomBadgeInRtl; + } + } + + &-zoom-leave { + .@{badge-prefix-cls}-rtl & { + animation-name: antZoomBadgeOutRtl; + } + } } .@{ribbon-prefix-cls}-rtl { @@ -65,3 +78,25 @@ } } } + +@keyframes antZoomBadgeInRtl { + 0% { + transform: scale(0) translate(-50%, -50%); + opacity: 0; + } + + 100% { + transform: scale(1) translate(-50%, -50%); + } +} + +@keyframes antZoomBadgeOutRtl { + 0% { + transform: scale(1) translate(-50%, -50%); + } + + 100% { + transform: scale(0) translate(-50%, -50%); + opacity: 0; + } +} diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js index bbc8a546d6..33dc25d249 100644 --- a/components/calendar/__tests__/index.test.js +++ b/components/calendar/__tests__/index.test.js @@ -403,4 +403,20 @@ describe('Calendar', () => { ); expect(wrapper.find('.bamboo').first().text()).toEqual('Light'); }); + + it('when fullscreen is false, the element returned by dateFullCellRender should be interactive', () => { + const onClick = jest.fn(); + const wrapper = mount( + ( +
+ Light +
+ )} + />, + ); + wrapper.find('.bamboo').first().simulate('click'); + expect(onClick).toBeCalled(); + }); }); diff --git a/components/calendar/style/index.less b/components/calendar/style/index.less index af0e8a4a6d..18f7384268 100644 --- a/components/calendar/style/index.less +++ b/components/calendar/style/index.less @@ -70,6 +70,10 @@ line-height: 18px; } } + + .@{calendar-picker-prefix-cls}-cell::before { + pointer-events: none; + } } // ========================== Full ========================== diff --git a/components/drawer/index.en-US.md b/components/drawer/index.en-US.md index f0e2797689..07430fff37 100644 --- a/components/drawer/index.en-US.md +++ b/components/drawer/index.en-US.md @@ -22,20 +22,20 @@ A Drawer is a panel that is typically overlaid on top of a page and slides in fr | --- | --- | --- | --- | --- | | autoFocus | Whether Drawer should get focused after open | boolean | true | 4.17.0 | | afterVisibleChange | Callback after the animation ends when switching drawers | function(visible) | - | | -| bodyStyle | Style of the drawer content part | object | - | | +| bodyStyle | Style of the drawer content part | CSSProperties | - | | | className | The class name of the container of the Drawer dialog | string | - | | | closable | Whether a close (x) button is visible on top left of the Drawer dialog or not | boolean | true | | | closeIcon | Custom close icon | ReactNode | <CloseOutlined /> | | | contentWrapperStyle | Style of the drawer wrapper of content part | CSSProperties | - | | | destroyOnClose | Whether to unmount child components on closing drawer or not | boolean | false | | -| drawerStyle | Style of the popup layer element | object | - | | +| drawerStyle | Style of the popup layer element | CSSProperties | - | | | extra | Extra actions area at corner | ReactNode | - | 4.17.0 | | footer | The footer for Drawer | ReactNode | - | | | footerStyle | Style of the drawer footer part | CSSProperties | - | | | forceRender | Prerender Drawer component forcely | boolean | false | | | getContainer | Return the mounted node for Drawer | HTMLElement \| () => HTMLElement \| Selectors \| false | body | | -| headerStyle | Style of the drawer header part | object | - | | -| height | Placement is `top` or `bottom`, height of the Drawer dialog | string \| number | 256 | | +| headerStyle | Style of the drawer header part | CSSProperties | - | | +| height | Placement is `top` or `bottom`, height of the Drawer dialog | string \| number | 378 | | | keyboard | Whether support press esc to close | boolean | true | | | mask | Whether to show mask or not | boolean | true | | | maskClosable | Clicking on the mask (area outside the Drawer) to close the Drawer or not | boolean | true | | diff --git a/components/drawer/index.zh-CN.md b/components/drawer/index.zh-CN.md index 9cb863d745..2008b29e4c 100644 --- a/components/drawer/index.zh-CN.md +++ b/components/drawer/index.zh-CN.md @@ -34,7 +34,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg | forceRender | 预渲染 Drawer 内元素 | boolean | false | | | getContainer | 指定 Drawer 挂载的 HTML 节点, false 为挂载在当前 dom | HTMLElement \| () => HTMLElement \| Selectors \| false | body | | | headerStyle | 用于设置 Drawer 头部的样式 | CSSProperties | - | | -| height | 高度, 在 `placement` 为 `top` 或 `bottom` 时使用 | string \| number | 256 | | +| height | 高度, 在 `placement` 为 `top` 或 `bottom` 时使用 | string \| number | 378 | | | keyboard | 是否支持键盘 esc 关闭 | boolean | true | | | mask | 是否展示遮罩 | boolean | true | | | maskClosable | 点击蒙层是否允许关闭 | boolean | true | | diff --git a/components/input/style/allow-clear.less b/components/input/style/allow-clear.less index be370d87e5..946541ef4f 100644 --- a/components/input/style/allow-clear.less +++ b/components/input/style/allow-clear.less @@ -2,6 +2,7 @@ @input-prefix-cls: ~'@{ant-prefix}-input'; // ========================= Input ========================= +.@{iconfont-css-prefix}.@{ant-prefix}-input-clear-icon, .@{ant-prefix}-input-clear-icon { margin: 0; color: @disabled-color; diff --git a/components/layout/__tests__/index.test.js b/components/layout/__tests__/index.test.js index 079629b055..ba35bc6378 100644 --- a/components/layout/__tests__/index.test.js +++ b/components/layout/__tests__/index.test.js @@ -6,7 +6,7 @@ import Menu from '../../menu'; import mountTest from '../../../tests/shared/mountTest'; import rtlTest from '../../../tests/shared/rtlTest'; -const { Sider, Content } = Layout; +const { Sider, Content, Footer, Header } = Layout; describe('Layout', () => { mountTest(Layout); @@ -285,15 +285,19 @@ describe('Sider', () => { expect(wrapper.find('.ant-layout-sider-zero-width-trigger').find('.my-trigger').length).toBe(1); }); - it('should get aside element from ref', () => { - const ref = React.createRef(); - const onSelect = jest.fn(); - - mount( - - Sider - , - ); - expect(ref.current instanceof HTMLElement).toBe(true); + ['Layout', 'Header', 'Footer', 'Sider'].forEach(tag => { + const ComponentMap = { Layout, Header, Footer, Sider }; + it(`should get ${tag} element from ref`, () => { + const ref = React.createRef(); + const onSelect = jest.fn(); + const Component = ComponentMap[tag]; + + mount( + + {tag} + , + ); + expect(ref.current instanceof HTMLElement).toBe(true); + }); }); }); diff --git a/components/layout/index.tsx b/components/layout/index.tsx index 9a7b9560e9..39ece6d9c6 100644 --- a/components/layout/index.tsx +++ b/components/layout/index.tsx @@ -1,10 +1,12 @@ -import InternalLayout, { BasicProps, Content, Footer, Header } from './layout'; +import InternalLayout, { Content, Footer, Header } from './layout'; import Sider from './Sider'; export { BasicProps as LayoutProps } from './layout'; export { SiderProps } from './Sider'; -interface LayoutType extends React.FC { +type InternalLayoutType = typeof InternalLayout; + +interface LayoutType extends InternalLayoutType { Header: typeof Header; Footer: typeof Footer; Content: typeof Content; diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx index f9a3b0c088..cd82dc924c 100644 --- a/components/layout/layout.tsx +++ b/components/layout/layout.tsx @@ -31,25 +31,25 @@ interface BasicPropsWithTagName extends BasicProps { function generator({ suffixCls, tagName, displayName }: GeneratorProps) { return (BasicComponent: any) => { - const Adapter: React.FC = props => { + const Adapter = React.forwardRef((props, ref) => { const { getPrefixCls } = React.useContext(ConfigContext); const { prefixCls: customizePrefixCls } = props; const prefixCls = getPrefixCls(suffixCls, customizePrefixCls); - return ; - }; + return ; + }); Adapter.displayName = displayName; return Adapter; }; } -const Basic = (props: BasicPropsWithTagName) => { +const Basic = React.forwardRef((props, ref) => { const { prefixCls, className, children, tagName, ...others } = props; const classString = classNames(prefixCls, className); - return React.createElement(tagName, { className: classString, ...others }, children); -}; + return React.createElement(tagName, { className: classString, ...others, ref }, children); +}); -const BasicLayout: React.FC = props => { +const BasicLayout = React.forwardRef((props, ref) => { const { direction } = React.useContext(ConfigContext); const [siders, setSiders] = React.useState([]); @@ -80,12 +80,12 @@ const BasicLayout: React.FC = props => { return ( - + {children} ); -}; +}); const Layout = generator({ suffixCls: 'layout', diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap index 48765d3dbe..4f0582ffa0 100644 --- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap +++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap @@ -246411,25 +246411,25 @@ exports[`Locale Provider should display the text as pt 1`] = ` - 2ª + Seg - 3ª + Ter - 4ª + Qua - 5ª + Qui - 6ª + Sex - Sá + Sáb - Do + Dom @@ -248467,25 +248467,25 @@ exports[`Locale Provider should display the text as pt 1`] = ` - 2ª + Seg - 3ª + Ter - 4ª + Qua - 5ª + Qui - 6ª + Sex - Sá + Sáb - Do + Dom @@ -249003,25 +249003,25 @@ exports[`Locale Provider should display the text as pt 1`] = ` - 2ª + Seg - 3ª + Ter - 4ª + Qua - 5ª + Qui - 6ª + Sex - Sá + Sáb - Do + Dom @@ -250042,9 +250042,9 @@ exports[`Locale Provider should display the text as pt 1`] = ` - set + Set - 2ª + Seg - 3ª + Ter - 4ª + Qua - 5ª + Qui - 6ª + Sex - Sá + Sáb - Do + Dom diff --git a/components/message/hooks/useMessage.tsx b/components/message/hooks/useMessage.tsx index 1a2b94baed..3d5b82cc70 100644 --- a/components/message/hooks/useMessage.tsx +++ b/components/message/hooks/useMessage.tsx @@ -12,7 +12,7 @@ import { attachTypeApi, ThenableArgument, getKeyThenIncreaseKey, - NoticeType, + typeList, } from '..'; export default function createUseMessage( @@ -78,9 +78,7 @@ export default function createUseMessage( hookApiRef.current.open = notify; - (['success', 'info', 'warning', 'error', 'loading'] as NoticeType[]).forEach(type => - attachTypeApi(hookApiRef.current, type), - ); + typeList.forEach(type => attachTypeApi(hookApiRef.current, type)); return [ hookApiRef.current, diff --git a/components/message/index.tsx b/components/message/index.tsx index 278ca80a53..9f19058c4a 100755 --- a/components/message/index.tsx +++ b/components/message/index.tsx @@ -13,8 +13,6 @@ import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled'; import createUseMessage from './hooks/useMessage'; import ConfigProvider, { globalConfig } from '../config-provider'; -export type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading'; - let messageInstance: RCNotificationInstance | null; let defaultDuration = 3; let defaultTop: number; @@ -128,6 +126,11 @@ const typeToIcon = { warning: ExclamationCircleFilled, loading: LoadingOutlined, }; + +export type NoticeType = keyof typeof typeToIcon; + +export const typeList = Object.keys(typeToIcon) as NoticeType[]; + export interface ArgsProps { content: React.ReactNode; duration?: number; @@ -247,9 +250,7 @@ export function attachTypeApi(originalApi: MessageApi, type: NoticeType) { }; } -(['success', 'info', 'warning', 'error', 'loading'] as NoticeType[]).forEach(type => - attachTypeApi(api, type), -); +typeList.forEach(type => attachTypeApi(api, type)); api.warn = api.warning; api.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps); diff --git a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap index 12f9fe8a3a..9b68323533 100644 --- a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap +++ b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap @@ -894,14 +894,14 @@ exports[`renders ./components/space/demo/split.md extend context correctly 1`] = exports[`renders ./components/space/demo/vertical.md extend context correctly 1`] = `
+
+
+
+ Card +
+
+
+
+

+ Card content +

+

+ Card content +

+
+
+
+
+
+
+
+
+ Card +
+
+
+
+

+ Card content +

+

+ Card content +

+
+
+
+
+
- + + +

Card content

+

Card content

+ +

Card content

Card content

 - +

Card content

Card content

 diff --git a/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap index 3a85799724..6ca7eeac08 100644 --- a/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap +++ b/components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap @@ -2599,6 +2599,311 @@ Array [ ] `; +exports[`renders ./components/steps/demo/progress-dot-small.md extend context correctly 1`] = ` +Array [ +
+
+
+
+
+ + + +
+
+
+ Finished +
+
+ This is a description. +
+
+
+
+
+
+
+
+ + + +
+
+
+ In Progress +
+
+ This is a description. +
+
+
+
+
+
+
+
+ + + +
+
+
+ Waiting +
+
+ This is a description. +
+
+
+
+
, +