@oceanbase/design 0.2.9 → 0.2.10

package/es/config-provider/index.js

@@ -7,7 +7,7 @@ import StaticFunction from "../static-function";
 export * from 'antd/es/config-provider';
 
 // ConfigProvider 默认内嵌 App，支持 message, notification 和 Modal 等静态方法消费 ConfigProvider 配置
-// ref: https://ant-design.antgroup.com/components/app-cn
+// ref: https://ant.design/components/app-cn
 var ConfigProvider = function ConfigProvider(_ref) {
   var children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);

package/es/index.js

@@ -1,7 +1,7 @@
 import { theme } from 'antd';
 
 // 引入 antd/dist/reset.css，以重置基本样式，保证原生元素遵从 antd 规范样式
-// ref: https://ant-design.antgroup.com/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4
+// ref: https://ant.design/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4
 import 'antd/dist/reset.css';
 export * from 'antd';
 export { version } from "../package.json";

package/es/tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { TabsProps } from '..';
+export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): any[];

package/es/tabs/index.d.ts

@@ -1,6 +1,6 @@
-import type { TabsPosition as AntTabsPosition, TabsProps as AntTabsProps } from 'antd/es/tabs';
-import type { Tab as AntTab } from 'rc-tabs/es/interface';
 import React from 'react';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { Tab as AntTab } from 'rc-tabs/es/interface';
 export * from 'antd/es/tabs';
 export type { TabPaneProps } from './TabPane';
 export interface Tab extends AntTab {

package/es/tabs/index.js

@@ -16,12 +16,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { isNullValue } from '@oceanbase/util';
 import { Space, Tabs as AntTabs, Tag } from 'antd';
+import React, { useState, useRef, useContext } from 'react';
 import classNames from 'classnames';
-import React, { useContext, useRef, useState } from 'react';
 import ConfigProvider from "../config-provider";
 import useInkBar from "./hooks/useInkBar";
 import useLegacyItems from "./hooks/useLegacyItems";
 import useStyle from "./style";
+import { useUpdateEffect } from 'ahooks';
 import TabPane from "./TabPane";
 export * from 'antd/es/tabs';
 var Tabs = function Tabs(_ref) {
@@ -64,6 +65,14 @@ var Tabs = function Tabs(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
+
+  // 防止第一次顶掉默认值
+  useUpdateEffect(function () {
+    // 外部触发的 activeKey 更改，需要同步内部状态变化
+    if (activeKeyProp) {
+      setActiveKey(activeKeyProp);
+    }
+  }, [activeKeyProp]);
   useInkBar({
     prefixCls: prefixCls,
     activeKey: activeKey,

package/lib/tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { TabsProps } from '..';
+export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): any[];

package/lib/tabs/index.d.ts

@@ -1,6 +1,6 @@
-import type { TabsPosition as AntTabsPosition, TabsProps as AntTabsProps } from 'antd/es/tabs';
-import type { Tab as AntTab } from 'rc-tabs/es/interface';
 import React from 'react';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { Tab as AntTab } from 'rc-tabs/es/interface';
 export * from 'antd/es/tabs';
 export type { TabPaneProps } from './TabPane';
 export interface Tab extends AntTab {

package/lib/tabs/index.js

@@ -35,12 +35,13 @@ __export(tabs_exports, {
 module.exports = __toCommonJS(tabs_exports);
 var import_util = require("@oceanbase/util");
 var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_useInkBar = __toESM(require("./hooks/useInkBar"));
 var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
 var import_style = __toESM(require("./style"));
+var import_ahooks = require("ahooks");
 var import_TabPane = __toESM(require("./TabPane"));
 __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
 var Tabs = ({
@@ -76,6 +77,11 @@ var Tabs = ({
   const [activeKey, setActiveKey] = (0, import_react.useState)(
     activeKeyProp || defaultActiveKey || ((_a = newItems == null ? void 0 : newItems[0]) == null ? void 0 : _a.key)
   );
+  (0, import_ahooks.useUpdateEffect)(() => {
+    if (activeKeyProp) {
+      setActiveKey(activeKeyProp);
+    }
+  }, [activeKeyProp]);
   (0, import_useInkBar.default)({
     prefixCls,
     activeKey,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "The Design System for OceanBase",
   "keywords": [
     "OceanBase",
@@ -56,5 +56,5 @@
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "50d5e0e6ecf64b44f17c1e5de8dd5d6d5be14eab"
+  "gitHead": "6c0f8edb7a7871d3c87582c4293c74a58dc17072"
 }