From 4ab5cf70d86a67319a03f75f1319e2d6478d3b41 Mon Sep 17 00:00:00 2001 From: tjz <415800467@qq.com> Date: Sat, 7 Apr 2018 18:52:02 +0800 Subject: [PATCH] update vc-tabs --- components/tabs/index.js | 4 ++-- components/tabs/tabs.jsx | 2 +- components/vc-pagination/Pagination.jsx | 15 +++++++++++++++ components/vc-table/index.js | 1 + components/{tabs => vc-tabs}/src/InkTabBar.jsx | 0 .../{tabs => vc-tabs}/src/InkTabBarMixin.js | 5 +++-- components/{tabs => vc-tabs}/src/KeyCode.js | 0 .../{tabs => vc-tabs}/src/ScrollableInkTabBar.jsx | 0 .../{tabs => vc-tabs}/src/ScrollableTabBar.jsx | 0 .../src/ScrollableTabBarMixin.js | 0 components/{tabs => vc-tabs}/src/TabBar.jsx | 0 components/{tabs => vc-tabs}/src/TabBarMixin.js | 4 ++-- components/{tabs => vc-tabs}/src/TabContent.jsx | 0 components/{tabs => vc-tabs}/src/TabPane.jsx | 0 components/{tabs => vc-tabs}/src/Tabs.jsx | 4 ++-- components/{tabs => vc-tabs}/src/utils.js | 0 16 files changed, 26 insertions(+), 9 deletions(-) rename components/{tabs => vc-tabs}/src/InkTabBar.jsx (100%) rename components/{tabs => vc-tabs}/src/InkTabBarMixin.js (96%) rename components/{tabs => vc-tabs}/src/KeyCode.js (100%) rename components/{tabs => vc-tabs}/src/ScrollableInkTabBar.jsx (100%) rename components/{tabs => vc-tabs}/src/ScrollableTabBar.jsx (100%) rename components/{tabs => vc-tabs}/src/ScrollableTabBarMixin.js (100%) rename components/{tabs => vc-tabs}/src/TabBar.jsx (100%) rename components/{tabs => vc-tabs}/src/TabBarMixin.js (97%) rename components/{tabs => vc-tabs}/src/TabContent.jsx (100%) rename components/{tabs => vc-tabs}/src/TabPane.jsx (100%) rename components/{tabs => vc-tabs}/src/Tabs.jsx (98%) rename components/{tabs => vc-tabs}/src/utils.js (100%) diff --git a/components/tabs/index.js b/components/tabs/index.js index 639756774..cf4194ce2 100644 --- a/components/tabs/index.js +++ b/components/tabs/index.js @@ -1,6 +1,6 @@ import Tabs from './tabs' -import TabPane from './src/TabPane' -import TabContent from './src/TabContent' +import TabPane from '../vc-tabs/src/TabPane' +import TabContent from '../vc-tabs/src/TabContent' Tabs.TabPane = TabPane export default Tabs export { TabPane, TabContent } diff --git a/components/tabs/tabs.jsx b/components/tabs/tabs.jsx index bc6d28144..757b6bfe2 100644 --- a/components/tabs/tabs.jsx +++ b/components/tabs/tabs.jsx @@ -1,5 +1,5 @@ -import Tabs from './src/Tabs' +import Tabs from '../vc-tabs/src/Tabs' import isFlexSupported from '../_util/isFlexSupported' import { hasProp, getComponentFromProp, getComponentName, isEmptyElement } from '../_util/props-util' import warning from '../_util/warning' diff --git a/components/vc-pagination/Pagination.jsx b/components/vc-pagination/Pagination.jsx index eb60908ac..20cc472c4 100644 --- a/components/vc-pagination/Pagination.jsx +++ b/components/vc-pagination/Pagination.jsx @@ -93,6 +93,20 @@ export default { newState.statePageSize = val this.setState(newState) }, + stateCurrent(val, oldValue) { + // When current page change, fix focused style of prev item + // A hacky solution of https://github.com/ant-design/ant-design/issues/8948 + this.$nextTick(()=>{ + if(this.$refs.paginationNode) { + const lastCurrentNode = this.$refs.paginationNode.querySelector( + `.${this.prefixCls}-item-${oldValue}` + ); + if (lastCurrentNode && document.activeElement === lastCurrentNode) { + lastCurrentNode.blur(); + } + } + }) + }, }, methods: { isValid (page) { @@ -494,6 +508,7 @@ export default {