@oceanbase/design 0.2.13 → 0.2.15

package/es/tabs/index.js

@@ -42,9 +42,8 @@ var Tabs = function Tabs(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('tabs', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var tabsCls = classNames(className, hashId);
+    wrapSSR = _useStyle.wrapSSR;
+  var tabsCls = classNames(className);
   var ref = useRef();
   var isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
   var newItems = items === null || items === void 0 ? void 0 : items.map(function (item) {
@@ -81,7 +80,9 @@ var Tabs = function Tabs(_ref) {
     tabPosition: tabPosition,
     containerRef: ref
   });
-  return wrapSSR( /*#__PURE__*/React.createElement(AntTabs, _extends({
+  return wrapSSR( /*#__PURE__*/React.createElement(AntTabs
+  // @ts-ignore
+  , _extends({
     ref: ref,
     items: newItems,
     defaultActiveKey: defaultActiveKey,

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
 export type TabsToken = FullToken<'Tabs'>;
-export declare const genTagStyle: GenerateStyle<TabsToken>;
+export type CardToken = FullToken<'Card'>;
+export declare const genTagStyle: GenerateStyle<TabsToken | CardToken>;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;

package/es/theme/index.d.ts

@@ -50,54 +50,6 @@ declare const _default: {
         gold: string;
     };
     defaultConfig: {
-        defaultSeed: {
-            colorPrimary: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorWarning: string;
-            colorError: string;
-            borderRadius: number;
-            blue: string;
-            green: string;
-            yellow: string;
-            red: string;
-            colorTextBase: string;
-            colorBgBase: string;
-            colorLink: string;
-            fontFamily: string;
-            fontFamilyCode: string;
-            fontSize: number;
-            lineWidth: number;
-            lineType: string;
-            sizeUnit: number;
-            sizeStep: number;
-            sizePopupArrow: number;
-            controlHeight: number;
-            zIndexBase: number;
-            zIndexPopupBase: number;
-            opacityImage: number;
-            motionUnit: number;
-            motionBase: number;
-            motionEaseOutCirc: string;
-            motionEaseInOutCirc: string;
-            motionEaseInOut: string;
-            motionEaseOutBack: string;
-            motionEaseInBack: string;
-            motionEaseInQuint: string;
-            motionEaseOutQuint: string;
-            motionEaseOut: string;
-            wireframe: boolean;
-            motion: boolean;
-            purple: string;
-            cyan: string;
-            magenta: string;
-            pink: string;
-            orange: string;
-            volcano: string;
-            geekblue: string;
-            lime: string;
-            gold: string;
-        };
         token: import("antd/es/theme/internal").SeedToken;
         hashed: boolean;
     };

package/es/theme/index.js

@@ -20,11 +20,13 @@ var defaultSeed = _objectSpread(_objectSpread({}, theme.defaultSeed), {}, {
   yellow: '#ffac33',
   red: '#ff4b4b'
 });
+
+// should use reference assign instead of clone assign
+var defaultConfig = theme.defaultConfig;
+defaultConfig.token = defaultSeed;
 export default _objectSpread(_objectSpread({}, theme), {}, {
   defaultSeed: defaultSeed,
-  defaultConfig: _objectSpread(_objectSpread({}, theme.defaultConfig), {}, {
-    defaultSeed: defaultSeed
-  }),
+  defaultConfig: defaultConfig,
   components: {
     InputNumber: {
       handleVisible: true

package/es/theme/internal.d.ts

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

package/es/theme/internal.js

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

package/es/tooltip/MouseTooltip.js

@@ -94,7 +94,7 @@ var MouseTooltip = function MouseTooltip(_ref) {
     }, restOverlayInnerStyle)
   }, restProps), /*#__PURE__*/React.createElement("div", {
     ref: ref
-  }, title)));
+  }, typeof title === 'function' ? title() : title)));
 };
 if (process.env.NODE_ENV !== 'production') {
   MouseTooltip.displayName = 'MouseTooltip';

package/es/tooltip/index.d.ts

@@ -5,6 +5,8 @@ export type TooltipType = 'default' | 'light' | 'success' | 'info' | 'warning' |
 export interface TooltipProps extends AntTooltipPropsWithTitle {
     type?: TooltipType;
     mouseFollow?: boolean;
+    closeIcon?: boolean | React.ReactNode;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
 }
 export declare const getTooltipTypeList: () => {
     type: string;

package/es/tooltip/index.js

@@ -1,17 +1,28 @@
 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", "type", "color", "overlayInnerStyle", "mouseFollow"];
+var _excluded = ["children", "type", "color", "overlayInnerStyle", "mouseFollow", "closeIcon", "onClose", "title", "className", "open"];
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { Tooltip as AntTooltip } from 'antd';
-import React from 'react';
+import { Tooltip as AntTooltip, Space } from 'antd';
+import React, { useContext, useMemo, useState } from 'react';
+import { CloseOutlined } from '@oceanbase/icons';
+import { isNil } from 'lodash';
 import { token } from "../static-function";
 import MouseTooltip from "./MouseTooltip";
+import ConfigProvider from "../config-provider";
+import useStyle from "./style";
+import classNames from 'classnames';
 export * from 'antd/es/tooltip';
 export var getTooltipTypeList = function getTooltipTypeList() {
   return [{
@@ -43,22 +54,74 @@ var Tooltip = function Tooltip(_ref) {
     color = _ref.color,
     overlayInnerStyle = _ref.overlayInnerStyle,
     mouseFollow = _ref.mouseFollow,
+    _ref$closeIcon = _ref.closeIcon,
+    closeIcon = _ref$closeIcon === void 0 ? false : _ref$closeIcon,
+    onClose = _ref.onClose,
+    title = _ref.title,
+    className = _ref.className,
+    propOpen = _ref.open,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var customizePrefixCls = restProps.prefixCls;
+  var prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var tooltipCls = classNames(className, hashId);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerOpen = _useState2[0],
+    setInnerOpen = _useState2[1];
+  var open = isNil(propOpen) ? innerOpen : propOpen;
+  var handleCloseClick = function handleCloseClick(e) {
+    e.stopPropagation();
+    onClose === null || onClose === void 0 ? void 0 : onClose(e);
+    if (e.defaultPrevented) {
+      return;
+    }
+    setInnerOpen(false);
+  };
+  var hasCloseIcon = !!closeIcon;
+  var CloseIconNode = useMemo(function () {
+    if (!hasCloseIcon) {
+      return null;
+    }
+    return closeIcon === true ? /*#__PURE__*/React.createElement(CloseOutlined, {
+      className: "".concat(prefixCls, "-close-icon"),
+      onClick: handleCloseClick
+    }) : /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-close-icon"),
+      onClick: handleCloseClick
+    }, closeIcon);
+  }, [closeIcon]);
+  var titleNode = typeof title === 'function' ? title() : title;
+  var titleWithCloseIcon = /*#__PURE__*/React.createElement(Space, {
+    className: "".concat(prefixCls, "-close-icon-wrap")
+  }, titleNode, CloseIconNode);
   var typeList = getTooltipTypeList();
   var typeItem = typeList.find(function (item) {
     return item.type === type;
   });
-  return mouseFollow ? /*#__PURE__*/React.createElement(MouseTooltip, _extends({
+  return wrapSSR(mouseFollow ? /*#__PURE__*/React.createElement(MouseTooltip, _extends({
+    title: title,
     color: color || (typeItem === null || typeItem === void 0 ? void 0 : typeItem.backgroundColor),
     overlayInnerStyle: _objectSpread({
       color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
-    }, overlayInnerStyle)
+    }, overlayInnerStyle),
+    className: tooltipCls
   }, restProps), children) : /*#__PURE__*/React.createElement(AntTooltip, _extends({
+    title: hasCloseIcon ? titleWithCloseIcon : title,
     color: color || (typeItem === null || typeItem === void 0 ? void 0 : typeItem.backgroundColor),
+    open: open,
+    onOpenChange: function onOpenChange(open) {
+      setInnerOpen(open);
+    },
     overlayInnerStyle: _objectSpread({
       color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
-    }, overlayInnerStyle)
-  }, restProps), children);
+    }, overlayInnerStyle),
+    className: tooltipCls
+  }, restProps), children));
 };
 if (process.env.NODE_ENV !== 'production') {
   Tooltip.displayName = AntTooltip.displayName;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type TooltipToken = FullToken<'Tooltip'>;
+export declare const genTooltipStyle: GenerateStyle<TooltipToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/es/tooltip/style/index.js

@@ -0,0 +1,29 @@
+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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genTooltipStyle = function genTooltipStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, _defineProperty({}, "".concat(componentCls, "-close-icon-wrap"), _defineProperty({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start',
+    wordBreak: 'break-all'
+  }, "".concat(componentCls, "-close-icon"), {
+    cursor: 'pointer'
+  })));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Tooltip', function (token) {
+    return [genTooltipStyle(token)];
+  }, function (_ref2) {
+    var zIndexPopupBase = _ref2.zIndexPopupBase,
+      colorBgSpotlight = _ref2.colorBgSpotlight;
+    return {
+      zIndexPopup: zIndexPopupBase + 70,
+      colorBgDefault: colorBgSpotlight
+    };
+  });
+  return useStyle(prefixCls);
+});

