Feat 1.5.0

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "antdv-demo"]
+	path = antdv-demo
+	url = https://github.com/tangjinzhou/antdv-demo.git

.prettierignore

@@ -24,6 +24,6 @@ components/style/color/*.less
 .gitattributes
 .stylelintrc
 .vcmrc
-logo.png
+.png
 .npmrc.template
 .huskyrc

.travis.yml

@@ -1,15 +1,19 @@
 language: node_js
 sudo: required
+git:
+  submodules: false
 node_js:
   - 12.4.0
+before_install:
+  - echo -e "[submodule "antdv-demo"]\n  path = antdv-demo\n  https://[email protected]/tangjinzhou/antdv-demo.git" >~/.gitmodules
+  - git submodule update --init --recursive
 before_script:
   - npm install vue vue-template-compiler
 script:
   - if [[ $TRAVIS_BRANCH == "master" && $TRAVIS_PULL_REQUEST == "false" ]]; then cp ./scripts/.npmrc.template $HOME/.npmrc; fi
   - COVERAGE=true npm run test
   - npm run codecov
   - if [[ $TRAVIS_BRANCH == "master" && $TRAVIS_PULL_REQUEST == "false" ]]; then npm run pub-with-ci; fi
-  - bash ./scripts/deploy-to-gh-pages.sh
 env:
   matrix:
     secure: PBbJaS48HA/mkj9PuGuRxs00DEJR77XfuPdSlTvCq0QxLIR6wIO+t3LLJdOQctZIX6KWBR/Zq3zSn5bRxgPIaRcoyuEU25ga4cexJMEh1ymE23uTiDcnWwWN0X1jZKGuHPvqVKjyToAv6XW24mTXNvEAqD2uL101JxBseoWJ/2VtyOjJFJwcGbw+MTLymWCZiAF10w+k0SyigawaxZLlYL9LZXv4w3oCjCwuiTD/T6rvyT3wGQzXx7/P7XQGL4el4lE7leuK5m2PhWvX2S3t2FRpoZPw0DINJu5XzuBr3DSMErQjCrP4Ep8iqW8pGGLkoXbcxK3/K+uSy0k+DdBN7jRgnnOeLpqeVUSMaM6LRnl2XyDWL3dKpVbEzZaFkRTmAwdbgYjI+7Enn3/GtseMASo/gK47m2k+kE/msoqwpTGLC5DBOBKxdNShdFnEbOxLUUiVNgoZRXbj6VhdueqK89LsMDsnxzmFtrU8Ytgv8wJsFd5IkIhCStmQ9bdTqER659hd1Qqdh6Qe36AfpZcetOLr86Z++CSwA/pZbLPeEVrfCHDh6V3DPQXG+Zlf/m60OAmhosJ+4dxZwRnR8LnaDFZ+uLYMz+vJGeOtFHvczz7TW4mznjguLE51crG+mkBGT2dx1UUg7zs41lz3GtH9WY8cSG4y5ryjDl6YkXwoiZI=

BACKERS.md

@@ -35,7 +35,7 @@
 
 <h2 align="center">支付宝/微信</h2>
 
-### 使用支付宝/微信的赞助的用户，如需要添加名单，赞助后可发 github 账号到邮箱(415800467@qq.com)
+### 使用支付宝/微信的赞助的用户，如需要添加名单，赞助后可发 github 账号到邮箱(antdv@foxmail.com)
 
 - [fastgoo](https://github.com/fastgoo)
 - [sendya](https://github.com/sendya)

CHANGELOG.en-US.md

@@ -4,12 +4,85 @@
 
 #### Release Schedule
 
-- Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).
+- Weekly release: patch version for routine bugfix.
 - Monthly release: minor version for new features.
 - Major version release is not included in this schedule for breaking change and new features.
 
 ---
 
+## 1.5.0
+
+`2020-03-06`
+
+### Component features and styles are synchronized to antd version 3.26.12.
+
+- Four new components have been added:
+  - 🔥🔥🔥 [Mentions](https://antdv.com/components/mentions-cn/) Added mentioned components and discarded the original Mention components.
+  - 🔥🔥🔥 [Descriptions](https://antdv.com/components/descriptions-cn/) Display multiple read-only fields in groups.
+  - 🔥🔥🔥 [PageHeader](https://antdv.com/components/page-header-cn/) can be used to declare the topic of the page, display important information about the page that the user is concerned about, and carry the operation items related to the current page.
+  - 🔥🔥🔥 [Result](https://antdv.com/components/result) is used to feedback the processing results of a series of operation tasks.
+- 🔥 Descriptions supports vertical layout.
+- 🔥 Progress.Circle supports gradient colors.
+- 🔥 Progress.Line supports gradient colors.
+- Breadcrumb
+  - 🎉 Breadcrumb.Item supports the `overlay` property to define drop-down menus.
+  - 🌟 Added `Breadcrumb.Separator` component, you can customize`separator`.
+- 🌟 TreeSelect's `showSearch` supports multiple selection mode.
+- 🌟 Timeline.Item adds `gray` color type, which can be used in incomplete or invalid state.
+- 🌟 Modal supports `closeIcon` property for customizing the close icon.
+- Upload
+  - 🌟 Upload provides `previewFile` property to customize the preview logic.
+  - 🌟 Upload adds `transformFile` to support converting files before uploading.
+  - 🌟 Upload supports previewing pictures in jfif format.
+  - 🌟 Added `showDownloadIcon` property for displaying download icons.
+- 🌟 Input.Search adds `loading` property, which is used to display the loading status.
+- 🌟 Grid's `gutter` property adds support for vertical spacing. Now you can set an array for`gutter`, the second value of the array represents the vertical spacing.
+- 🌟 message Added support for updating content with unique `key`.
+- 🌟 TextArea supports `allowClear`.
+- 🌟 Dropdown.Button supports `icon` property to customize the icon.
+- Drawer
+  - 🌟 Support `afterVisibleChange` property, which is triggered after the drawer animation is completed.
+  - 🌟 Support `ESC` shutdown.
+  - 🌟 Added `keyboard`, which allows the response to keyboard events to be turned on and off.
+- 🌟 TreeNode supports `checkable` property.
+- 🌟 Transfer supports `children` custom rendering list.
+- 🌟 Pagination supports `disabled` property.
+- 🌟 Steps support click to switch function.
+- Slider
+  - 🌟 Support `tooltipPlacement` to define the location of the tip.
+  - 🌟 Support `getTooltipPopupContainer` to allow custom container for the prompt.
+  - 🌟 Flip `trigger` direction when Sider is on the right.
+- 🌟 Calendar supports `headerRender` to customize header.
+- 🌟 Carousel supports custom panel pointing point locations.
+- 🌟 Collapse supports `expandIconPosition` property.
+- 🌟 Popconfirm adds `disabled` props, which are used to control whether clicking child elements pop up.
+- 🌟 Select supports `showArrow` in multi-select mode.
+- 🌟 Collapse.Panel added `extra`.
+- Card
+  - 🌟 Card component added `tabBarExtraContent` property.
+  - 🌟 Card.Grid added a hoverable property to allow floating effects to be disabled.
+- 🌟 Anchor.Link adds `target` attribute.
+- 🌟 TimePicker added `clearIcon` prop for custom clear icon.
+- Form
+  - 🌟 Support to configure the `colon` property directly on the Form.
+  - 🌟 Support `labelAlign` property.
+- Table
+  - 🌟 Table adds `getPopupContainer` property for setting various floating layer rendering nodes in the table.
+  - 💄 Adjust the style of the Table expand button.
+  - 🌟 Added `tableLayout` property, supports setting the table's`table-layout` layout, and enables `tableLayout =" fixed "` by default under fixed headers / columns, to solve the column alignment problem caused by the table layout automatically based on content .
+  - 🌟 Added `column.ellipsis` to support automatic omission of cell contents.
+  - 🌟 Added `scroll.scrollToFirstRowOnChange` property, which is used to set whether to scroll to the top of the table after page turning.   -Filter `filterDropdown` Added`visible` parameter to get the display status of the drop-down box.
+  - 🌟 The `title` method adds a`sortColumn` parameter to get the currently sorted column.   -Sort When sorting, the `sorter` parameter of`onChange` will always contain `column` information.
+- 🌟 Tree component supports `blockNode` property.
+- 🌟 RangePicker adds `separator` definition.
+- Empty
+  - 🌟 Empty supports the `imageStyle` property.
+  - 🌟 Empty `description` supports`false`.
+  - 🌟 Empty Supports access to preset pictures via `Empty.PRESENTED_IMAGE_DEFAULT` and`Empty.PRESENTED_IMAGE_SIMPLE`
+- 🌟 Badge supports custom colors.
+- 🐞 Fix the problem that the label of Steps is not centered.
+- 🐞 Fix cursor style problem of DatePicker and TimePicker.
+
 ## 1.4.12
 
 `2020-03-03`

CHANGELOG.zh-CN.md

@@ -4,12 +4,87 @@
 
 #### 发布周期
 
-- 修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）
+- 修订版本号：日常 bugfix 更新
 - 次版本号：带有新特性的向下兼容的版本。
 - 主版本号：含有破坏性更新和新特性，不在发布周期内。
 
 ---
 
+## 1.5.0
+
+`2020-03-06`
+
+### 组件功能和样式同步到 antd 3.26.12 版本。
+
+- 新增了四个组件：
+  - 🔥🔥🔥 [Mentions](https://antdv.com/components/mentions-cn/) 新增提及组件并废弃原有 Mention 组件。
+  - 🔥🔥🔥 [Descriptions](https://antdv.com/components/descriptions-cn/) 成组展示多个只读字段。
+  - 🔥🔥🔥 [PageHeader](https://antdv.com/components/page-header-cn/) 可用于声明页面主题、展示用户所关注的页面重要信息，以及承载与当前页相关的操作项。
+  - 🔥🔥🔥 [Result](https://antdv.com/components/result) 用于反馈一系列操作任务的处理结果。
+- 🔥 Descriptions 支持垂直布局。
+- 🔥 Progress.Circle 支持渐变色。
+- 🔥 Progress.Line 支持渐变色。
+- Breadcrumb
+  - 🎉 Breadcrumb.Item 支持 `overlay` 属性来定义下拉菜单。
+  - 🌟 新增 `Breadcrumb.Separator` 组件，可进行 `separator` 自定义。
+- 🌟 TreeSelect 的 `showSearch` 支持多选模式。
+- 🌟 Timeline.Item 新增 `gray` 色彩类型，可用于未完成或失效状态。
+- 🌟 Modal 支持 `closeIcon` 属性用于自定义关闭图标。
+- 🌟 Upload
+  - 🌟 Upload 提供 `previewFile` 属性以自定义预览逻辑。
+  - 🌟 Upload 新增 `transformFile` 支持上传之前转换文件。
+  - 🌟 Upload 支持预览 `jfif` 格式图片。
+  - 🌟 新增 `showDownloadIcon` 属性，用于展示下载图标。
+- 🌟 Input.Search 新增 `loading` 属性，用于展示加载中的状态。
+- 🌟 Grid 的 `gutter` 属性新增垂直间距的支持，现在你可以给 `gutter` 设置一个数组，数组的第二个值就表示垂直间距。
+- 🌟 message 新增支持通过唯一的 `key` 来更新内容。
+- 🌟 TextArea 支持 `allowClear`。
+- 🌟 Dropdown.Button 支持 `icon` 属性来自定义图标。
+- Drawer
+  - 🌟 支持 `afterVisibleChange` 属性，在抽屉动画完成后触发。
+  - 🌟 支持 `ESC` 关闭。
+  - 🌟 新增 `keyboard`，允许打开关闭对键盘事件的响应。
+- 🌟 TreeNode 支持 `checkable` 属性。
+- 🌟 Transfer 支持 `children` 来自定义渲染列表。
+- 🌟 Pagination 支持 `disabled` 属性。
+- 🌟 Steps 支持点击切换功能。
+- Slider
+  - 🌟 支持 `tooltipPlacement` 以定义提示所在位置。
+  - 🌟 支持 `getTooltipPopupContainer` 以允许自定义提示所在容器。
+  - 🌟 当 Sider 在右边时，翻转 `trigger` 方向。
+- 🌟 Calendar 支持 `headerRender` 以自定义头部。
+- 🌟 Carousel 支持自定义面板指示点的位置。
+- 🌟 Collapse 支持 `expandIconPosition` 属性。
+- 🌟 Popconfirm 增加 `disabled` props，用于控制点击子元素是否弹出。
+- 🌟 Select 在多选模式下支持 `showArrow`。
+- 🌟 Collapse.Panel 新增了 `extra`。
+- Card
+  - 🌟 Card 组件新增了 `tabBarExtraContent` 属性。
+  - 🌟 Card.Grid 新增 `hoverable` 属性允许禁用浮动效果。
+- 🌟 Anchor.Link 增加 `target` 属性。
+- 🌟 TimePicker 新增了 `clearIcon` prop，用于自定义清除图标。
+- Form
+  - 🌟 支持直接在 Form 上面配置 `colon` 属性。
+  - 🌟 支持 `labelAlign` 属性。
+- Table
+  - 🌟 Table 新增 `getPopupContainer` 属性用于设置表格内的各类浮层渲染节点。
+  - 💄 调整 Table 展开按钮的样式。
+  - 🌟 新增 `tableLayout` 属性，支持设置表格的 `table-layout` 布局，并在固定表头/列下默认开启 `tableLayout="fixed"`，解决因为表格自动根据内容排版造成的列对齐问题。
+  - 🌟 新增 `column.ellipsis` 支持单元格内容自动省略。
+  - 🌟 新增 `scroll.scrollToFirstRowOnChange` 属性，用于设置在翻页后是否滚动到表格顶部。
+  - 🌟 `filterDropdown` 新增 `visible` 参数，用于获取下拉框的显示状态。
+  - 🌟 `title` 方法新增 `sortColumn` 参数，用于获取当前排序的列。
+  - 🌟 排序时 `onChange` 的 `sorter` 参数将始终包含 `column` 信息。
+- 🌟 Tree 组件支持 `blockNode` 属性。
+- 🌟 RangePicker 添加 `separator` 定义。
+- Empty
+  - 🌟 Empty 支持 `imageStyle` 属性。
+  - 🌟 Empty `description` 支持 `false`。
+  - 🌟 Empty 支持通过 `Empty.PRESENTED_IMAGE_DEFAULT` 和 `Empty.PRESENTED_IMAGE_SIMPLE` 访问预置图片。
+- 🌟 Badge 支持自定义颜色。
+- 🐞 修复 Steps 的 label 不居中的问题。
+- 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。
+
 ## 1.4.12
 
 `2020-03-03`

antd-tools/gulpfile.js

@@ -295,11 +295,12 @@ gulp.task(
 gulp.task(
   'pub',
   gulp.series('check-git', 'compile', done => {
-    if (!process.env.GITHUB_TOKEN) {
-      console.log('no GitHub token found, skip');
-    } else {
-      pub(done);
-    }
+    // if (!process.env.GITHUB_TOKEN) {
+    //   console.log('no GitHub token found, skip');
+    // } else {
+    //   pub(done);
+    // }
+    pub(done);
   }),
 );
 

build/config.js

@@ -1,5 +1,5 @@
 module.exports = {
   dev: {
-    componentName: 'tree', // dev components
+    componentName: 'badge', // dev components
   },
 };

build/dev.js

@@ -28,7 +28,6 @@ let { componentName } = require('./config').dev;
 const componentsInPrototype = ['Modal', 'message', 'notification'];
 
 const MAIN_TEMPLATE = `import 'babel-polyfill';
-import './index.less';
 import 'highlight.js/styles/solarized-light.css';
 import Vue from 'vue';
 import Vuex from 'vuex';
@@ -38,6 +37,7 @@ import VueClipboard from 'vue-clipboard2';
 import Md from './components/md';
 import Api from './components/api';
 import demoBox from './components/demoBox';
+import demoSort from './components/demoSort';
 import demoContainer from './components/demoContainer';
 import Modal from '../components/modal';
 import message from '../components/message';
@@ -47,9 +47,10 @@ import notification from '../components/notification';
 import '../components/modal/style';
 import '../components/message/style';
 import '../components/notification/style';
-import Test from '../components/{{name}}/demo/index.vue';
+import Test from '../antdv-demo/{{name}}/demo/index.vue';
 import zhCN from './theme/zh-CN';
 import enUS from './theme/en-US';
+import './index.less';
 
 Vue.use(Vuex);
 Vue.use(VueClipboard);
@@ -58,6 +59,7 @@ Vue.use(VueI18n);
 Vue.component(Md.name, Md);
 Vue.component(Api.name, Api);
 Vue.component('demo-box', demoBox);
+Vue.component('demo-sort', demoSort);
 Vue.component('demo-container', demoContainer);
 
 Vue.prototype.$message = message;
@@ -132,8 +134,8 @@ const renderTemplate = name => {
   };
 
   const demoPaths = fs
-    .readdirSync(path.join(__dirname, `../components/${name}/demo`))
-    .map(p => `../components/${name}/demo/${p}`);
+    .readdirSync(path.join(__dirname, `../antdv-demo/${name}/demo`))
+    .map(p => `../antdv-demo/${name}/demo/${p}`);
   const testPaths = fs
     .readdirSync(path.join(__dirname, `../components/test`))
     .map(p => `../components/test/${p}`);
@@ -194,7 +196,7 @@ chokidar.watch(configPath, { ignoreInitial: true }).on('change', async () => {
 
   demoWatcher && (await demoWatcher.close());
 
-  demoWatcher = chokidar.watch(path.join(__dirname, `../components/${componentName}/demo`));
+  demoWatcher = chokidar.watch(path.join(__dirname, `../antdv-demo/${componentName}/demo`));
   demoWatcher.on('change', () => {
     renderTemplate(componentName);
   });

build/webpack.dev.conf.js

@@ -30,7 +30,7 @@ module.exports = merge(baseWebpackConfig, {
     ],
   },
   devServer: {
-    port: 3000,
+    port: process.env.PORT || 3000,
     host: '0.0.0.0',
     historyApiFallback: {
       rewrites: [{ from: /./, to: '/index.html' }],

components/__tests__/util/domHook.js

@@ -0,0 +1,58 @@
+const __NULL__ = { notExist: true };
+
+export function spyElementPrototypes(Element, properties) {
+  const propNames = Object.keys(properties);
+  const originDescriptors = {};
+
+  propNames.forEach(propName => {
+    const originDescriptor = Object.getOwnPropertyDescriptor(Element.prototype, propName);
+    originDescriptors[propName] = originDescriptor || __NULL__;
+
+    const spyProp = properties[propName];
+
+    if (typeof spyProp === 'function') {
+      // If is a function
+      Element.prototype[propName] = function spyFunc(...args) {
+        return spyProp.call(this, originDescriptor, ...args);
+      };
+    } else {
+      // Otherwise tread as a property
+      Object.defineProperty(Element.prototype, propName, {
+        ...spyProp,
+        set(value) {
+          if (spyProp.set) {
+            return spyProp.set.call(this, originDescriptor, value);
+          }
+          return originDescriptor.set(value);
+        },
+        get() {
+          if (spyProp.get) {
+            return spyProp.get.call(this, originDescriptor);
+          }
+          return originDescriptor.get();
+        },
+      });
+    }
+  });
+
+  return {
+    mockRestore() {
+      propNames.forEach(propName => {
+        const originDescriptor = originDescriptors[propName];
+        if (originDescriptor === __NULL__) {
+          delete Element.prototype[propName];
+        } else if (typeof originDescriptor === 'function') {
+          Element.prototype[propName] = originDescriptor;
+        } else {
+          Object.defineProperty(Element.prototype, propName, originDescriptor);
+        }
+      });
+    },
+  };
+}
+
+export function spyElementPrototype(Element, propName, property) {
+  return spyElementPrototypes(Element, {
+    [propName]: property,
+  });
+}

components/_util/BaseMixin.js

@@ -19,6 +19,7 @@ export default {
       //   Object.assign(newState, this.getDerivedStateFromProps(getOptionProps(this), { ...this.$data, ...newState }, true) || {})
       // }
       Object.assign(this.$data, newState);
+      this.$forceUpdate();
       this.$nextTick(() => {
         callback && callback();
       });