@oceanbase/design 0.2.13 → 0.2.15

package/es/_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/es/_util/genComponentStyleHook.js

@@ -5,11 +5,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; }
 import { genComponentStyleHook as antGenComponentStyleHook } from 'antd/es/theme/internal';
-export function genComponentStyleHook(componentName, styleFn) {
+export function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return function (prefixCls) {
     var useStyle = antGenComponentStyleHook("OB-".concat(componentName), function (token) {
       return [styleFn(token)];
-    });
+    }, getDefaultToken);
     var _useStyle = useStyle(prefixCls),
       _useStyle2 = _slicedToArray(_useStyle, 2),
       wrapSSR = _useStyle2[0],

package/es/alert/index.js

@@ -23,9 +23,8 @@ var Alert = function Alert(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('alert', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var alertCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-ghost"), ghost), _defineProperty(_classNames, "".concat(prefixCls, "-colored"), colored), _classNames), className, hashId);
+    wrapSSR = _useStyle.wrapSSR;
+  var alertCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-ghost"), ghost), _defineProperty(_classNames, "".concat(prefixCls, "-colored"), colored), _classNames), className);
   return wrapSSR( /*#__PURE__*/React.createElement(AntAlert, _extends({
     prefixCls: customizePrefixCls,
     className: alertCls

package/es/alert/style/index.js

@@ -41,7 +41,7 @@ var genColoredStyle = function genColoredStyle(color, colorHover, token) {
   }), _$concat)), _ref;
 };
 export var genAlertStyle = function genAlertStyle(token) {
-  var _$concat$concat, _$concat$concat$conca, _$concat2, _ref2;
+  var _$concat2, _$concat$concat, _$concat$concat$conca, _$concat3, _ref2;
   var componentCls = token.componentCls,
     colorSuccess = token.colorSuccess,
     colorSuccessHover = token.colorSuccessHover,
@@ -50,8 +50,25 @@ export var genAlertStyle = function genAlertStyle(token) {
     colorWarning = token.colorWarning,
     colorWarningHover = token.colorWarningHover,
     colorError = token.colorError,
-    colorErrorHover = token.colorErrorHover;
-  return _ref2 = {}, _defineProperty(_ref2, "".concat(componentCls).concat(componentCls, "-with-description"), (_$concat$concat = {
+    colorErrorHover = token.colorErrorHover,
+    colorIcon = token.colorIcon,
+    colorIconHover = token.colorIconHover,
+    motionDurationMid = token.motionDurationMid;
+  // height = fontSize * lineHeight
+  var height = token.fontSize * token.lineHeight;
+  return _ref2 = {}, _defineProperty(_ref2, "".concat(componentCls), (_$concat2 = {
+    // vertical align to flex-start
+    alignItems: 'flex-start'
+  }, _defineProperty(_$concat2, "".concat(componentCls, "-icon"), {
+    height: height
+  }), _defineProperty(_$concat2, "".concat(componentCls, "-close-icon"), {
+    height: height,
+    color: colorIcon,
+    transition: "color ".concat(motionDurationMid),
+    '&:hover': {
+      color: colorIconHover
+    }
+  }), _$concat2)), _defineProperty(_ref2, "".concat(componentCls).concat(componentCls, "-with-description"), (_$concat$concat = {
     paddingBlock: token.padding
   }, _defineProperty(_$concat$concat, "".concat(componentCls, "-message"), {
     marginBottom: token.marginXXS
@@ -63,7 +80,7 @@ export var genAlertStyle = function genAlertStyle(token) {
     border: 'none',
     padding: 0,
     borderRadius: 0
-  }), _defineProperty(_ref2, "".concat(componentCls, "-colored"), (_$concat2 = {}, _defineProperty(_$concat2, "&".concat(componentCls, "-success"), genColoredStyle(colorSuccess, colorSuccessHover, token)), _defineProperty(_$concat2, "&".concat(componentCls, "-info"), genColoredStyle(colorInfo, colorInfoHover, token)), _defineProperty(_$concat2, "&".concat(componentCls, "-warning"), genColoredStyle(colorWarning, colorWarningHover, token)), _defineProperty(_$concat2, "&".concat(componentCls, "-error"), genColoredStyle(colorError, colorErrorHover, token)), _$concat2)), _ref2;
+  }), _defineProperty(_ref2, "".concat(componentCls, "-colored"), (_$concat3 = {}, _defineProperty(_$concat3, "&".concat(componentCls, "-success"), genColoredStyle(colorSuccess, colorSuccessHover, token)), _defineProperty(_$concat3, "&".concat(componentCls, "-info"), genColoredStyle(colorInfo, colorInfoHover, token)), _defineProperty(_$concat3, "&".concat(componentCls, "-warning"), genColoredStyle(colorWarning, colorWarningHover, token)), _defineProperty(_$concat3, "&".concat(componentCls, "-error"), genColoredStyle(colorError, colorErrorHover, token)), _$concat3)), _ref2;
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Alert', function (token) {

package/es/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/es/button/index.js

@@ -16,9 +16,8 @@ var Button = function Button(_ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('btn', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var buttonCls = classNames(className, hashId);
+    wrapSSR = _useStyle.wrapSSR;
+  var buttonCls = classNames(className);
   return wrapSSR( /*#__PURE__*/React.createElement(AntButton, _extends({
     prefixCls: customizePrefixCls,
     className: buttonCls

package/es/card/index.js

@@ -40,9 +40,8 @@ var Card = function Card(_ref) {
   var prefixCls = getPrefixCls('card', customizePrefixCls);
   var tabsPrefixCls = getPrefixCls('tabs', customizePrefixCls);
   var _useStyle = useStyle(prefixCls, tabsPrefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var cardCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-divider"), !divided), className, hashId);
+    wrapSSR = _useStyle.wrapSSR;
+  var cardCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-divider"), !divided), className);
   var ref = useRef();
   var newTabList = tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) {
     if (!isNullValue(item.tag)) {

package/es/card/style/index.js

@@ -20,10 +20,10 @@ export var genCardStyle = function genCardStyle(token) {
     padding: "0 ".concat(paddingLG, "px ").concat(padding, "px ").concat(paddingLG, "px")
   })), _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({}, genTagStyle(_objectSpread(_objectSpread({}, token), {}, {
+  })), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), genTagStyle(_objectSpread(_objectSpread({}, token), {}, {
     componentCls: tabsComponentCls,
     prefixCls: tabsPrefixCls
-  }))))), _ref;
+  })))), _ref;
 };
 export default (function (prefixCls, tabsPrefixCls) {
   var useStyle = genComponentStyleHook('Card', function (token) {

package/es/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/es/config-provider/index.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", "theme", "navigate"];
+var _excluded = ["children", "theme", "navigate", "spin"];
 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; }
@@ -28,8 +28,10 @@ var ConfigProvider = function ConfigProvider(_ref) {
   var children = _ref.children,
     theme = _ref.theme,
     navigate = _ref.navigate,
+    spin = _ref.spin,
     restProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(AntConfigProvider, _extends({
+    spin: spin,
     theme: _objectSpread(_objectSpread({}, theme), {}, {
       // Only set seed token for dark theme
       // Because defaultThemeToken is designed for light theme

package/es/descriptions/index.js

@@ -1,8 +1,8 @@
-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", "bordered", "prefixCls", "className"],
   _excluded2 = ["children", "contentProps"],
   _excluded3 = ["ellipsis"];
 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 _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 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; }
@@ -12,7 +12,6 @@ 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 { Descriptions as AntDescriptions, Typography } from 'antd';
 import classNames from 'classnames';
-import { isObject } from 'lodash';
 import toArray from 'rc-util/lib/Children/toArray';
 import React, { isValidElement, useContext } from 'react';
 import ConfigProvider from "../config-provider";
@@ -30,9 +29,8 @@ var Descriptions = function Descriptions(_ref) {
   var prefixCls = getPrefixCls('descriptions', customizePrefixCls);
   var typographyPrefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls, typographyPrefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var descriptionsCls = classNames(className, hashId);
+    wrapSSR = _useStyle.wrapSSR;
+  var descriptionsCls = classNames(className);
 
   // 仅无边框时定制 children
   var newChildren = bordered ? children : toArray(children).map(function (node) {
@@ -55,10 +53,10 @@ var Descriptions = function Descriptions(_ref) {
       return _objectSpread(_objectSpread({}, node), {}, {
         props: _objectSpread(_objectSpread({}, restItemProps), {}, {
           children: /*#__PURE__*/React.createElement(Typography.Text, _extends({}, restContentProps, {
-            ellipsis: isObject(ellipsis) ? _objectSpread(_objectSpread({}, ellipsis), {}, {
+            ellipsis: _typeof(ellipsis) === 'object' ? _objectSpread(_objectSpread({}, ellipsis), {}, {
               tooltip:
               // 如果目标元素已经被 Tooltip 包裹，则去掉默认的 Tooltip，避免有两个 Tooltip
-              itemChildrenType !== null && itemChildrenType !== void 0 && itemChildrenType.__ANT_TOOLTIP ? undefined : _objectSpread(_objectSpread({}, defaultEllipsis.tooltip), isObject(ellipsis.tooltip) && ! /*#__PURE__*/isValidElement(ellipsis.tooltip) ? ellipsis.tooltip : {
+              itemChildrenType !== null && itemChildrenType !== void 0 && itemChildrenType.__ANT_TOOLTIP ? undefined : _objectSpread(_objectSpread({}, defaultEllipsis.tooltip), _typeof(ellipsis.tooltip) === 'object' && ! /*#__PURE__*/isValidElement(ellipsis.tooltip) ? ellipsis.tooltip : {
                 title: ellipsis.tooltip
               })
             }) : ellipsis

package/es/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/es/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/es/index.js

@@ -18,6 +18,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";
 var useToken = theme.useToken;
 
 // 直接导出 useToken，方便上层使用

package/es/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;

package/es/lottie/index.js

@@ -0,0 +1,65 @@
+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 = ["mode", "loop", "speed", "className", "style"];
+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 lottie from 'lottie-web';
+import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';
+import { useUpdateEffect } from 'ahooks';
+import classNames from 'classnames';
+var Lottie = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
+    _ref$loop = _ref.loop,
+    loop = _ref$loop === void 0 ? true : _ref$loop,
+    _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? 1 : _ref$speed,
+    className = _ref.className,
+    style = _ref.style,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    animation = _useState2[0],
+    setAnimation = _useState2[1];
+  var containerRef = useRef();
+  useEffect(function () {
+    if (!animation) {
+      // ref: https://github.com/airbnb/lottie-web/blob/master/index.d.ts#L129
+      var newAnimation = lottie.loadAnimation(_objectSpread({
+        container: containerRef.current,
+        renderer: 'svg',
+        loop: loop
+      }, restProps));
+      setAnimation(newAnimation);
+    }
+  }, []);
+  useUpdateEffect(function () {
+    if (animation) {
+      animation.setLoop(loop);
+      animation.setSpeed(speed);
+    }
+  }, [loop, speed]);
+  useImperativeHandle(ref, function () {
+    return {
+      animation: animation
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: classNames(className, _defineProperty({}, 'anticon', mode === 'icon')),
+    style: _objectSpread({
+      display: 'inline-block'
+    }, style)
+  });
+});
+export default Lottie;

package/es/modal/Modal.d.ts

@@ -0,0 +1,30 @@
+import type { ModalProps } from 'antd/es/modal';
+import React from 'react';
+declare const Modal: {
+    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    info(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    success(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    warning(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    confirm(props: any): {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    displayName: string;
+};
+export default Modal;

package/es/modal/Modal.js

@@ -0,0 +1,50 @@
+var _excluded = ["prefixCls", "className"];
+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 _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 { Modal as AntModal } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import ConfigProvider from "../config-provider";
+import { modal } from "../static-function";
+import useStyle from "./style";
+var Modal = function Modal(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  var modalCls = classNames(className);
+  return wrapSSR( /*#__PURE__*/React.createElement(AntModal, _extends({
+    prefixCls: customizePrefixCls,
+    className: modalCls
+  }, restProps)));
+};
+
+// 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
+// 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
+Modal.info = function (props) {
+  return modal.info(props);
+};
+Modal.success = function (props) {
+  return modal.success(props);
+};
+Modal.error = function (props) {
+  return modal.error(props);
+};
+Modal.warning = function (props) {
+  return modal.warning(props);
+};
+Modal.confirm = function (props) {
+  return modal.confirm(props);
+};
+Modal.useModal = AntModal.useModal;
+Modal.destroyAll = AntModal.destroyAll;
+Modal.config = AntModal.config;
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = AntModal.displayName;
+}
+export default Modal;

package/es/modal/Progress.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ModalProps } from 'antd/es/modal';
+import type { ProgressProps } from 'antd/es/progress';
+export interface ModalProgressProps extends ModalProps {
+    loading?: boolean;
+    progress?: ProgressProps;
+    description?: React.ReactNode;
+}
+declare const Progress: ({ prefixCls: customizePrefixCls, className, width, maskClosable, loading, progress, description, footer, ...restProps }: ModalProgressProps) => React.JSX.Element;
+export default Progress;

package/es/modal/Progress.js

@@ -0,0 +1,46 @@
+var _excluded = ["prefixCls", "className", "width", "maskClosable", "loading", "progress", "description", "footer"];
+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 _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, { useContext } from 'react';
+import { Progress as AntProgress } from 'antd';
+import classNames from 'classnames';
+import ConfigProvider from "../config-provider";
+import Modal from "./Modal";
+import { LoadingOutlined } from '@oceanbase/icons';
+var Progress = function Progress(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 567 : _ref$width,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? false : _ref$maskClosable,
+    loading = _ref.loading,
+    progress = _ref.progress,
+    description = _ref.description,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal', customizePrefixCls);
+  var progressModalCls = classNames("".concat(prefixCls, "-progress"), className);
+  return /*#__PURE__*/React.createElement(Modal, _extends({
+    prefixCls: customizePrefixCls,
+    className: progressModalCls,
+    width: width,
+    maskClosable: maskClosable,
+    footer: footer
+  }, restProps), /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(LoadingOutlined, {
+    className: "".concat(prefixCls, "-progress-loading")
+  }) : /*#__PURE__*/React.createElement(AntProgress, _extends({
+    type: "circle",
+    size: 200
+  }, progress)), description && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-progress-description")
+  }, description)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = 'Modal.Progress';
+}
+export default Progress;

package/es/modal/index.d.ts

@@ -1,32 +1,9 @@
-import type { ModalProps as AntModalProps } from 'antd/es/modal';
-import React from 'react';
+import Progress from './Progress';
+import OriginModal from './Modal';
 export * from 'antd/es/modal';
-export type ModalProps = AntModalProps;
-declare const Modal: {
-    ({ prefixCls: customizePrefixCls, className, rootClassName, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    info(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    success(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    error(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    warning(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    confirm(props: any): {
-        destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-    };
-    useModal: typeof import("antd/es/modal/useModal").default;
-    destroyAll: () => void;
-    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    displayName: string;
+export type { ModalProgressProps } from './Progress';
+export type ModalType = typeof OriginModal & {
+    Progress: typeof Progress;
 };
-export default Modal;
+declare const _default: ModalType;
+export default _default;

package/es/modal/index.js

@@ -1,54 +1,6 @@
-var _excluded = ["prefixCls", "className", "rootClassName"];
-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 _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 { Modal as AntModal } from 'antd';
-import classNames from 'classnames';
-import React, { useContext } from 'react';
-import ConfigProvider from "../config-provider";
-import { modal } from "../static-function";
-import useStyle from "./style";
+import Progress from "./Progress";
+import OriginModal from "./Modal";
 export * from 'antd/es/modal';
-var Modal = function Modal(_ref) {
-  var customizePrefixCls = _ref.prefixCls,
-    className = _ref.className,
-    rootClassName = _ref.rootClassName,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('modal', customizePrefixCls);
-  var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var modalCls = classNames(className, hashId);
-  return wrapSSR( /*#__PURE__*/React.createElement(AntModal, _extends({
-    prefixCls: customizePrefixCls,
-    className: modalCls,
-    rootClassName: classNames(rootClassName, hashId)
-  }, restProps)));
-};
-
-// 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
-// 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
-Modal.info = function (props) {
-  return modal.info(props);
-};
-Modal.success = function (props) {
-  return modal.success(props);
-};
-Modal.error = function (props) {
-  return modal.error(props);
-};
-Modal.warning = function (props) {
-  return modal.warning(props);
-};
-Modal.confirm = function (props) {
-  return modal.confirm(props);
-};
-Modal.useModal = AntModal.useModal;
-Modal.destroyAll = AntModal.destroyAll;
-Modal.config = AntModal.config;
-if (process.env.NODE_ENV !== 'production') {
-  Modal.displayName = AntModal.displayName;
-}
+var Modal = OriginModal;
+Modal.Progress = Progress;
 export default Modal;