package/lib/_util/genComponentStyleHook.d.ts

@@ -2,8 +2,10 @@
 import type { CSSObject } from '@ant-design/cssinjs';
 import type { ComponentTokenMap } from 'antd/es/theme/interface';
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { GlobalToken } from 'antd/es/theme/interface';
+import type { OverrideTokenWithoutDerivative } from 'antd/es/theme/util/genComponentStyleHook';
 export type ComponentName = keyof ComponentTokenMap;
-export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>): (prefixCls: string) => {
+export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/_util/genComponentStyleHook.js

@@ -23,11 +23,15 @@ __export(genComponentStyleHook_exports, {
 });
 module.exports = __toCommonJS(genComponentStyleHook_exports);
 var import_internal = require("antd/es/theme/internal");
-function genComponentStyleHook(componentName, styleFn) {
+function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return (prefixCls) => {
-    const useStyle = (0, import_internal.genComponentStyleHook)(`OB-${componentName}`, (token) => {
-      return [styleFn(token)];
-    });
+    const useStyle = (0, import_internal.genComponentStyleHook)(
+      `OB-${componentName}`,
+      (token) => {
+        return [styleFn(token)];
+      },
+      getDefaultToken
+    );
     const [wrapSSR, hashId] = useStyle(prefixCls);
     return {
       wrapSSR,

package/lib/alert/index.js

@@ -48,14 +48,13 @@ var Alert = ({
 }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("alert", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
   const alertCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-ghost`]: ghost,
       [`${prefixCls}-colored`]: colored
     },
-    className,
-    hashId
+    className
   );
   return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Alert, { prefixCls: customizePrefixCls, className: alertCls, ...restProps }));
 };

package/lib/alert/style/index.js

@@ -75,9 +75,28 @@ var genAlertStyle = (token) => {
     colorWarning,
     colorWarningHover,
     colorError,
-    colorErrorHover
+    colorErrorHover,
+    colorIcon,
+    colorIconHover,
+    motionDurationMid
   } = token;
+  const height = token.fontSize * token.lineHeight;
   return {
+    [`${componentCls}`]: {
+      // vertical align to flex-start
+      alignItems: "flex-start",
+      [`${componentCls}-icon`]: {
+        height
+      },
+      [`${componentCls}-close-icon`]: {
+        height,
+        color: colorIcon,
+        transition: `color ${motionDurationMid}`,
+        "&:hover": {
+          color: colorIconHover
+        }
+      }
+    },
     [`${componentCls}${componentCls}-with-description`]: {
       paddingBlock: token.padding,
       [`${componentCls}-message`]: {

package/lib/button/index.d.ts

@@ -5,7 +5,7 @@ export type ButtonProps = AntButtonProps;
 declare const Button: {
     ({ prefixCls: customizePrefixCls, className, ...restProps }: ButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
-    __ANT_BUTTON: any;
+    __ANT_BUTTON: boolean;
     displayName: string;
 };
 export default Button;

package/lib/button/index.js

@@ -42,8 +42,8 @@ __reExport(button_exports, require("antd/es/button"), module.exports);
 var Button = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("btn", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
-  const buttonCls = (0, import_classnames.default)(className, hashId);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const buttonCls = (0, import_classnames.default)(className);
   return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Button, { prefixCls: customizePrefixCls, className: buttonCls, ...restProps }));
 };
 Button.Group = import_antd.Button.Group;

package/lib/card/index.js

@@ -57,13 +57,12 @@ var Card = ({
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("card", customizePrefixCls);
   const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls, tabsPrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls, tabsPrefixCls);
   const cardCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-no-divider`]: !divided
     },
-    className,
-    hashId
+    className
   );
   const ref = (0, import_react.useRef)();
   const newTabList = tabList == null ? void 0 : tabList.map((item) => {

package/lib/card/style/index.js

@@ -44,13 +44,11 @@ var genCardStyle = (token) => {
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {
-      [`${componentCls}-head`]: {
-        ...(0, import_style.genTagStyle)({
-          ...token,
-          componentCls: tabsComponentCls,
-          prefixCls: tabsPrefixCls
-        })
-      }
+      [`${componentCls}-head`]: (0, import_style.genTagStyle)({
+        ...token,
+        componentCls: tabsComponentCls,
+        prefixCls: tabsPrefixCls
+      })
     }
   };
 };

package/lib/config-provider/index.d.ts

@@ -1,21 +1,30 @@
 import React from 'react';
-import type { ConfigProviderProps as AntConfigProviderProps, ThemeConfig as AntThemeConfig } from 'antd/es/config-provider';
+import type { ConfigProviderProps as AntConfigProviderProps, ConfigConsumerProps as AntConfigConsumerProps, ThemeConfig as AntThemeConfig } from 'antd/es/config-provider';
+import type { ComponentStyleConfig } from 'antd/es/config-provider/context';
+import type { SpinIndicator } from 'antd/es/spin';
 import type { NavigateFunction } from './navigate';
 export * from './navigate';
 export * from 'antd/es/config-provider';
 export interface ThemeConfig extends AntThemeConfig {
     isDark?: boolean;
 }
+export type SpinConfig = ComponentStyleConfig & {
+    indicator?: SpinIndicator;
+};
+export interface ConfigConsumerProps extends AntConfigConsumerProps {
+    spin?: SpinConfig;
+}
 export interface ConfigProviderProps extends AntConfigProviderProps {
     theme?: ThemeConfig;
     navigate?: NavigateFunction;
+    spin?: SpinConfig;
 }
 export interface ExtendedConfigConsumerProps {
     navigate?: NavigateFunction;
 }
 declare const ConfigProvider: {
-    ({ children, theme, navigate, ...restProps }: ConfigProviderProps): React.JSX.Element;
-    ConfigContext: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
+    ({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): React.JSX.Element;
+    ConfigContext: React.Context<ConfigConsumerProps>;
     ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
     SizeContext: React.Context<import("antd/es/button").ButtonSize>;
     config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {

package/lib/config-provider/index.js

@@ -44,11 +44,12 @@ var ExtendedConfigContext = import_react.default.createContext({
   navigate: void 0
 });
 var { defaultSeed, components } = import_theme.default;
-var ConfigProvider = ({ children, theme, navigate, ...restProps }) => {
+var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
   var _a;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.ConfigProvider,
     {
+      spin,
       theme: {
         ...theme,
         // Only set seed token for dark theme

package/lib/descriptions/index.js

@@ -35,7 +35,6 @@ __export(descriptions_exports, {
 module.exports = __toCommonJS(descriptions_exports);
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_lodash = require("lodash");
 var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -52,8 +51,8 @@ var Descriptions = ({
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("descriptions", customizePrefixCls);
   const typographyPrefixCls = getPrefixCls("typography", customizePrefixCls);
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls, typographyPrefixCls);
-  const descriptionsCls = (0, import_classnames.default)(className, hashId);
+  const { wrapSSR } = (0, import_style.default)(prefixCls, typographyPrefixCls);
+  const descriptionsCls = (0, import_classnames.default)(className);
   const newChildren = bordered ? children : (0, import_toArray.default)(children).map((node) => {
     if (import_react.default.isValidElement(node)) {
       const { props } = node;
@@ -74,14 +73,14 @@ var Descriptions = ({
             import_antd.Typography.Text,
             {
               ...restContentProps,
-              ellipsis: (0, import_lodash.isObject)(ellipsis) ? {
+              ellipsis: typeof ellipsis === "object" ? {
                 ...ellipsis,
                 tooltip: (
                   // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
                   (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TOOLTIP) ? void 0 : {
                     ...defaultEllipsis.tooltip,
                     // TooltipProps
-                    ...(0, import_lodash.isObject)(ellipsis.tooltip) && !(0, import_react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
+                    ...typeof ellipsis.tooltip === "object" && !(0, import_react.isValidElement)(ellipsis.tooltip) ? ellipsis.tooltip : {
                       title: ellipsis.tooltip
                     }
                   }

package/lib/form/FormItem.d.ts

@@ -8,7 +8,7 @@ export type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
 export type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
 declare const FormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
+        status?: "" | "success" | "warning" | "error" | "validating";
         errors: ReactNode[];
         warnings: ReactNode[];
     };

package/lib/index.d.ts

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

package/lib/index.js

@@ -38,6 +38,7 @@ __export(src_exports, {
   Descriptions: () => import_descriptions.default,
   Form: () => import_form.default,
   Modal: () => import_modal.default,
+  Spin: () => import_spin.default,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
   Tooltip: () => import_tooltip.default,
@@ -66,6 +67,7 @@ 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 import_spin = __toESM(require("./spin"));
 var { useToken } = import_antd.theme;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -77,6 +79,7 @@ var { useToken } = import_antd.theme;
   Descriptions,
   Form,
   Modal,
+  Spin,
   Table,
   Tabs,
   Tooltip,

package/lib/lottie/index.d.ts

@@ -0,0 +1,16 @@
+import type { AnimationConfig, AnimationItem } from 'lottie-web';
+import React from 'react';
+export interface LottieProps extends Omit<AnimationConfig, 'container'> {
+    path?: string;
+    animationData?: any;
+    mode?: 'default' | 'icon';
+    loop?: boolean;
+    speed?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface LottieRef {
+    animation: AnimationItem;
+}
+declare const Lottie: React.ForwardRefExoticComponent<LottieProps & React.RefAttributes<LottieRef>>;
+export default Lottie;