@oceanbase/design 0.2.8 → 0.2.10

package/es/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/breadcrumb/Breadcrumb';

package/es/breadcrumb/Breadcrumb.js

@@ -0,0 +1 @@
+export * from 'antd/es/breadcrumb/Breadcrumb';

package/es/breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+import { Breadcrumb } from 'antd';
+export * from './Breadcrumb';
+export * from 'antd/es/breadcrumb';
+export default Breadcrumb;

package/es/breadcrumb/index.js

@@ -0,0 +1,4 @@
+import { Breadcrumb } from 'antd';
+export * from "./Breadcrumb";
+export * from 'antd/es/breadcrumb';
+export default Breadcrumb;

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.d.ts

@@ -13,6 +13,7 @@ export { default as Table } from './table';
 export { default as Tabs } from './tabs';
 export { default as theme } from './theme';
 export { default as Tooltip } from './tooltip';
+export { default as Breadcrumb } from './breadcrumb';
 declare const useToken: () => {
     theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
     token: import("antd").GlobalToken;

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";
@@ -17,6 +17,7 @@ export { default as Table } from "./table";
 export { default as Tabs } from "./tabs";
 export { default as theme } from "./theme";
 export { default as Tooltip } from "./tooltip";
+export { default as Breadcrumb } from "./breadcrumb";
 var useToken = theme.useToken;
 
 // 直接导出 useToken，方便上层使用

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/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/breadcrumb/Breadcrumb';

package/lib/breadcrumb/Breadcrumb.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/breadcrumb/Breadcrumb.tsx
+var Breadcrumb_exports = {};
+module.exports = __toCommonJS(Breadcrumb_exports);
+__reExport(Breadcrumb_exports, require("antd/es/breadcrumb/Breadcrumb"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("antd/es/breadcrumb/Breadcrumb")
+});

package/lib/breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+import { Breadcrumb } from 'antd';
+export * from './Breadcrumb';
+export * from 'antd/es/breadcrumb';
+export default Breadcrumb;

package/lib/breadcrumb/index.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/breadcrumb/index.ts
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
+  default: () => breadcrumb_default
+});
+module.exports = __toCommonJS(breadcrumb_exports);
+var import_antd = require("antd");
+__reExport(breadcrumb_exports, require("./Breadcrumb"), module.exports);
+__reExport(breadcrumb_exports, require("antd/es/breadcrumb"), module.exports);
+var breadcrumb_default = import_antd.Breadcrumb;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Breadcrumb"),
+  ...require("antd/es/breadcrumb")
+});

package/lib/index.d.ts

@@ -13,6 +13,7 @@ export { default as Table } from './table';
 export { default as Tabs } from './tabs';
 export { default as theme } from './theme';
 export { default as Tooltip } from './tooltip';
+export { default as Breadcrumb } from './breadcrumb';
 declare const useToken: () => {
     theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
     token: import("antd").GlobalToken;

package/lib/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Alert: () => import_alert.default,
+  Breadcrumb: () => import_breadcrumb.default,
   Button: () => import_button.default,
   Card: () => import_card.default,
   ConfigProvider: () => import_config_provider.default,
@@ -64,10 +65,12 @@ var import_table = __toESM(require("./table"));
 var import_tabs = __toESM(require("./tabs"));
 var import_theme = __toESM(require("./theme"));
 var import_tooltip = __toESM(require("./tooltip"));
+var import_breadcrumb = __toESM(require("./breadcrumb"));
 var { useToken } = import_antd.theme;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
+  Breadcrumb,
   Button,
   Card,
   ConfigProvider,

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.8",
+  "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": "9ed8066adde779caed7d3dffbb30afb01ba1255b"
+  "gitHead": "6c0f8edb7a7871d3c87582c4293c74a58dc17072"
 }