Merge remote-tracking branch 'origin/master' into feat-vue3

.eslintignore

@@ -7,4 +7,3 @@ es/
 lib/
 _site/
 dist/
-package.json

.github/FUNDING.yml

@@ -9,4 +9,5 @@ custom:
   [
     "https://www.paypal.me/tangjinzhou",
     "https://qn.antdv.com/alipay-and-wechat.png",
+    "https://www.buymeacoffee.com/antdv"
   ]

.github/ISSUE_TEMPLATE.md

@@ -1,16 +0,0 @@
-<!--
-⚠️ ⚠️ ⚠️  IMPORTANT: Please use the following link to create a new issue: ⚠️ ⚠️ ⚠️
-
-  https://vuecomponent.github.io/issue-helper/
-
-If your issue was not created using the app above, it will be closed immediately.
--->
-
-<!--
-⚠️ ⚠️ ⚠️  注意：请使用下面的链接来新建 issue： ⚠️ ⚠️ ⚠️
-
-  https://vuecomponent.github.io/issue-helper/
-  国内镜像：http://ant-design-vue.gitee.io/issue-helper/
-
-不是用上面的链接创建的 issue 会被立即关闭。
--->

.github/ISSUE_TEMPLATE/----please-use-new-issue-ant-design-vue---.md

@@ -1,11 +0,0 @@
----
-name: '⚠️  Please use issue-helper ⚠️'
-about: The issue which is not created via https://vuecomponent.github.io/issue-helper/ will be closed immediately.
-labels:
----
-
-The issue which is not created via https://vuecomponent.github.io/issue-helper/ will be closed immediately.
-
----
-
-注意：不是用 https://vuecomponent.github.io/issue-helper/ 或 http://ant-design-vue.gitee.io/issue-helper/ 创建的 issue 会被立即关闭。

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,17 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Create new issue
+    url: https://vuecomponent.github.io/issue-helper/
+    about: Please use the following link to create a new issue.
+  - name: Patreon
+    url: https://www.patreon.com/tangjinzhou
+    about: Love Ant Design Vue? Please consider supporting us via Patreon.
+  - name: Open Collective
+    url: https://opencollective.com/ant-design-vue/donate
+    about: Love Ant Design Vue? Please consider supporting us via Open Collective.
+  - name: Paypal
+    url: https://www.paypal.me/tangjinzhou
+    about: Love Ant Design Vue? Please consider supporting us via Paypal.
+  - name: 支付宝/微信 赞助
+    url: https://qn.antdv.com/alipay-and-wechat.png
+    about: Ant Design Vue 的健康持续发展需要您的支持，🙏

.github/workflows/codecov.yml

@@ -50,6 +50,7 @@ jobs:
           repository: tangjinzhou/antdv-demo
           token: ${{ secrets.ACCESS_TOKEN }}
           path: antdv-demo
+          submodules: true
 
       - name: restore cache from package-lock.json
         uses: actions/cache@v1

.github/workflows/test.yml

@@ -106,6 +106,7 @@ jobs:
           repository: tangjinzhou/antdv-demo
           token: ${{ secrets.ACCESS_TOKEN }}
           path: antdv-demo
+          submodules: true
 
       - name: restore cache from package-lock.json
         uses: actions/cache@v1

.prettierignore

