@oceanbase/design 0.2.6 → 0.2.7

package/es/card/style/index.d.ts

@@ -0,0 +1,11 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type CardToken = FullToken<'Card'> & {
+    tabsComponentCls: string;
+    tabsPrefixCls: string;
+};
+export declare const genCardStyle: GenerateStyle<CardToken>;
+declare const _default: (prefixCls: string, tabsPrefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/es/card/style/index.js

@@ -7,23 +7,20 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { genTagStyle } from "../../tabs/style";
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genCardStyle = function genCardStyle(token) {
-  var _$concat$concat, _ref;
+  var _ref;
   var componentCls = token.componentCls,
     tabsComponentCls = token.tabsComponentCls,
     tabsPrefixCls = token.tabsPrefixCls,
     padding = token.padding,
     paddingSM = token.paddingSM,
     paddingLG = token.paddingLG;
-  return _ref = {}, _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-no-divider"), (_$concat$concat = {}, _defineProperty(_$concat$concat, "".concat(componentCls, "-head"), {
+  return _ref = {}, _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-head"), {
     borderBottom: 'none'
-  }), _defineProperty(_$concat$concat, "".concat(componentCls, "-body"), {
+  })), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingLG, "px ").concat(padding, "px ").concat(paddingLG, "px")
-  }), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-body"), {
+  })), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingSM, "px 12px ").concat(paddingSM, "px")
-  })), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), _objectSpread({
-    // 包含页签时，去掉 head 的底部分割线
-    borderBottom: 'none'
-  }, genTagStyle(_objectSpread(_objectSpread({}, token), {}, {
+  })), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), _objectSpread({}, genTagStyle(_objectSpread(_objectSpread({}, token), {}, {
     componentCls: tabsComponentCls,
     prefixCls: tabsPrefixCls
   }))))), _ref;

package/es/tooltip/MouseTooltip.d.ts

@@ -0,0 +1,9 @@
+import type { TooltipPropsWithTitle as AntTooltipPropsWithTitle } from 'antd/es/tooltip';
+import React from 'react';
+interface MouseTooltipProps extends AntTooltipPropsWithTitle {
+    visible?: boolean;
+    offsetX?: number;
+    offsetY?: number;
+}
+declare const MouseTooltip: React.FC<MouseTooltipProps>;
+export default MouseTooltip;

