Merge branch 'master' into 2.0

CHANGELOG.en-US.md

@@ -10,6 +10,21 @@
 
 ---
 
+## 1.5.3
+
+`2020-04-13`
+
+- 🐞 Fix the problem that the content does not respond to updates when `Dropdown` visible is unchanged [#81eb40](https://github.com/vueComponent/ant-design-vue/commit/81eb401a8899aa3fe0acca88340b323f6e09db45)
+
+## 1.5.2
+
+`2020-04-09`
+
+- 🐞 Fix ts type of `FormModel` not introduced [# 1996](https://github.com/vueComponent/ant-design-vue/issues/1966)
+- 🐞 Fix `DatePicker.WeekPicker` type file error [# 2044](https://github.com/vueComponent/ant-design-vue/issues/2044)
+- 🐞 Fix "Tabs" tabClick event does not take effect [# 2030](https://github.com/vueComponent/ant-design-vue/issues/2030)
+- 🐞 Fix `Table` resize error issue [# 2033](https://github.com/vueComponent/ant-design-vue/issues/2033)
+
 ## 1.5.1
 
 `2020-04-02`
@@ -20,7 +35,7 @@
 - 🐞 Fix `Table` customRender cannot customize class style [#2004](https://github.com/vueComponent/ant-design-vue/pull/2004)
 - 🐞 Fix `Form` missing slot content when using Form.create [#1998](https://github.com/vueComponent/ant-design-vue/pull/1998)
 - 🐞 Fix `Textarea` scroll bar flickering problem [#1964](https://github.com/vueComponent/ant-design-vue/pull/1964)
-- 🌟 Add ts type file of `FormModel` [#1996](https://github.com/vueComponent/ant-design-vue/pull/1966)
+- 🌟 Add ts type file of `FormModel` [#1996](https://github.com/vueComponent/ant-design-vue/issues/1966)
 - 🌟 Add `modal` destroyAll type declaration [#1993](https://github.com/vueComponent/ant-design-vue/pull/1963)
 
 ## 1.5.0

CHANGELOG.zh-CN.md

@@ -10,6 +10,21 @@
 
 ---
 
+## 1.5.3
+
+`2020-04-13`
+
+- 🐞 修复 `Dropdown` visible 不变时，内容不响应更新的问题 [#81eb40](https://github.com/vueComponent/ant-design-vue/commit/81eb401a8899aa3fe0acca88340b323f6e09db45)
+
+## 1.5.2
+
+`2020-04-09`
+
+- 🐞 修复 `FormModel` 的 ts 类型未引入 [#1996](https://github.com/vueComponent/ant-design-vue/issues/1966)
+- 🐞 修复 `DatePicker.WeekPicker` 的类型文件错误 [#2044](https://github.com/vueComponent/ant-design-vue/issues/2044)
+- 🐞 修复 `Tabs` tabClick 事件不生效问题 [#2030](https://github.com/vueComponent/ant-design-vue/issues/2030)
+- 🐞 修复 `Table` resize 时报错问题 [#2033](https://github.com/vueComponent/ant-design-vue/issues/2033)
+
 ## 1.5.1
 
 `2020-04-02`
@@ -20,7 +35,7 @@
 - 🐞 修复 `Table` customRender 不能自定义 class style 问题 [#2004](https://github.com/vueComponent/ant-design-vue/pull/2004)
 - 🐞 修复 `Form` 使用 Form.create 时，丢失插槽内容问题 [#1998](https://github.com/vueComponent/ant-design-vue/pull/1998)
 - 🐞 修复 `Textarea` 滚动条闪动问题 [#1964](https://github.com/vueComponent/ant-design-vue/pull/1964)
-- 🌟 添加 `FormModel` 的 ts 类型文件 [#1996](https://github.com/vueComponent/ant-design-vue/pull/1966)
+- 🌟 添加 `FormModel` 的 ts 类型文件 [#1996](https://github.com/vueComponent/ant-design-vue/issues/1966)
 - 🌟 添加 `Modal` 的 destroyAll 类型声明 [#1993](https://github.com/vueComponent/ant-design-vue/pull/1963)
 
 ## 1.5.0

antd-tools/gulpfile.js

@@ -11,7 +11,7 @@ const transformLess = require('./transformLess');
 const webpack = require('webpack');
 const babel = require('gulp-babel');
 const argv = require('minimist')(process.argv.slice(2));
-const GitHub = require('@octokit/rest');
+const { Octokit } = require('@octokit/rest');
 
 const packageJson = require(`${process.cwd()}/package.json`);
 // const getNpm = require('./getNpm')
@@ -168,10 +168,8 @@ function githubRelease(done) {
     console.log('no changelog found, skip');
     return;
   }
-  const github = new GitHub();
+  const github = new Octokit({
-  github.authenticate({
+    auth: process.env.GITHUB_TOKEN,
-    type: 'oauth',
-    token: process.env.GITHUB_TOKEN,
   });
   const date = new Date();
   const { version } = packageJson;
@@ -311,10 +309,8 @@ gulp.task(
     if (!process.env.NPM_TOKEN) {
       console.log('no NPM token found, skip');
     } else {
-      const github = new GitHub();
+      const github = new Octokit({
-      github.authenticate({
+        auth: process.env.GITHUB_TOKEN,
-        type: 'oauth',
-        token: process.env.GITHUB_TOKEN,
       });
       const [_, owner, repo] = execSync('git remote get-url origin') // eslint-disable-line
         .toString()

antdv-demo

@@ -1 +1 @@
-Subproject commit 2061998a1e7fbfdb7a9ab5f8d50803442dfc6fbc
+Subproject commit 8dca2d2cfcaaf970f494ebfb65ee55dfca69870c

components/_util/ContainerRender.jsx

@@ -71,12 +71,18 @@ export default {
                 }
               });
             },
+            methods: {
+              forceRender(p) {
+                this.comProps = p;
+                this.$forceUpdate();
+              },
+            },
             render() {
               return self.getComponent(this.comProps);
             },
           });
         } else {
-          this._component.comProps = props;
+          this._component.forceRender(props);
         }
       }
     },

components/input/ClearableLabeledInput.jsx

@@ -85,6 +85,7 @@ const ClearableLabeledInput = {
         [`${prefixCls}-affix-wrapper-input-with-clear-btn`]:
           props.suffix && props.allowClear && this.$props.value,
       });
+
       return (
         <span class={affixWrapperCls} style={props.style}>
           {prefix}

components/input/Input.jsx

@@ -136,6 +136,7 @@ export default {
         'lazy',
         'size',
         'inputType',
+        'className',
       ]);
       const { stateValue, handleKeyDown, handleChange, size, disabled } = this;
       const inputProps = {

components/input/Search.jsx

@@ -171,9 +171,9 @@ export default {
         prefix: getComponentFromProp(this, 'prefix'),
         addonAfter: this.renderAddonAfter(prefixCls),
         addonBefore,
+        className: inputClassName,
       },
       attrs: this.$attrs,
-      class: inputClassName,
       ref: 'input',
       on: {
         pressEnter: this.onSearch,

components/input/__tests__/__snapshots__/Search.test.js.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Input.Search should support custom Button 1`] = `<span class="ant-input-group-wrapper ant-input-search ant-input-search-enter-button"><span class="ant-input-wrapper ant-input-group"><input type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-input-search-button"><span>ok</span></button></span></span></span>`;
+exports[`Input.Search should support custom Button 1`] = `<span class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"><span class="ant-input-wrapper ant-input-group"><input type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-input-search-button"><span>ok</span></button></span></span></span>`;
 
-exports[`Input.Search should support custom button 1`] = `<span class="ant-input-group-wrapper ant-input-search ant-input-search-enter-button"><span class="ant-input-wrapper ant-input-group"><input type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="">ok</button></span></span></span>`;
+exports[`Input.Search should support custom button 1`] = `<span class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"><span class="ant-input-wrapper ant-input-group"><input type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="">ok</button></span></span></span>`;

components/input/__tests__/__snapshots__/demo.test.js.snap

@@ -15,7 +15,8 @@ exports[`renders ./antdv-demo/docs/input/demo/allowClear.md correctly 1`] = `<di
 exports[`renders ./antdv-demo/docs/input/demo/autosize-textarea.md correctly 1`] = `
 <div><textarea placeholder="Autosize height based on content lines" class="ant-input" style="height: 0px; min-height: -9007199254740991px; max-height: 9007199254740991px; overflow-y: hidden; overflow-x: hidden;"></textarea>
   <div style="margin: 24px 0px;"></div> <textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input" style="height: -24px; min-height: -8px; max-height: -24px; overflow-y: hidden; overflow-x: hidden;"></textarea>
-  <div style="margin: 24px 0px;"></div> <textarea placeholder="Controlled autosize" class="ant-input" style="height: -20px; min-height: -12px; max-height: -20px; overflow-y: hidden; overflow-x: hidden;"></textarea></div>
+  <div style="margin: 24px 0px;"></div> <textarea placeholder="Controlled autosize" class="ant-input" style="height: -20px; min-height: -12px; max-height: -20px; overflow-y: hidden; overflow-x: hidden;"></textarea>
+</div>
 `;
 
 exports[`renders ./antdv-demo/docs/input/demo/basic.md correctly 1`] = `<input placeholder="Basic usage" type="text" class="ant-input">`;

components/input/inputProps.js

@@ -32,4 +32,5 @@ export default {
   },
   maxLength: PropTypes.number,
   loading: PropTypes.bool,
+  className: PropTypes.string,
 };

components/skeleton/index.jsx

@@ -157,7 +157,8 @@ const Skeleton = {
         </div>
       );
     }
-    return this.$slots.default && this.$slots.default[0];
+    const children = this.$slots.default;
+    return children && children.length === 1 ? children[0] : <span>{children}</span>;
   },
 };
 /* istanbul ignore next */

components/table/__tests__/__snapshots__/demo.test.js.snap

@@ -774,7 +774,8 @@ exports[`renders ./antdv-demo/docs/table/demo/expand-children.md correctly 1`] =
     <tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
       <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
       <td class=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
-        <div role="button" tabindex="0" aria-label="Expand row" class="ant-table-row-expand-icon ant-table-row-collapsed"></div>John Brown sr.</td>
+        <div role="button" tabindex="0" aria-label="Expand row" class="ant-table-row-expand-icon ant-table-row-collapsed"></div>John Brown sr.
+      </td>
       <td class="ant-table-row-cell-break-word">60</td>
       <td class="ant-table-row-cell-break-word">New York No. 1 Lake Park</td>
     </tr>

components/tabs/TabBar.jsx

@@ -21,6 +21,7 @@ const TabBar = {
     renderTabBar: PropTypes.func,
     panels: PropTypes.array.def([]),
     activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    tabBarGutter: PropTypes.number,
   },
   render() {
     const {
@@ -38,20 +39,20 @@ const TabBar = {
     const isVertical = tabPosition === 'left' || tabPosition === 'right';
     const prevIcon = (
       <span class={`${prefixCls}-tab-prev-icon`}>
-        {
+        {isVertical ? (
-          isVertical ?
+          <UpOutlined class={`${prefixCls}-tab-prev-icon-target`} />
-          <UpOutlined class={`${prefixCls}-tab-prev-icon-target`} /> :
+        ) : (
           <LeftOutlined class={`${prefixCls}-tab-prev-icon-target`} />
-        }
+        )}
       </span>
     );
     const nextIcon = (
       <span class={`${prefixCls}-tab-next-icon`}>
-        {
+        {isVertical ? (
-          isVertical ?
+          <DownOutlined class={`${prefixCls}-tab-next-icon-target`} />
-          <DownOutlined class={`${prefixCls}-tab-next-icon-target`} /> :
+        ) : (
           <RightOutlined class={`${prefixCls}-tab-next-icon-target`} />
-        }
+        )}
       </span>
     );
 

components/tabs/tabs.jsx

@@ -163,7 +163,10 @@ export default {
         ...getOptionProps(this),
         prefixCls,
         tabBarPosition: tabPosition,
-        renderTabBar: () => <TabBar {...tabBarProps} />,
+        // https://github.com/vueComponent/ant-design-vue/issues/2030
+        // 如仅传递 tabBarProps 会导致，第二次执行 renderTabBar 时，丢失 on 属性，
+        // 添加key之后，会在babel jsx 插件中做一次merge，最终TabBar接收的是一个新的对象，而不是 tabBarProps
+        renderTabBar: () => <TabBar key="tabBar" {...tabBarProps} />,
         renderTabContent: () => (
           <TabContent class={contentCls} animated={tabPaneAnimated} animatedWithMargin />
         ),

components/tree-select/__tests__/__snapshots__/demo.test.js.snap

@@ -7,8 +7,7 @@ exports[`renders ./antdv-demo/docs/tree-select/demo/basic.md correctly 1`] = `<s
 exports[`renders ./antdv-demo/docs/tree-select/demo/checkable.md correctly 1`] = `
 <span role="combobox" aria-haspopup="listbox" tabindex="-1" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li unselectable="unselectable" role="menuitem" title="Node1" class="ant-select-selection__choice" style="user-select: none;"><span class="ant-select-selection__choice__remove"><span role="img" aria-label="close" class="anticon anticon-close ant-select-remove-icon"><svg viewBox="64 64 896 896" focusable="false" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span><span class="ant-select-selection__choice__content">Node1</span></li>
 <li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input type="text" aria-label="filter select" aria-autocomplete="list" aria-multiline="false" class="ant-select-search__field" style="width: 0px;"><span class="ant-select-search__field__mirror">&nbsp;</span></span></li>
-</div>
+</div></span></span>
-</span></span>
 `;
 
 exports[`renders ./antdv-demo/docs/tree-select/demo/multiple.md correctly 1`] = `

components/upload/__tests__/__snapshots__/uploadlist.test.js.snap

@@ -13,8 +13,7 @@ exports[`Upload List handle error 1`] = `
     </div>
   </div>
 </div>
-</div>
+</div></span></div></span></span>
-</span></div></span></span>
 `;
 
 exports[`Upload List handle error 2`] = `
@@ -30,8 +29,7 @@ exports[`Upload List handle error 2`] = `
     </div>
   </div>
 </div>
-</div>
+</div></span></div></span></span>
-</span></div></span></span>
 `;
 
 exports[`Upload List should be uploading when upload a file 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"></span></span>`;

components/vc-tabs/src/Tabs.jsx

@@ -43,6 +43,7 @@ export default {
     defaultActiveKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     __propsSymbol__: PropTypes.any,
     direction: PropTypes.string.def('ltr'),
+    tabBarGutter: PropTypes.number,
   },
   data() {
     const props = getOptionProps(this);
@@ -193,6 +194,7 @@ export default {
       renderTabBar,
       destroyInactiveTabPane,
       direction,
+      tabBarGutter,
     } = props;
     const cls = {
       [prefixCls]: 1,
@@ -209,6 +211,7 @@ export default {
         panels: props.children,
         activeKey: this.$data._activeKey,
         direction,
+        tabBarGutter,
       },
       on: {
         keydown: this.onNavKeyDown,

components/vc-trigger/Trigger.jsx

@@ -108,17 +108,10 @@ export default {
   watch: {
     popupVisible(val) {
       if (val !== undefined) {
+        this.prevPopupVisible = this.sPopupVisible;
         this.sPopupVisible = val;
-        this.prevPopupVisible = val;
       }
     },
-    sPopupVisible() {
-      this.$nextTick(() => {
-        this.renderComponent(null, () => {
-          this.afterPopupVisibleChange(this.sPopupVisible);
-        });
-      });
-    },
   },
   deactivated() {
     this.setPopupVisible(false);
@@ -131,7 +124,13 @@ export default {
   },
 
   updated() {
+    const triggerAfterPopupVisibleChange = () => {
+      if (this.sPopupVisible !== this.prevPopupVisible) {
+        this.afterPopupVisibleChange(this.sPopupVisible);
+      }
+    };
     this.$nextTick(() => {
+      this.renderComponent(null, triggerAfterPopupVisibleChange);
       this.updatedCal();
     });
   },

package.json

@@ -1,6 +1,6 @@
 {
     "name": "ant-design-vue",
-    "version": "1.5.1",
+    "version": "1.5.3",
     "title": "Ant Design Vue",
     "description": "An enterprise-class UI design language and Vue-based implementation",
     "keywords": [
@@ -198,7 +198,7 @@
         "resize-observer-polyfill": "^1.5.1",
         "shallow-equal": "^1.0.0",
         "shallowequal": "^1.0.2",
-        "vue-ref": "^1.0.4",
+        "vue-ref": "^2.0.0",
         "warning": "^4.0.0"
     },
     "sideEffects": [

scripts/syncStyleFromAntd.js

@@ -1,4 +1,4 @@
-const GitHub = require('@octokit/rest');
+const { Octokit } = require('@octokit/rest');
 const Base64 = require('js-base64').Base64;
 const fs = require('fs');
 const fse = require('fs-extra');
@@ -10,7 +10,7 @@ const tag = '3.26.13';
 const clientId = '5f6ccfdc4cdc69f8ba12';
 const clientSecret = process.env.CLIENT_SECRET;
 
-const github = new GitHub();
+const github = new Octokit();
 
 async function syncFiles(data = []) {
   for (const item of data) {

types/ant-design-vue.d.ts

@@ -28,6 +28,7 @@ import { Drawer } from './drawer';
 import { Dropdown } from './dropdown/dropdown';
 import { Empty } from './empty';
 import { Form } from './form/form';
+import { FormModel } from './form-model/form';
 import { Icon } from './icon';
 import { Input } from './input/input';
 import { InputNumber } from './input-number';
@@ -101,6 +102,7 @@ export {
   Dropdown,
   Empty,
   Form,
+  FormModel,
   Icon,
   Input,
   InputNumber,

types/date-picker/date-picker.d.ts

@@ -11,7 +11,7 @@ import { WeekPicker } from './week-picker';
 export declare class DatePicker extends DatepickerCommon {
   static RangePicker: typeof RangePicker;
   static MonthPicker: typeof MonthPicker;
-  static WeekPickerker: typeof WeekPicker;
+  static WeekPicker: typeof WeekPicker;
 
   /**
    * Defualt Value

webpack.config.js

@@ -76,7 +76,7 @@ module.exports = {
   },
   devServer: {
     host: 'localhost',
-    port: 3000,
+    port: 3002,
     historyApiFallback: {
       rewrites: [{ from: /./, to: '/index.html' }],
     },