@@ -1,5 +1,4 @@
 **/*.svg
-package.json
 lib/
 es/
 dist/

antdv-demo

@@ -1 +1 @@
-Subproject commit 68d4ed26e381b03b4d90701184a724b892f213e2
+Subproject commit 3506c191e7e5aa2981d46a594c9997536fe12446

components/_util/responsiveObserve.js

@@ -84,7 +84,7 @@ const responsiveObserve = {
           };
           this.dispatch(pointMap);
         },
-        // Keep a empty destory to avoid triggering unmatch when unregister
+        // Keep a empty destroy to avoid triggering unmatch when unregister
         destroy() {},
       }),
     );

components/_util/store/connect.jsx

@@ -10,7 +10,7 @@ function getDisplayName(WrappedComponent) {
 const defaultMapStateToProps = () => ({});
 export default function connect(mapStateToProps) {
   const shouldSubscribe = !!mapStateToProps;
-  const finnalMapStateToProps = mapStateToProps || defaultMapStateToProps;
+  const finalMapStateToProps = mapStateToProps || defaultMapStateToProps;
   return function wrapWithConnect(WrappedComponent) {
     const tempProps = omit(WrappedComponent.props || {}, ['store']);
     const props = {};
@@ -31,11 +31,11 @@ export default function connect(mapStateToProps) {
         this.preProps = getOptionProps(this);
         watchEffect(() => {
           if (mapStateToProps && mapStateToProps.length === 2) {
-            this.subscribed = finnalMapStateToProps(this.store.getState(), this.$props);
+            this.subscribed = finalMapStateToProps(this.store.getState(), this.$props);
           }
         });
         return {
-          subscribed: finnalMapStateToProps(this.store.getState(), this.$props),
+          subscribed: finalMapStateToProps(this.store.getState(), this.$props),
         };
       },
       mounted() {
@@ -51,7 +51,7 @@ export default function connect(mapStateToProps) {
             return;
           }
           const props = getOptionProps(this);
-          const nextSubscribed = finnalMapStateToProps(this.store.getState(), props);
+          const nextSubscribed = finalMapStateToProps(this.store.getState(), props);
           if (
             !shallowEqual(this.preProps, props) ||
             !shallowEqual(toRaw(this.subscribed), nextSubscribed)

components/_util/wave.jsx

@@ -58,7 +58,7 @@ export default {
       const attributeName = this.getAttributeName();
       node.removeAttribute(attributeName);
       node.setAttribute(attributeName, 'true');
-      // Not white or transparnt or grey
+      // Not white or transparent or grey
       styleForPesudo = styleForPesudo || document.createElement('style');
       if (
         waveColor &&

components/locale-provider/__tests__/__snapshots__/index.test.js.snap

@@ -20971,12 +20971,296 @@ exports[`Locale Provider should display the text as vi 1`] = `
           <div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
         </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><span role="img" aria-label="down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
       </div>
-    </div>
       <div tabindex="0" class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
         <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
           <div class="ant-select-selection__rendered">
-          <div title="Th09" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Th09</div>
-        </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><span role="img" aria-label="down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
+            <div title="Thg 09" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Thg 09</div>
+          </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
+        </div>
+      </div>
+      <div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Tháng</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Năm</span></label></div>
+    </div>
+    <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
+      <div class="ant-fullcalendar-calendar-body">
+        <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
+          <thead>
+            <tr role="row">
+              <th role="columnheader" title="T2" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">T2</span></th>
+              <th role="columnheader" title="T3" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">T3</span></th>
+              <th role="columnheader" title="T4" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">T4</span></th>
+              <th role="columnheader" title="T5" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">T5</span></th>
+              <th role="columnheader" title="T6" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">T6</span></th>
+              <th role="columnheader" title="T7" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">T7</span></th>
+              <th role="columnheader" title="CN" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">CN</span></th>
+            </tr>
+          </thead>
+          <tbody class="ant-fullcalendar-tbody">
+            <tr role="row" class="">
+              <td role="gridcell" title="28 tháng 8 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">28</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="29 tháng 8 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">29</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="30 tháng 8 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">30</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="31 tháng 8 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">31</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="1 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">01</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="2 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">02</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="3 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">03</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+            </tr>
+            <tr role="row" class="">
+              <td role="gridcell" title="4 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">04</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="5 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">05</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="6 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">06</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="7 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">07</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="8 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">08</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="9 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">09</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="10 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">10</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+            </tr>
+            <tr role="row" class="">
+              <td role="gridcell" title="11 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">11</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="12 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">12</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="13 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">13</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="14 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">14</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="15 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">15</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="16 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">16</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="17 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">17</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+            </tr>
+            <tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
+              <td role="gridcell" title="18 tháng 9 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">18</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="19 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">19</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="20 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">20</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="21 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">21</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="22 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">22</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="23 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">23</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="24 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">24</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+            </tr>
+            <tr role="row" class="">
+              <td role="gridcell" title="25 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">25</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="26 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">26</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="27 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">27</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="28 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">28</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="29 tháng 9 năm 2017" class="ant-fullcalendar-cell">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">29</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="30 tháng 9 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">30</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="1 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">01</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+            </tr>
+            <tr role="row" class="">
+              <td role="gridcell" title="2 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">02</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="3 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">03</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="4 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">04</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="5 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">05</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="6 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">06</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="7 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">07</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+              <td role="gridcell" title="8 tháng 10 năm 2017" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
+                <div class="ant-fullcalendar-date">
+                  <div class="ant-fullcalendar-value">08</div>
+                  <div class="ant-fullcalendar-content"></div>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </div>
     </div>
     <div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Tháng</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Năm</span></label></div>