From 550f60ff764970ecae4fdea3a262be05db5b5720 Mon Sep 17 00:00:00 2001 From: miracles1919 <516571350@qq.com> Date: Thu, 31 Mar 2022 14:06:44 +0800 Subject: [PATCH 01/26] docs: update draggable demo with rtl mode (#34785) * docs: update draggable demo with rtl mode * test: update tabs demo snapshot --- .../__tests__/__snapshots__/demo-extend.test.ts.snap | 9 +++------ .../tabs/__tests__/__snapshots__/demo.test.js.snap | 9 +++------ components/tabs/demo/custom-tab-bar-node.md | 6 +++++- 3 files changed, 11 insertions(+), 13 deletions(-) diff --git a/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap index ba07286225..5be629b968 100644 --- a/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap +++ b/components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap @@ -945,8 +945,7 @@ exports[`renders ./components/tabs/demo/custom-tab-bar-node.md extend context co style="transform:translate(0px, 0px)" >
{ }); drop(drag(ref)); return ( -
+
{children}
); @@ -152,4 +152,8 @@ ReactDOM.render( background: #fefefe; transition: all 0.3s; } + +.dragnode { + margin-inline-end: 24px; +} ``` From 1b1210791c51f5a9a8c922ebe2e674651869bd18 Mon Sep 17 00:00:00 2001 From: afc163 Date: Thu, 31 Mar 2022 15:17:48 +0800 Subject: [PATCH 02/26] Update faq.zh-CN.md --- docs/react/faq.zh-CN.md | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/react/faq.zh-CN.md b/docs/react/faq.zh-CN.md index c41be5bf9c..12a697f994 100644 --- a/docs/react/faq.zh-CN.md +++ b/docs/react/faq.zh-CN.md @@ -149,6 +149,7 @@ ConfigProvider.config({ 下面是一些典型的错误例子： - ❌ AntD +- ❌ Ant-D - ❌ antD - ❌ Antd - ❌ ant design From 1e06f6cdc7d81a7fc450ea82f7df756e7cba187f Mon Sep 17 00:00:00 2001 From: Amumu Date: Fri, 1 Apr 2022 11:11:00 +0800 Subject: [PATCH 03/26] docs: patch 4.19.3 change log (#34821) * Patch 4.19.3 changelog * docs: patch logs * docs: fix author * Update CHANGELOG.zh-CN.md Co-authored-by: afc163 * emoji * emoji Co-authored-by: afc163 --- CHANGELOG.en-US.md | 3 ++- CHANGELOG.zh-CN.md | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md index 7897081762..98f947297d 100644 --- a/CHANGELOG.en-US.md +++ b/CHANGELOG.en-US.md @@ -38,7 +38,8 @@ timeline: true - 💄 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) +- 🇱🇹 Updated lt_LT locale for `typeTemplate`. [#34567](https://github.com/ant-design/ant-design/pull/34567) [@Anizcus](https://gitit_LTit_LThub.com/Anizcus) +- 🇮🇹 Updated it_iT locale for `Table`. [#34566](https://github.com/ant-design/ant-design/pull/34566) [@freshgiammi](https://gitit_LTit_LThub.com/freshgiammi) ## 4.19.2 diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md index 54b589cdbd..67084c70ae 100644 --- a/CHANGELOG.zh-CN.md +++ b/CHANGELOG.zh-CN.md @@ -38,7 +38,8 @@ timeline: true - 💄 修复 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) +- 🇱🇹 更新 lt_LT 的 locale。[#34567](https://github.com/ant-design/ant-design/pull/34567) [@Anizcus](https://github.com/Anizcus) +- 🇮🇹 更新 it_iT 的 locale。[#34566](https://github.com/ant-design/ant-design/pull/34566) [@freshgiammi](https://gitit_LTit_LThub.com/freshgiammi) ## 4.19.2 From dd13e806b26359badbf4ff4366b7a447cdda22fe Mon Sep 17 00:00:00 2001 From: afc163 Date: Fri, 1 Apr 2022 14:29:06 +0800 Subject: [PATCH 04/26] chore: minify themes css (#34824) --- .github/workflows/test.yml | 4 ++-- site/bisheng.config.js | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index fda0e3ca65..0b79c392f9 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -23,7 +23,7 @@ jobs: key: lock-${{ github.sha }} - name: create package-lock.json - run: npm i --package-lock-only --ignore-scripts --force + run: npm i --package-lock-only --ignore-scripts - name: hack for single file run: | @@ -402,4 +402,4 @@ jobs: run: npm test env: LIB_DIR: ${{ matrix.module }} - needs: compile \ No newline at end of file + needs: compile diff --git a/site/bisheng.config.js b/site/bisheng.config.js index fe210d593d..3e0c818000 100644 --- a/site/bisheng.config.js +++ b/site/bisheng.config.js @@ -87,6 +87,7 @@ module.exports = { }; } else if (process.env.ESBUILD) { // use esbuild + config.optimization.minimize = true; config.optimization.minimizer = [ new ESBuildMinifyPlugin({ target: 'es2015', From 80c13912119fc927f83eb77aab76085fbcfdc0cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?= Date: Fri, 1 Apr 2022 15:54:11 +0800 Subject: [PATCH 05/26] docs: Add faq (#34830) --- docs/react/faq.en-US.md | 4 ++++ docs/react/faq.zh-CN.md | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/docs/react/faq.en-US.md b/docs/react/faq.en-US.md index 3206212a3c..8189184535 100644 --- a/docs/react/faq.en-US.md +++ b/docs/react/faq.en-US.md @@ -126,6 +126,10 @@ ConfigProvider.config({ }); ``` +### Why shouldn't I use component internal props or state with ref? + +You should only access the API by official doc with ref. Directly access internal `props` or `state` is not recommended which will make your code strong coupling with current version. Any refactor will break your code like refactor with [Hooks](https://reactjs.org/docs/hooks-intro.html) version, delete or rename internal `props` or `state`, adjust internal node constructor, etc. + ### How to spell Ant Design correctly? - ✅ **Ant Design**: Capitalized with space, for the design language. diff --git a/docs/react/faq.zh-CN.md b/docs/react/faq.zh-CN.md index 12a697f994..db620ae746 100644 --- a/docs/react/faq.zh-CN.md +++ b/docs/react/faq.zh-CN.md @@ -140,6 +140,10 @@ ConfigProvider.config({ }); ``` +### 为什么我不应该通过 ref 访问组件内部的 props 和 state？ + +你通过 ref 获得引用时只应该使用文档提供的方法。直接读取组件内部的 `props` 和 `state` 不是一个好的设计，这会使你的代码与组件版本强耦合。任何重构都可能会使你的代码无法工作，其中重构包括且不仅限于改造成 [Hooks](https://reactjs.org/docs/hooks-intro.html) 版本、移除 / 更名内部 `props` 与 `state`、调整内部 React 节点结构等等。 + ### 如何正确的拼写 Ant Design？ - ✅ **Ant Design**：用空格分隔的首字母大写单词，指代设计语言。 From baade8611d2f84c7c79a229bd21a088827dd88e4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?= Date: Sat, 2 Apr 2022 18:31:14 +0800 Subject: [PATCH 06/26] fix: Form unmount miss origin store value (#34845) --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index df15567fca..6165a49aca 100644 --- a/package.json +++ b/package.json @@ -129,7 +129,7 @@ "rc-dialog": "~8.6.0", "rc-drawer": "~4.4.2", "rc-dropdown": "~3.3.2", - "rc-field-form": "~1.24.0", + "rc-field-form": "~1.25.0", "rc-image": "~5.2.5", "rc-input": "~0.0.1-alpha.5", "rc-input-number": "~7.3.0", From 11d09f80dec12b845a629e9c0493e3dd0b5053ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?= Date: Sat, 2 Apr 2022 23:33:13 +0800 Subject: [PATCH 07/26] docs: 4.19.5 changelog (#34851) --- CHANGELOG.en-US.md | 9 +++++++++ CHANGELOG.zh-CN.md | 9 +++++++++ package.json | 2 +- 3 files changed, 19 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md index 98f947297d..c29c7204d4 100644 --- a/CHANGELOG.en-US.md +++ b/CHANGELOG.en-US.md @@ -15,6 +15,15 @@ timeline: true --- +## 4.19.5 + +`2022-04-02` + +- 🐞 Fix Form that not keep store value when unmount and mount again. [#34845](https://github.com/ant-design/ant-design/pull/34845) +- 🐞 Fix Pagination under `` should display middle size Select. [#34756](https://github.com/ant-design/ant-design/pull/34756) +- 🐞 fix Skeleton to unable to render `childten` of non-react element. [#34751](https://github.com/ant-design/ant-design/pull/34751) [@1247748612](https://github.com/1247748612) +- 💄 Fix Tag `@tag-border-radius` less variable not work. [#34741](https://github.com/ant-design/ant-design/pull/34741) + ## 4.19.4 `2022-03-27` diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md index 67084c70ae..e2f1f1693e 100644 --- a/CHANGELOG.zh-CN.md +++ b/CHANGELOG.zh-CN.md @@ -15,6 +15,15 @@ timeline: true --- +## 4.19.5 + +`2022-04-02` + +- 🐞 修复 Form 在整个被 unmount 后再次 mount，原 Form 的值会被重置的问题。[#34845](https://github.com/ant-design/ant-design/pull/34845) +- 🐞 修复 Pagination 在 `` 下的 Select 大小问题。[#34756](https://github.com/ant-design/ant-design/pull/34756) +- 🐞 修复 Skeleton 不渲染非 react element 类型的 `children` 问题。[#34751](https://github.com/ant-design/ant-design/pull/34751) [@1247748612](https://github.com/1247748612) +- 💄 修复 Tag `@tag-border-radius` less 变量不生效的问题。[#34741](https://github.com/ant-design/ant-design/pull/34741) + ## 4.19.4 `2022-03-27` diff --git a/package.json b/package.json index 6165a49aca..1b2fe4c797 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "antd", - "version": "4.19.5-alpha.0", + "version": "4.19.5", "description": "An enterprise-class UI design language and React components implementation", "title": "Ant Design", "keywords": [ From 6776bb8916f08b0c81ba583bb23c57a7ceda97d7 Mon Sep 17 00:00:00 2001 From: MadCcc <1075746765@qq.com> Date: Sun, 3 Apr 2022 23:27:45 +0800 Subject: [PATCH 08/26] docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo --- components/affix/demo/basic.md | 2 +- components/affix/demo/debug.md | 2 +- components/affix/demo/on-change.md | 5 +- components/affix/demo/target.md | 2 +- components/alert/demo/action.md | 5 +- components/alert/demo/banner.md | 5 +- components/alert/demo/basic.md | 2 +- components/alert/demo/closable.md | 5 +- components/alert/demo/close-text.md | 2 +- components/alert/demo/custom-icon.md | 5 +- components/alert/demo/description.md | 5 +- components/alert/demo/error-boundary.md | 5 +- components/alert/demo/icon.md | 5 +- components/alert/demo/loop-banner.md | 5 +- components/alert/demo/smooth-closed.md | 2 +- components/alert/demo/style.md | 5 +- components/anchor/demo/basic.md | 5 +- components/anchor/demo/customizeHighlight.md | 5 +- components/anchor/demo/onChange.md | 5 +- components/anchor/demo/onClick.md | 5 +- components/anchor/demo/static.md | 5 +- components/anchor/demo/targetOffset.md | 2 +- components/auto-complete/demo/basic.md | 2 +- .../auto-complete/demo/certain-category.md | 2 +- components/auto-complete/demo/custom.md | 2 +- components/auto-complete/demo/form-debug.md | 5 +- .../auto-complete/demo/non-case-sensitive.md | 2 +- components/auto-complete/demo/options.md | 2 +- components/auto-complete/demo/status.md | 2 +- .../auto-complete/demo/uncertain-category.md | 2 +- components/avatar/demo/badge.md | 5 +- components/avatar/demo/basic.md | 5 +- components/avatar/demo/dynamic.md | 2 +- components/avatar/demo/fallback.md | 5 +- components/avatar/demo/group.md | 2 +- components/avatar/demo/responsive.md | 5 +- components/avatar/demo/toggle-debug.md | 2 +- components/avatar/demo/type.md | 5 +- components/back-top/demo/basic.md | 5 +- components/back-top/demo/custom.md | 5 +- components/badge/demo/basic.md | 5 +- components/badge/demo/change.md | 2 +- components/badge/demo/colorful.md | 5 +- components/badge/demo/dot.md | 5 +- components/badge/demo/link.md | 5 +- components/badge/demo/mix.md | 5 +- components/badge/demo/no-wrapper.md | 2 +- components/badge/demo/offset.md | 5 +- components/badge/demo/overflow.md | 5 +- components/badge/demo/ribbbon.md | 5 +- components/badge/demo/ribbon-debug.md | 5 +- components/badge/demo/size.md | 5 +- components/badge/demo/status.md | 5 +- components/badge/demo/title.md | 5 +- components/breadcrumb/demo/basic.md | 5 +- components/breadcrumb/demo/overlay.md | 5 +- components/breadcrumb/demo/react-router.md | 5 +- .../breadcrumb/demo/separator-component.md | 5 +- components/breadcrumb/demo/separator.md | 5 +- components/breadcrumb/demo/withIcon.md | 5 +- components/button/demo/basic.md | 5 +- components/button/demo/block.md | 5 +- components/button/demo/danger.md | 5 +- components/button/demo/disabled.md | 5 +- components/button/demo/ghost.md | 5 +- components/button/demo/icon.md | 5 +- components/button/demo/legacy-group.md | 5 +- components/button/demo/loading.md | 2 +- components/button/demo/multiple.md | 5 +- components/button/demo/size.md | 2 +- components/calendar/demo/basic.md | 2 +- components/calendar/demo/card.md | 5 +- components/calendar/demo/customize-header.md | 5 +- components/calendar/demo/notice-calendar.md | 5 +- components/calendar/demo/select.md | 2 +- components/card/demo/basic.md | 5 +- components/card/demo/border-less.md | 5 +- components/card/demo/flexible-content.md | 5 +- components/card/demo/grid-card.md | 5 +- components/card/demo/in-column.md | 5 +- components/card/demo/inner.md | 5 +- components/card/demo/loading.md | 2 +- components/card/demo/meta.md | 5 +- components/card/demo/simple.md | 5 +- components/card/demo/tabs.md | 2 +- components/carousel/demo/autoplay.md | 5 +- components/carousel/demo/basic.md | 5 +- components/carousel/demo/fade.md | 5 +- components/carousel/demo/position.md | 2 +- components/cascader/demo/basic.md | 5 +- components/cascader/demo/change-on-select.md | 2 +- components/cascader/demo/custom-dropdown.md | 5 +- components/cascader/demo/custom-render.md | 5 +- components/cascader/demo/custom-trigger.md | 2 +- components/cascader/demo/default-value.md | 9 +-- components/cascader/demo/disabled-option.md | 2 +- components/cascader/demo/fields-name.md | 5 +- components/cascader/demo/hover.md | 5 +- components/cascader/demo/lazy.md | 2 +- components/cascader/demo/multiple.md | 2 +- components/cascader/demo/placement.md | 2 +- components/cascader/demo/search.md | 5 +- components/cascader/demo/size.md | 5 +- components/cascader/demo/status.md | 2 +- components/cascader/demo/suffix.md | 5 +- components/checkbox/demo/basic.md | 2 +- components/checkbox/demo/check-all.md | 2 +- components/checkbox/demo/controller.md | 2 +- components/checkbox/demo/debug-line.md | 5 +- components/checkbox/demo/disabled.md | 5 +- components/checkbox/demo/group.md | 5 +- components/checkbox/demo/layout.md | 5 +- components/collapse/demo/accordion.md | 5 +- components/collapse/demo/basic.md | 5 +- components/collapse/demo/borderless.md | 5 +- components/collapse/demo/collapsible.md | 5 +- components/collapse/demo/custom.md | 5 +- components/collapse/demo/extra.md | 2 +- components/collapse/demo/ghost.md | 5 +- components/collapse/demo/mix.md | 5 +- components/collapse/demo/noarrow.md | 5 +- components/comment/demo/basic.md | 2 +- components/comment/demo/editor.md | 2 +- components/comment/demo/list.md | 5 +- components/comment/demo/nested.md | 5 +- components/config-provider/demo/direction.md | 2 +- components/config-provider/demo/locale.md | 2 +- components/config-provider/demo/prefixCls.md | 2 +- components/config-provider/demo/size.md | 2 +- components/config-provider/demo/theme.md | 2 +- components/date-picker/demo/basic.md | 5 +- components/date-picker/demo/bordered.md | 5 +- components/date-picker/demo/date-render.md | 5 +- components/date-picker/demo/disabled-date.md | 5 +- components/date-picker/demo/disabled.md | 5 +- components/date-picker/demo/extra-footer.md | 5 +- components/date-picker/demo/format.md | 5 +- components/date-picker/demo/mode.md | 5 +- components/date-picker/demo/placement.md | 2 +- .../date-picker/demo/presetted-ranges.md | 5 +- components/date-picker/demo/range-picker.md | 5 +- .../date-picker/demo/select-in-range.md | 2 +- components/date-picker/demo/size.md | 2 +- components/date-picker/demo/start-end.md | 2 +- components/date-picker/demo/status.md | 2 +- components/date-picker/demo/suffix.md | 5 +- components/date-picker/demo/switchable.md | 2 +- components/date-picker/demo/time.md | 5 +- components/descriptions/demo/basic.md | 5 +- components/descriptions/demo/border.md | 5 +- components/descriptions/demo/responsive.md | 2 +- components/descriptions/demo/size.md | 2 +- components/descriptions/demo/style.md | 2 +- components/descriptions/demo/text.md | 5 +- .../descriptions/demo/vertical-border.md | 5 +- components/descriptions/demo/vertical.md | 5 +- components/divider/demo/customize-style.md | 5 +- components/divider/demo/horizontal.md | 5 +- components/divider/demo/plain.md | 5 +- components/divider/demo/vertical.md | 5 +- components/divider/demo/with-text.md | 5 +- components/drawer/demo/basic-right.md | 2 +- components/drawer/demo/config-provider.md | 2 +- components/drawer/demo/extra.md | 2 +- components/drawer/demo/form-in-drawer.md | 2 +- components/drawer/demo/multi-level-drawer.md | 2 +- components/drawer/demo/no-mask.md | 2 +- components/drawer/demo/placement.md | 2 +- components/drawer/demo/render-in-current.md | 2 +- components/drawer/demo/size.md | 2 +- components/drawer/demo/user-profile.md | 2 +- components/dropdown/demo/arrow-center.md | 5 +- components/dropdown/demo/arrow.md | 5 +- components/dropdown/demo/basic.md | 5 +- components/dropdown/demo/context-menu.md | 5 +- components/dropdown/demo/dropdown-button.md | 5 +- components/dropdown/demo/event.md | 5 +- components/dropdown/demo/item.md | 5 +- components/dropdown/demo/loading.md | 2 +- components/dropdown/demo/menu-full.md | 5 +- components/dropdown/demo/overlay-visible.md | 2 +- components/dropdown/demo/placement.md | 5 +- components/dropdown/demo/sub-menu.md | 5 +- components/dropdown/demo/trigger.md | 5 +- components/empty/demo/basic.md | 2 +- components/empty/demo/config-provider.md | 2 +- components/empty/demo/customize.md | 5 +- components/empty/demo/description.md | 2 +- components/empty/demo/simple.md | 2 +- components/form/demo/advanced-search.md | 5 +- components/form/demo/basic.md | 2 +- components/form/demo/col-24-debug.md | 2 +- components/form/demo/complex-form-control.md | 2 +- components/form/demo/control-hooks.md | 2 +- components/form/demo/control-ref.md | 2 +- .../form/demo/customized-form-controls.md | 2 +- components/form/demo/dep-debug.md | 2 +- components/form/demo/disabled-input-debug.md | 5 +- components/form/demo/dynamic-form-item.md | 2 +- .../form/demo/dynamic-form-items-complex.md | 2 +- .../form/demo/dynamic-form-items-no-style.md | 2 +- components/form/demo/dynamic-form-items.md | 2 +- components/form/demo/dynamic-rule.md | 2 +- components/form/demo/form-context.md | 2 +- components/form/demo/form-in-modal.md | 2 +- components/form/demo/global-state.md | 2 +- components/form/demo/inline-login.md | 2 +- components/form/demo/label-debug.md | 2 +- components/form/demo/layout-can-wrap.md | 2 +- components/form/demo/layout.md | 2 +- components/form/demo/nest-messages.md | 2 +- components/form/demo/normal-login.md | 2 +- components/form/demo/ref-item.md | 2 +- components/form/demo/register.md | 2 +- components/form/demo/required-mark.md | 2 +- components/form/demo/size.md | 2 +- components/form/demo/time-related-controls.md | 2 +- components/form/demo/validate-other.md | 2 +- components/form/demo/validate-static.md | 5 +- components/form/demo/warning-only.md | 2 +- components/form/demo/without-form-create.md | 2 +- components/grid/demo/basic.md | 5 +- components/grid/demo/flex-align.md | 5 +- components/grid/demo/flex-order.md | 5 +- components/grid/demo/flex-stretch.md | 5 +- components/grid/demo/flex.md | 5 +- components/grid/demo/gutter.md | 5 +- components/grid/demo/offset.md | 5 +- components/grid/demo/playground.md | 2 +- components/grid/demo/responsive-more.md | 5 +- components/grid/demo/responsive.md | 5 +- components/grid/demo/sort.md | 5 +- components/grid/demo/useBreakpoint.md | 2 +- components/icon/demo/basic.md | 5 +- components/icon/demo/custom.md | 5 +- components/icon/demo/iconfont.md | 5 +- components/icon/demo/scriptUrl.md | 5 +- components/icon/demo/two-tone.md | 5 +- components/image/demo/basic.md | 2 +- components/image/demo/controlled-preview.md | 2 +- components/image/demo/fallback.md | 2 +- components/image/demo/placeholder.md | 2 +- .../image/demo/preview-group-visible.md | 2 +- components/image/demo/preview-group.md | 2 +- components/image/demo/preview-mask.md | 2 +- components/image/demo/previewSrc.md | 2 +- components/input-number/demo/addon.md | 5 +- components/input-number/demo/basic.md | 2 +- components/input-number/demo/borderless.md | 2 +- components/input-number/demo/controls.md | 5 +- components/input-number/demo/digit.md | 5 +- components/input-number/demo/disabled.md | 2 +- components/input-number/demo/formatter.md | 5 +- components/input-number/demo/keyboard.md | 2 +- components/input-number/demo/out-of-range.md | 2 +- components/input-number/demo/prefix.md | 5 +- components/input-number/demo/size.md | 5 +- components/input-number/demo/status.md | 2 +- components/input/demo/addon.md | 5 +- components/input/demo/align.md | 5 +- components/input/demo/allowClear.md | 5 +- components/input/demo/autosize-textarea.md | 2 +- components/input/demo/basic.md | 2 +- components/input/demo/borderless-debug.md | 5 +- components/input/demo/borderless.md | 2 +- components/input/demo/focus.md | 2 +- components/input/demo/group.md | 2 +- components/input/demo/password-input.md | 5 +- components/input/demo/presuffix.md | 5 +- components/input/demo/search-input-loading.md | 5 +- components/input/demo/search-input.md | 5 +- components/input/demo/show-count.md | 5 +- components/input/demo/size.md | 5 +- components/input/demo/status.md | 2 +- components/input/demo/textarea-resize.md | 2 +- components/input/demo/textarea-show-count.md | 5 +- components/input/demo/textarea.md | 5 +- components/input/demo/tooltip.md | 2 +- components/layout/demo/basic.md | 5 +- .../layout/demo/custom-trigger-debug.md | 2 +- components/layout/demo/custom-trigger.md | 2 +- components/layout/demo/fixed-sider.md | 5 +- components/layout/demo/fixed.md | 5 +- components/layout/demo/responsive.md | 5 +- components/layout/demo/side.md | 2 +- components/layout/demo/top-side-2.md | 5 +- components/layout/demo/top-side.md | 5 +- components/layout/demo/top.md | 5 +- components/list/demo/basic.md | 5 +- components/list/demo/grid-test.md | 5 +- components/list/demo/grid.md | 5 +- components/list/demo/infinite-load.md | 2 +- components/list/demo/loadmore.md | 2 +- components/list/demo/responsive.md | 5 +- components/list/demo/simple.md | 5 +- components/list/demo/vertical.md | 5 +- components/list/demo/virtual-list.md | 2 +- components/mentions/demo/async.md | 2 +- components/mentions/demo/autoSize.md | 5 +- components/mentions/demo/basic.md | 5 +- components/mentions/demo/form.md | 2 +- components/mentions/demo/placement.md | 5 +- components/mentions/demo/prefix.md | 2 +- components/mentions/demo/readonly.md | 2 +- components/mentions/demo/status.md | 2 +- components/menu/demo/horizontal.md | 2 +- components/menu/demo/inline-collapsed.md | 2 +- components/menu/demo/inline.md | 2 +- components/menu/demo/sider-current.md | 2 +- components/menu/demo/style-debug.md | 2 +- components/menu/demo/submenu-theme.md | 2 +- components/menu/demo/switch-mode.md | 2 +- components/menu/demo/theme.md | 2 +- components/menu/demo/vertical.md | 5 +- components/message/demo/custom-style.md | 2 +- components/message/demo/duration.md | 2 +- components/message/demo/hooks.md | 2 +- components/message/demo/info.md | 5 +- components/message/demo/loading.md | 2 +- components/message/demo/other.md | 5 +- components/message/demo/thenable.md | 2 +- components/message/demo/update.md | 5 +- components/modal/demo/async.md | 2 +- components/modal/demo/basic.md | 2 +- components/modal/demo/button-props.md | 2 +- components/modal/demo/confirm-router.md | 2 +- components/modal/demo/confirm.md | 5 +- components/modal/demo/dark.md | 2 +- components/modal/demo/footer.md | 2 +- components/modal/demo/hooks.md | 2 +- components/modal/demo/info.md | 5 +- components/modal/demo/locale.md | 5 +- components/modal/demo/manual.md | 2 +- components/modal/demo/modal-render.md | 2 +- components/modal/demo/position.md | 2 +- components/modal/demo/width.md | 2 +- components/notification/demo/basic.md | 5 +- components/notification/demo/custom-icon.md | 5 +- components/notification/demo/custom-style.md | 5 +- components/notification/demo/duration.md | 5 +- components/notification/demo/hooks.md | 2 +- components/notification/demo/placement.md | 5 +- components/notification/demo/update.md | 5 +- components/notification/demo/with-btn.md | 5 +- components/notification/demo/with-icon.md | 5 +- components/page-header/demo/actions.md | 5 +- components/page-header/demo/basic.md | 5 +- components/page-header/demo/breadcrumb.md | 5 +- components/page-header/demo/content.md | 5 +- components/page-header/demo/ghost.md | 5 +- components/page-header/demo/responsive.md | 5 +- components/pagination/demo/all.md | 5 +- components/pagination/demo/basic.md | 2 +- components/pagination/demo/changer.md | 5 +- components/pagination/demo/controlled.md | 2 +- components/pagination/demo/itemRender.md | 2 +- components/pagination/demo/jump.md | 5 +- components/pagination/demo/mini.md | 5 +- components/pagination/demo/more.md | 2 +- components/pagination/demo/simple.md | 5 +- components/pagination/demo/total.md | 5 +- components/popconfirm/demo/async.md | 2 +- components/popconfirm/demo/basic.md | 5 +- components/popconfirm/demo/dynamic-trigger.md | 2 +- components/popconfirm/demo/icon.md | 5 +- components/popconfirm/demo/locale.md | 5 +- components/popconfirm/demo/placement.md | 5 +- components/popconfirm/demo/promise.md | 2 +- .../popover/demo/arrow-point-at-center.md | 5 +- components/popover/demo/basic.md | 5 +- components/popover/demo/control.md | 2 +- components/popover/demo/hover-with-click.md | 2 +- components/popover/demo/placement.md | 5 +- components/popover/demo/triggerType.md | 5 +- components/progress/demo/circle-dynamic.md | 2 +- components/progress/demo/circle-mini.md | 5 +- components/progress/demo/circle.md | 5 +- components/progress/demo/dashboard.md | 5 +- components/progress/demo/dynamic.md | 2 +- components/progress/demo/format.md | 5 +- components/progress/demo/gradient-line.md | 2 +- components/progress/demo/line-mini.md | 5 +- components/progress/demo/line.md | 5 +- components/progress/demo/linecap.md | 5 +- components/progress/demo/segment.md | 5 +- components/progress/demo/steps.md | 5 +- components/radio/demo/badge.md | 5 +- components/radio/demo/basic.md | 2 +- components/radio/demo/disabled.md | 2 +- components/radio/demo/radiobutton-solid.md | 5 +- components/radio/demo/radiobutton.md | 5 +- components/radio/demo/radiogroup-more.md | 2 +- components/radio/demo/radiogroup-options.md | 2 +- components/radio/demo/radiogroup-with-name.md | 2 +- components/radio/demo/radiogroup.md | 2 +- components/radio/demo/size.md | 5 +- components/rate/demo/basic.md | 2 +- components/rate/demo/character-function.md | 5 +- components/rate/demo/character.md | 5 +- components/rate/demo/clear.md | 5 +- components/rate/demo/disabled.md | 2 +- components/rate/demo/half.md | 2 +- components/rate/demo/text.md | 2 +- components/result/demo/403.md | 5 +- components/result/demo/404.md | 5 +- components/result/demo/500.md | 5 +- components/result/demo/customIcon.md | 5 +- components/result/demo/error.md | 5 +- components/result/demo/info.md | 5 +- components/result/demo/success.md | 5 +- components/result/demo/warning.md | 5 +- .../select/demo/automatic-tokenization.md | 5 +- components/select/demo/basic.md | 5 +- components/select/demo/big-data.md | 5 +- components/select/demo/bordered.md | 5 +- components/select/demo/coordinate.md | 2 +- .../select/demo/custom-dropdown-menu.md | 2 +- components/select/demo/custom-tag-render.md | 5 +- components/select/demo/debug.md | 5 +- components/select/demo/hide-selected.md | 2 +- components/select/demo/label-in-value.md | 5 +- components/select/demo/multiple.md | 5 +- components/select/demo/optgroup.md | 5 +- components/select/demo/option-label-prop.md | 5 +- components/select/demo/placement.md | 2 +- components/select/demo/responsive.md | 2 +- components/select/demo/search-box.md | 2 +- components/select/demo/search-sort.md | 5 +- components/select/demo/search.md | 5 +- components/select/demo/select-users.md | 2 +- components/select/demo/size.md | 2 +- components/select/demo/status.md | 2 +- components/select/demo/suffix.md | 5 +- components/select/demo/tags.md | 5 +- components/skeleton/demo/active.md | 2 +- components/skeleton/demo/basic.md | 2 +- components/skeleton/demo/children.md | 2 +- components/skeleton/demo/complex.md | 2 +- components/skeleton/demo/element.md | 2 +- components/skeleton/demo/list.md | 2 +- components/slider/demo/basic.md | 2 +- components/slider/demo/dragableTrack.md | 2 +- components/slider/demo/event.md | 5 +- components/slider/demo/icon-slider.md | 2 +- components/slider/demo/input-number.md | 5 +- components/slider/demo/mark.md | 5 +- components/slider/demo/reverse.md | 2 +- components/slider/demo/show-tooltip.md | 2 +- components/slider/demo/tip-formatter.md | 5 +- components/slider/demo/vertical.md | 5 +- components/space/demo/align.md | 5 +- components/space/demo/base.md | 2 +- components/space/demo/customize.md | 2 +- components/space/demo/debug.md | 5 +- components/space/demo/gap-in-line.md | 2 +- components/space/demo/size.md | 2 +- components/space/demo/split.md | 2 +- components/space/demo/vertical.md | 2 +- components/space/demo/wrap.md | 2 +- components/spin/demo/basic.md | 2 +- components/spin/demo/custom-indicator.md | 2 +- components/spin/demo/delayAndDebounce.md | 2 +- components/spin/demo/inside.md | 5 +- components/spin/demo/nested.md | 2 +- components/spin/demo/size.md | 5 +- components/spin/demo/tip.md | 5 +- components/statistic/demo/basic.md | 5 +- components/statistic/demo/card.md | 5 +- components/statistic/demo/countdown.md | 5 +- components/statistic/demo/unit.md | 5 +- components/steps/demo/clickable.md | 2 +- .../steps/demo/customized-progress-dot.md | 5 +- components/steps/demo/error.md | 5 +- components/steps/demo/icon.md | 5 +- components/steps/demo/nav.md | 2 +- components/steps/demo/progress-debug.md | 2 +- components/steps/demo/progress-dot-small.md | 5 +- components/steps/demo/progress-dot.md | 5 +- components/steps/demo/progress.md | 5 +- components/steps/demo/simple.md | 5 +- components/steps/demo/small-size.md | 5 +- components/steps/demo/step-next.md | 2 +- components/steps/demo/steps-in-steps.md | 2 +- components/steps/demo/vertical-small.md | 5 +- components/steps/demo/vertical.md | 5 +- components/switch/demo/basic.md | 2 +- components/switch/demo/disabled.md | 2 +- components/switch/demo/loading.md | 5 +- components/switch/demo/size.md | 5 +- components/switch/demo/text.md | 5 +- components/table/demo/ajax.md | 2 +- components/table/demo/basic.md | 2 +- components/table/demo/bordered.md | 5 +- components/table/demo/colspan-rowspan.md | 2 +- components/table/demo/custom-filter-panel.md | 10 +--- components/table/demo/drag-sorting-handler.md | 2 +- components/table/demo/drag-sorting.md | 2 +- components/table/demo/dynamic-settings.md | 2 +- components/table/demo/edit-cell.md | 2 +- components/table/demo/edit-row.md | 2 +- .../table/demo/ellipsis-custom-tooltip.md | 2 +- components/table/demo/ellipsis.md | 2 +- components/table/demo/expand.md | 5 +- components/table/demo/filter-in-tree.md | 2 +- components/table/demo/filter-search.md | 4 +- components/table/demo/fixed-columns-header.md | 5 +- components/table/demo/fixed-columns.md | 2 +- components/table/demo/fixed-header.md | 5 +- components/table/demo/grouping-columns.md | 5 +- components/table/demo/head.md | 2 +- components/table/demo/jsx.md | 5 +- components/table/demo/multiple-sorter.md | 2 +- components/table/demo/narrow.md | 5 +- .../table/demo/nest-table-border-debug.md | 2 +- components/table/demo/nested-table.md | 2 +- components/table/demo/order-column.md | 5 +- components/table/demo/pagination.md | 2 +- components/table/demo/reset-filter.md | 2 +- components/table/demo/resizable-column.md | 24 ++++---- components/table/demo/responsive.md | 2 +- .../table/demo/row-selection-and-operation.md | 2 +- .../table/demo/row-selection-custom-debug.md | 2 +- components/table/demo/row-selection-custom.md | 2 +- components/table/demo/row-selection.md | 2 +- components/table/demo/size.md | 5 +- components/table/demo/sticky.md | 2 +- components/table/demo/summary.md | 5 +- components/table/demo/tree-data.md | 2 +- components/table/demo/virtual-list.md | 5 +- components/tabs/demo/basic.md | 2 +- components/tabs/demo/card-top.md | 5 +- components/tabs/demo/card.md | 5 +- components/tabs/demo/centered.md | 2 +- components/tabs/demo/custom-add-trigger.md | 2 +- components/tabs/demo/custom-tab-bar-node.md | 5 +- components/tabs/demo/custom-tab-bar.md | 5 +- components/tabs/demo/disabled.md | 5 +- components/tabs/demo/editable-card.md | 2 +- components/tabs/demo/extra.md | 2 +- components/tabs/demo/icon.md | 5 +- components/tabs/demo/nest.md | 2 +- components/tabs/demo/position.md | 2 +- components/tabs/demo/size.md | 2 +- components/tabs/demo/slide.md | 2 +- components/tag/demo/animation.md | 2 +- components/tag/demo/basic.md | 5 +- components/tag/demo/checkable.md | 2 +- components/tag/demo/colorful-inverse.md | 5 +- components/tag/demo/colorful.md | 5 +- components/tag/demo/control.md | 2 +- components/tag/demo/controlled.md | 2 +- components/tag/demo/customize.md | 5 +- components/tag/demo/icon.md | 5 +- components/tag/demo/status.md | 5 +- components/time-picker/demo/12hours.md | 5 +- components/time-picker/demo/addon.md | 2 +- components/time-picker/demo/basic.md | 5 +- components/time-picker/demo/bordered.md | 5 +- components/time-picker/demo/colored-popup.md | 5 +- components/time-picker/demo/disabled.md | 2 +- components/time-picker/demo/hide-column.md | 2 +- .../time-picker/demo/interval-options.md | 2 +- components/time-picker/demo/range-picker.md | 2 +- components/time-picker/demo/size.md | 5 +- components/time-picker/demo/status.md | 2 +- components/time-picker/demo/suffix.md | 5 +- components/time-picker/demo/value.md | 2 +- components/timeline/demo/alternate.md | 5 +- components/timeline/demo/basic.md | 5 +- components/timeline/demo/color.md | 5 +- components/timeline/demo/custom.md | 5 +- components/timeline/demo/label.md | 2 +- components/timeline/demo/pending.md | 2 +- components/timeline/demo/right.md | 5 +- .../tooltip/demo/arrow-point-at-center.md | 5 +- .../tooltip/demo/auto-adjust-overflow.md | 5 +- components/tooltip/demo/basic.md | 5 +- components/tooltip/demo/colorful.md | 5 +- .../tooltip/demo/destroy-tooltip-on-hide.md | 5 +- components/tooltip/demo/placement.md | 5 +- components/transfer/demo/advanced.md | 2 +- components/transfer/demo/basic.md | 2 +- components/transfer/demo/custom-item.md | 2 +- .../transfer/demo/custom-select-all-labels.md | 2 +- components/transfer/demo/large-data.md | 2 +- components/transfer/demo/oneWay.md | 2 +- components/transfer/demo/search.md | 2 +- components/transfer/demo/status.md | 2 +- components/transfer/demo/table-transfer.md | 2 +- components/transfer/demo/tree-transfer.md | 2 +- components/tree-select/demo/async.md | 2 +- components/tree-select/demo/basic.md | 2 +- components/tree-select/demo/checkable.md | 2 +- components/tree-select/demo/multiple.md | 2 +- components/tree-select/demo/placement.md | 2 +- components/tree-select/demo/status.md | 2 +- components/tree-select/demo/suffix.md | 2 +- components/tree-select/demo/treeData.md | 2 +- components/tree-select/demo/treeLine.md | 2 +- components/tree/demo/basic-controlled.md | 2 +- components/tree/demo/basic.md | 2 +- components/tree/demo/big-data.md | 2 +- components/tree/demo/customized-icon.md | 5 +- components/tree/demo/directory.md | 2 +- components/tree/demo/drag-debug.md | 2 +- components/tree/demo/draggable.md | 2 +- components/tree/demo/dynamic.md | 2 +- components/tree/demo/line.md | 2 +- components/tree/demo/search.md | 2 +- components/tree/demo/switcher-icon.md | 2 +- components/tree/demo/virtual-scroll.md | 2 +- components/typography/demo/basic.md | 12 ++-- components/typography/demo/ellipsis-debug.md | 2 +- components/typography/demo/ellipsis-middle.md | 5 +- components/typography/demo/ellipsis.md | 2 +- components/typography/demo/interactive.md | 2 +- components/typography/demo/paragraph-debug.md | 5 +- components/typography/demo/suffix.md | 2 +- components/typography/demo/text.md | 5 +- components/typography/demo/title.md | 5 +- components/upload/demo/avatar.md | 2 +- components/upload/demo/basic.md | 5 +- components/upload/demo/crop-image.md | 2 +- .../upload/demo/customize-progress-bar.md | 5 +- components/upload/demo/defaultFileList.md | 5 +- components/upload/demo/directory.md | 5 +- components/upload/demo/drag-sorting.md | 2 +- components/upload/demo/drag.md | 5 +- components/upload/demo/file-type.md | 2 +- components/upload/demo/fileList.md | 2 +- components/upload/demo/max-count.md | 5 +- components/upload/demo/picture-card.md | 2 +- components/upload/demo/picture-style.md | 5 +- components/upload/demo/preview-file.md | 5 +- components/upload/demo/transform-file.md | 5 +- .../upload/demo/upload-custom-action-icon.md | 5 +- components/upload/demo/upload-manually.md | 2 +- components/upload/demo/upload-png-only.md | 2 +- .../upload/demo/upload-with-aliyun-oss.md | 2 +- package.json | 2 +- scripts/batch/convert-demo.js | 37 ++++++++++++ scripts/check-ts-demo.js | 3 +- site/theme/en-US.js | 2 + site/theme/template/Content/ComponentDoc.jsx | 47 ++++++++++++++-- site/theme/template/Content/Demo/index.jsx | 56 +++++++++++++++---- site/theme/zh-CN.js | 2 + tests/shared/demoTest.tsx | 10 ++-- tests/shared/{imageTest.ts => imageTest.tsx} | 7 ++- 648 files changed, 1124 insertions(+), 1347 deletions(-) create mode 100644 scripts/batch/convert-demo.js rename tests/shared/{imageTest.ts => imageTest.tsx} (93%) diff --git a/components/affix/demo/basic.md b/components/affix/demo/basic.md index 292d823058..93dcd5ae63 100644 --- a/components/affix/demo/basic.md +++ b/components/affix/demo/basic.md @@ -38,5 +38,5 @@ const Demo: React.FC = () => { ); }; -ReactDOM.render(, mountNode); +export default () => ; ``` diff --git a/components/affix/demo/debug.md b/components/affix/demo/debug.md index 5300bf5230..f8a97b4435 100644 --- a/components/affix/demo/debug.md +++ b/components/affix/demo/debug.md @@ -35,5 +35,5 @@ const Demo: React.FC = () => { ); }; -ReactDOM.render(, mountNode); +export default () => ; ``` diff --git a/components/affix/demo/on-change.md b/components/affix/demo/on-change.md index acbdd7d3c1..48cdbba705 100644 --- a/components/affix/demo/on-change.md +++ b/components/affix/demo/on-change.md @@ -16,10 +16,9 @@ Callback with affixed state. ```tsx import { Affix, Button } from 'antd'; -ReactDOM.render( +export default () => ( console.log(affixed)}> - , - mountNode, + ); ``` diff --git a/components/affix/demo/target.md b/components/affix/demo/target.md index a938374c8d..0fad871175 100644 --- a/components/affix/demo/target.md +++ b/components/affix/demo/target.md @@ -30,7 +30,7 @@ const Demo: React.FC = () => { ); }; -ReactDOM.render(, mountNode); +export default () => ; ``` ', '') .replace('