@oceanbase/design 0.2.17 → 0.2.19

package/lib/tabs/TabPane.d.ts

@@ -3,5 +3,5 @@ import type React from 'react';
 export interface TabPaneProps extends AntTabPaneProps {
     tag?: React.ReactNode;
 }
-declare const _default: React.FC<AntTabPaneProps>;
+declare const _default: React.FC<TabPaneProps>;
 export default _default;

package/lib/tabs/index.d.ts

@@ -12,7 +12,7 @@ export interface TabsProps extends AntTabsProps {
 export type TabsPosition = AntTabsPosition;
 declare const Tabs: {
     ({ children, items, defaultActiveKey, activeKey: activeKeyProp, onChange, size, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    TabPane: React.FC<import("antd").TabPaneProps>;
+    TabPane: React.FC<import("./TabPane").TabPaneProps>;
     displayName: string;
 };
 export default Tabs;

package/lib/tooltip/index.js

@@ -48,7 +48,7 @@ var getTooltipTypeList = () => [
   {
     type: "light",
     color: import_static_function.token.colorText,
-    backgroundColor: "#ffffff"
+    backgroundColor: import_static_function.token.colorBgElevated
   },
   {
     type: "success",
@@ -110,37 +110,39 @@ var Tooltip = ({
   const titleWithCloseIcon = /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${prefixCls}-close-icon-wrap` }, titleNode, CloseIconNode);
   const typeList = getTooltipTypeList();
   const typeItem = typeList.find((item) => item.type === type);
-  return wrapSSR(mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
-    import_MouseTooltip.default,
-    {
-      title,
-      color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
-      overlayInnerStyle: {
-        color: typeItem == null ? void 0 : typeItem.color,
-        ...overlayInnerStyle
+  return wrapSSR(
+    mouseFollow ? /* @__PURE__ */ import_react.default.createElement(
+      import_MouseTooltip.default,
+      {
+        title,
+        color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
+        overlayInnerStyle: {
+          color: typeItem == null ? void 0 : typeItem.color,
+          ...overlayInnerStyle
+        },
+        className: tooltipCls,
+        ...restProps
       },
-      className: tooltipCls,
-      ...restProps
-    },
-    children
-  ) : /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Tooltip,
-    {
-      title: hasCloseIcon ? titleWithCloseIcon : title,
-      color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
-      open,
-      onOpenChange: (open2) => {
-        setInnerOpen(open2);
+      children
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tooltip,
+      {
+        title: hasCloseIcon ? titleWithCloseIcon : title,
+        color: color || (typeItem == null ? void 0 : typeItem.backgroundColor),
+        open,
+        onOpenChange: (newOpen) => {
+          setInnerOpen(newOpen);
+        },
+        overlayInnerStyle: {
+          color: typeItem == null ? void 0 : typeItem.color,
+          ...overlayInnerStyle
+        },
+        className: tooltipCls,
+        ...restProps
       },
-      overlayInnerStyle: {
-        color: typeItem == null ? void 0 : typeItem.color,
-        ...overlayInnerStyle
-      },
-      className: tooltipCls,
-      ...restProps
-    },
-    children
-  ));
+      children
+    )
+  );
 };
 if (process.env.NODE_ENV !== "production") {
   Tooltip.displayName = import_antd.Tooltip.displayName;

package/lib/tooltip/style/index.js

@@ -41,12 +41,16 @@ var genTooltipStyle = (token) => {
   };
 };
 var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tooltip", (token) => {
-    return [genTooltipStyle(token)];
-  }, ({ zIndexPopupBase, colorBgSpotlight }) => ({
-    zIndexPopup: zIndexPopupBase + 70,
-    colorBgDefault: colorBgSpotlight
-  }));
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)(
+    "Tooltip",
+    (token) => {
+      return [genTooltipStyle(token)];
+    },
+    ({ zIndexPopupBase, colorBgSpotlight }) => ({
+      zIndexPopup: zIndexPopupBase + 70,
+      colorBgDefault: colorBgSpotlight
+    })
+  );
   return useStyle(prefixCls);
 };
 // Annotate the CommonJS export names for ESM import in node:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -36,13 +36,14 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.17.0",
-    "@oceanbase/icons": "^0.2.6",
+    "@oceanbase/icons": "^0.2.7",
     "@oceanbase/util": "^0.2.8",
     "ahooks": "^2.10.14",
     "antd": "^5.9.0",
     "classnames": "^2.3.2",
     "lodash": "^4.17.21",
     "lottie-web": "^5.12.2",
+    "prop-types": "^15.8.1",
     "rc-util": "^5.37.0",
     "react-sticky-mouse-tooltip": "^0.0.1"
   },
@@ -52,8 +53,8 @@
     "antd-token-previewer": "^1.1.0"
   },
   "peerDependencies": {
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0"
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
-  "gitHead": "6f801e95ba5ddc345f6d2c462bcf2af1abc74c84"
+  "gitHead": "3d55f9a8967c0b20491eb7d154f53db8943c1522"
 }

package/es/badge/IconBadge.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface IconBadgeProps {
-    prefixCls: any;
-    className?: string;
-    status?: string;
-    text?: React.ReactNode;
-    icon?: boolean | React.ReactNode;
-}
-declare const IconBadge: ({ icon, status, text, className, ...restProps }: IconBadgeProps) => React.JSX.Element;
-export default IconBadge;

package/es/badge/IconBadge.js

@@ -1,37 +0,0 @@
-var _excluded = ["icon", "status", "text", "className"];
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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 React from 'react';
-import { Space } from 'antd';
-import { CloseCircleFilled, CheckCircleFilled, Loading3QuartersOutlined, StopFilled, ClockCircleFilled } from '@ant-design/icons';
-// @ts-ignore
-// import waitingIcon from './style/waiting.png';
-var IconBadge = function IconBadge(_ref) {
-  var icon = _ref.icon,
-    status = _ref.status,
-    text = _ref.text,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var classNameIcon = "".concat(className, "-status-icon ").concat(className, "-status-").concat(status);
-  var statusTextNode = !text ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement("span", {
-    className: "".concat(className, "-status-text")
-  }, text);
-  var iconMap = {
-    default: /*#__PURE__*/React.createElement(StopFilled, null),
-    processing: /*#__PURE__*/React.createElement(Loading3QuartersOutlined, {
-      style: {
-        display: 'inline-block',
-        animation: 'loadingCircle 1s infinite linear'
-      }
-    }),
-    success: /*#__PURE__*/React.createElement(CheckCircleFilled, null),
-    error: /*#__PURE__*/React.createElement(CloseCircleFilled, null),
-    warning: /*#__PURE__*/React.createElement(ClockCircleFilled, null)
-  };
-  return /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(className)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: classNameIcon
-  }, /*#__PURE__*/React.isValidElement(icon) ? icon : iconMap === null || iconMap === void 0 ? void 0 : iconMap[status]), statusTextNode);
-};
-export default IconBadge;

package/es/callapse/index.d.ts

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

package/es/callapse/index.js

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

package/es/statistic/interface.js

@@ -1 +0,0 @@
-export * from 'antd/es/statistic/interface';

package/lib/badge/IconBadge.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface IconBadgeProps {
-    prefixCls: any;
-    className?: string;
-    status?: string;
-    text?: React.ReactNode;
-    icon?: boolean | React.ReactNode;
-}
-declare const IconBadge: ({ icon, status, text, className, ...restProps }: IconBadgeProps) => React.JSX.Element;
-export default IconBadge;

package/lib/badge/IconBadge.js

@@ -1,53 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/badge/IconBadge.tsx
-var IconBadge_exports = {};
-__export(IconBadge_exports, {
-  default: () => IconBadge_default
-});
-module.exports = __toCommonJS(IconBadge_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-var IconBadge = ({ icon, status, text, className, ...restProps }) => {
-  const classNameIcon = `${className}-status-icon ${className}-status-${status}`;
-  const statusTextNode = !text ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null) : /* @__PURE__ */ import_react.default.createElement("span", { className: `${className}-status-text` }, text);
-  const iconMap = {
-    default: /* @__PURE__ */ import_react.default.createElement(import_icons.StopFilled, null),
-    processing: /* @__PURE__ */ import_react.default.createElement(import_icons.Loading3QuartersOutlined, { style: {
-      display: "inline-block",
-      animation: "loadingCircle 1s infinite linear"
-    } }),
-    success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
-    error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
-    warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleFilled, null)
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: `${className}` }, /* @__PURE__ */ import_react.default.createElement("span", { className: classNameIcon }, import_react.default.isValidElement(icon) ? icon : iconMap == null ? void 0 : iconMap[status]), statusTextNode);
-};
-var IconBadge_default = IconBadge;

package/lib/callapse/index.d.ts

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