package/es/tooltip/MouseTooltip.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "title", "visible", "open", "onOpenChange", "onVisibleChange", "overlayInnerStyle", "mouseEnterDelay", "mouseLeaveDelay"],
+var _excluded = ["children", "title", "color", "visible", "open", "onOpenChange", "onVisibleChange", "overlayInnerStyle", "mouseEnterDelay", "mouseLeaveDelay"],
   _excluded2 = ["color"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -22,6 +22,7 @@ import { token } from "../static-function";
 var MouseTooltip = function MouseTooltip(_ref) {
   var children = _ref.children,
     title = _ref.title,
+    backgroundColor = _ref.color,
     _ref$visible = _ref.visible,
     outerVisible = _ref$visible === void 0 ? true : _ref$visible,
     _ref$open = _ref.open,
@@ -39,12 +40,12 @@ var MouseTooltip = function MouseTooltip(_ref) {
     visible = _useState2[0],
     setVisible = _useState2[1];
   var _ref2 = overlayInnerStyle || {},
-    color = _ref2.color,
+    textColor = _ref2.color,
     restOverlayInnerStyle = _objectWithoutProperties(_ref2, _excluded2);
   var handleVisibleChange = function handleVisibleChange(value) {
     setVisible(value);
-    onOpenChange(value);
-    onVisibleChange(value);
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value);
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(value);
   };
 
   // 获取鼠标位置
@@ -76,9 +77,9 @@ var MouseTooltip = function MouseTooltip(_ref) {
     onMouseLeave: function onMouseLeave() {
       setTimeout(function () {
         handleVisibleChange(false);
-      }, mouseLeaveDelay);
+      }, mouseLeaveDelay * 1000);
     }
-  }, children), /*#__PURE__*/React.createElement(ReactStickyMouseTooltip, _extends({
+  }, children), title && /*#__PURE__*/React.createElement(ReactStickyMouseTooltip, _extends({
     visible: visible,
     style: _objectSpread({
       // 需要大于 Popover 的 1030 zIndex 值，否则会被遮挡
@@ -86,8 +87,8 @@ var MouseTooltip = function MouseTooltip(_ref) {
       padding: '6px 8px',
       boxShadow: token.boxShadowSecondary,
       borderRadius: token.borderRadius,
-      color: color || token.colorTextLightSolid,
-      backgroundColor: token.colorBgSpotlight,
+      color: textColor || token.colorTextLightSolid,
+      backgroundColor: backgroundColor || token.colorBgSpotlight,
       left: isOverWidth ? mouse.clientX - tooltipWidth - offset : mouse.clientX + offset,
       top: isOverHeight ? mouse.clientY - tooltipHeight - offset : mouse.clientY + offset
     }, restOverlayInnerStyle)

package/lib/card/style/index.d.ts

@@ -0,0 +1,11 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type CardToken = FullToken<'Card'> & {
+    tabsComponentCls: string;
+    tabsPrefixCls: string;
+};
+export declare const genCardStyle: GenerateStyle<CardToken>;
+declare const _default: (prefixCls: string, tabsPrefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/card/style/index.js

@@ -31,20 +31,20 @@ var genCardStyle = (token) => {
     [`${componentCls}${componentCls}-no-divider`]: {
       [`${componentCls}-head`]: {
         borderBottom: "none"
-      },
+      }
+    },
+    [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
         padding: `0 ${paddingLG}px ${padding}px ${paddingLG}px`
       }
     },
-    [`${componentCls}-small${componentCls}-no-divider`]: {
+    [`${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
         padding: `0 ${paddingSM}px 12px ${paddingSM}px`
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {
       [`${componentCls}-head`]: {
-        // 包含页签时，去掉 head 的底部分割线
-        borderBottom: "none",
         ...(0, import_style.genTagStyle)({
           ...token,
           componentCls: tabsComponentCls,

package/lib/tooltip/MouseTooltip.d.ts

@@ -0,0 +1,9 @@
+import type { TooltipPropsWithTitle as AntTooltipPropsWithTitle } from 'antd/es/tooltip';
+import React from 'react';
+interface MouseTooltipProps extends AntTooltipPropsWithTitle {
+    visible?: boolean;
+    offsetX?: number;
+    offsetY?: number;
+}
+declare const MouseTooltip: React.FC<MouseTooltipProps>;
+export default MouseTooltip;

package/lib/tooltip/MouseTooltip.js

@@ -39,6 +39,7 @@ var import_static_function = require("../static-function");
 var MouseTooltip = ({
   children,
   title,
+  color: backgroundColor,
   visible: outerVisible = true,
   open: outerOpen = true,
   onOpenChange,
@@ -49,11 +50,11 @@ var MouseTooltip = ({
   ...restProps
 }) => {
   const [visible, setVisible] = (0, import_react.useState)(false);
-  const { color, ...restOverlayInnerStyle } = overlayInnerStyle || {};
+  const { color: textColor, ...restOverlayInnerStyle } = overlayInnerStyle || {};
   const handleVisibleChange = (value) => {
     setVisible(value);
-    onOpenChange(value);
-    onVisibleChange(value);
+    onOpenChange == null ? void 0 : onOpenChange(value);
+    onVisibleChange == null ? void 0 : onVisibleChange(value);
   };
   const mouse = (0, import_ahooks.useMouse)();
   const ref = (0, import_react.useRef)(null);
@@ -78,11 +79,11 @@ var MouseTooltip = ({
       onMouseLeave: () => {
         setTimeout(() => {
           handleVisibleChange(false);
-        }, mouseLeaveDelay);
+        }, mouseLeaveDelay * 1e3);
       }
     },
     children
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), title && /* @__PURE__ */ import_react.default.createElement(
     import_react_sticky_mouse_tooltip.default,
     {
       visible,
@@ -92,8 +93,8 @@ var MouseTooltip = ({
         padding: "6px 8px",
         boxShadow: import_static_function.token.boxShadowSecondary,
         borderRadius: import_static_function.token.borderRadius,
-        color: color || import_static_function.token.colorTextLightSolid,
-        backgroundColor: import_static_function.token.colorBgSpotlight,
+        color: textColor || import_static_function.token.colorTextLightSolid,
+        backgroundColor: backgroundColor || import_static_function.token.colorBgSpotlight,
         left: isOverWidth ? mouse.clientX - tooltipWidth - offset : mouse.clientX + offset,
         top: isOverHeight ? mouse.clientY - tooltipHeight - offset : mouse.clientY + offset,
         ...restOverlayInnerStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "The Design System for OceanBase",
   "keywords": [
     "OceanBase",
@@ -56,5 +56,5 @@
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "ad719a3964434132196e732bb61004498ad829ee"
+  "gitHead": "aee73083e592c5060c9b72173664153783e97e23"
 }