@oceanbase/design 0.2.20 → 0.2.22

package/lib/theme/index.d.ts

@@ -51,6 +51,9 @@ declare const _default: {
     };
     defaultConfig: {
         token: import("antd/es/theme/internal").SeedToken;
+        override: {
+            override: import("antd/es/theme/internal").SeedToken;
+        };
         hashed: boolean;
     };
     components: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -35,26 +35,26 @@
     "postbuild": "cp src/style/reset.css dist/"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.17.0",
-    "@oceanbase/icons": "^0.2.7",
-    "@oceanbase/util": "^0.2.9",
+    "@ant-design/cssinjs": "^1.17.2",
+    "@oceanbase/icons": "^0.2.8",
+    "@oceanbase/util": "^0.2.10",
     "ahooks": "^2.10.14",
-    "antd": "^5.9.0",
+    "antd": "^5.10.1",
     "classnames": "^2.3.2",
     "lodash": "^4.17.21",
     "lottie-web": "^5.12.2",
     "prop-types": "^15.8.1",
-    "rc-util": "^5.37.0",
+    "rc-util": "^5.38.0",
     "react-sticky-mouse-tooltip": "^0.0.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.23.0",
-    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-env": "^7.23.2",
     "antd-token-previewer": "^1.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "f1b50fbb012ad65a936b94c23bd64bed3256c1b3"
+  "gitHead": "265c33e6cc878f7b00c14518850c93c91749353b"
 }

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

@@ -1,12 +0,0 @@
-import type { SizeType } from 'antd/es/config-provider/SizeContext';
-import type { TabsPosition, TabsType } from 'antd/es/tabs';
-import type { MutableRefObject } from 'react';
-declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
-    prefixCls: string;
-    activeKey: string;
-    size: SizeType;
-    type: TabsType;
-    tabPosition: TabsPosition;
-    containerRef: MutableRefObject<HTMLDivElement>;
-}) => void;
-export default _default;

package/es/tabs/hooks/useInkBar.js

@@ -1,41 +0,0 @@
-import { useEffect } from 'react';
-export default (function (_ref) {
-  var prefixCls = _ref.prefixCls,
-    activeKey = _ref.activeKey,
-    size = _ref.size,
-    type = _ref.type,
-    tabPosition = _ref.tabPosition,
-    containerRef = _ref.containerRef;
-  var isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
-  var isVertical = tabPosition === 'left' || tabPosition === 'right';
-  useEffect(function () {
-    var _containerNode$getEle;
-    // Tabs 容器节点
-    var containerNode = containerRef.current;
-    // inkbar 节点
-    var inkBarNode = containerNode === null || containerNode === void 0 ? void 0 : (_containerNode$getEle = containerNode.getElementsByClassName("".concat(prefixCls, "-ink-bar"))) === null || _containerNode$getEle === void 0 ? void 0 : _containerNode$getEle[0];
-    // 当前选中的 Tab 节点
-    var activeTabNode = containerNode === null || containerNode === void 0 ? void 0 : containerNode.querySelector("[data-node-key=\"".concat(activeKey, "\"]"));
-    // 当前选中的 Tab 下的 btn 节点
-    var activeTabBtnNode = containerNode === null || containerNode === void 0 ? void 0 : containerNode.querySelector("[data-node-key=\"".concat(activeKey, "\"]>.").concat(prefixCls, "-tab-btn"));
-
-    // 水平布局下 inkbar 的偏移量
-    var horizontalOffset = 8;
-    setTimeout(function () {
-      if ((!type || type === 'line') && inkBarNode) {
-        // 水平布局，如果 inkbar 宽度 >= 24，则两侧各减去 8px，并保持水平居中
-        if (isHorizontal && (activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) >= 24) {
-          inkBarNode.style.width = "".concat((activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) - horizontalOffset * 2, "px");
-          inkBarNode.style.marginLeft = "".concat(horizontalOffset, "px");
-          inkBarNode.style.marginTop = '0px';
-        }
-        // 垂直布局，inkbar 高度始终与 Tab btn 相同，并保持垂直居中
-        if (isVertical) {
-          inkBarNode.style.height = "".concat(activeTabBtnNode === null || activeTabBtnNode === void 0 ? void 0 : activeTabBtnNode.offsetHeight, "px");
-          inkBarNode.style.marginTop = "".concat(((activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetHeight) - (activeTabBtnNode === null || activeTabBtnNode === void 0 ? void 0 : activeTabBtnNode.offsetHeight)) / 2, "px");
-          inkBarNode.style.marginLeft = '0px';
-        }
-      }
-    }, 100);
-  }, [prefixCls, activeKey, size, type, isHorizontal, isVertical, containerRef]);
-});

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

@@ -1,12 +0,0 @@
-import type { SizeType } from 'antd/es/config-provider/SizeContext';
-import type { TabsPosition, TabsType } from 'antd/es/tabs';
-import type { MutableRefObject } from 'react';
-declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
-    prefixCls: string;
-    activeKey: string;
-    size: SizeType;
-    type: TabsType;
-    tabPosition: TabsPosition;
-    containerRef: MutableRefObject<HTMLDivElement>;
-}) => void;
-export default _default;

package/lib/tabs/hooks/useInkBar.js

@@ -1,62 +0,0 @@
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/tabs/hooks/useInkBar.ts
-var useInkBar_exports = {};
-__export(useInkBar_exports, {
-  default: () => useInkBar_default
-});
-module.exports = __toCommonJS(useInkBar_exports);
-var import_react = require("react");
-var useInkBar_default = ({
-  prefixCls,
-  activeKey,
-  size,
-  type,
-  tabPosition,
-  containerRef
-}) => {
-  const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
-  const isVertical = tabPosition === "left" || tabPosition === "right";
-  (0, import_react.useEffect)(() => {
-    var _a;
-    const containerNode = containerRef.current;
-    const inkBarNode = (_a = containerNode == null ? void 0 : containerNode.getElementsByClassName(
-      `${prefixCls}-ink-bar`
-    )) == null ? void 0 : _a[0];
-    const activeTabNode = containerNode == null ? void 0 : containerNode.querySelector(`[data-node-key="${activeKey}"]`);
-    const activeTabBtnNode = containerNode == null ? void 0 : containerNode.querySelector(
-      `[data-node-key="${activeKey}"]>.${prefixCls}-tab-btn`
-    );
-    const horizontalOffset = 8;
-    setTimeout(() => {
-      if ((!type || type === "line") && inkBarNode) {
-        if (isHorizontal && (activeTabNode == null ? void 0 : activeTabNode.offsetWidth) >= 24) {
-          inkBarNode.style.width = `${(activeTabNode == null ? void 0 : activeTabNode.offsetWidth) - horizontalOffset * 2}px`;
-          inkBarNode.style.marginLeft = `${horizontalOffset}px`;
-          inkBarNode.style.marginTop = "0px";
-        }
-        if (isVertical) {
-          inkBarNode.style.height = `${activeTabBtnNode == null ? void 0 : activeTabBtnNode.offsetHeight}px`;
-          inkBarNode.style.marginTop = `${((activeTabNode == null ? void 0 : activeTabNode.offsetHeight) - (activeTabBtnNode == null ? void 0 : activeTabBtnNode.offsetHeight)) / 2}px`;
-          inkBarNode.style.marginLeft = "0px";
-        }
-      }
-    }, 100);
-  }, [prefixCls, activeKey, size, type, isHorizontal, isVertical, containerRef]);
-};