@sheinx/base 3.0.0-alpha.3 → 3.0.0-alpha.30

package/esm/absolute-list/absolute-list.js

@@ -3,49 +3,62 @@
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@sheinx/hooks");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _useContainer2 = _interopRequireDefault(require("./use-container"));
+var _absoluteContext = _interopRequireDefault(require("./absolute-context"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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) { (0, _defineProperty2.default)(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; }
 var AbsoluteList = function AbsoluteList(props) {
-  var absolute = props.absolute,
-    position = props.position,
+  var position = props.position,
     children = props.children,
-    parentElement = props.parentElement,
-    scrollElement = props.scrollElement,
+    parentElRef = props.parentElRef,
+    scrollElRef = props.scrollElRef,
     fixedWidth = props.fixedWidth,
     _props$zIndex = props.zIndex,
     zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
     focus = props.focus,
-    popupEl = props.popupEl,
+    popupElRef = props.popupElRef,
     updateKey = props.updateKey,
     popupGap = props.popupGap,
     adjust = props.adjust,
     _props$destroy = props.destroy,
-    destroy = _props$destroy === void 0 ? false : _props$destroy;
+    destroy = _props$destroy === void 0 ? false : _props$destroy,
+    _props$lazy = props.lazy,
+    lazy = _props$lazy === void 0 ? true : _props$lazy;
+  var defaultAbsolute = (0, _react.useContext)(_absoluteContext.default);
+  var absolute = props.absolute === undefined ? defaultAbsolute : props.absolute;
   var _useContainer = (0, _useContainer2.default)({
       container: typeof absolute === 'function' ? absolute : undefined
     }),
-    getRoot = _useContainer.getRoot,
-    getContainer = _useContainer.getContainer;
+    getRoot = _useContainer.getRoot;
+  var _useRef = (0, _react.useRef)({
+      rendered: false
+    }),
+    context = _useRef.current;
   var style = (0, _hooks.usePositionStyle)({
-    getContainer: getContainer,
+    getContainer: getRoot,
     position: position,
     absolute: !!absolute,
-    parentEl: parentElement,
+    parentElRef: parentElRef,
     show: focus,
     fixedWidth: fixedWidth,
     zIndex: zIndex,
-    visibleEl: scrollElement,
-    popupEl: popupEl,
+    scrollElRef: scrollElRef,
+    popupElRef: popupElRef,
     updateKey: updateKey,
     popupGap: popupGap,
     adjust: adjust
@@ -56,9 +69,13 @@ var AbsoluteList = function AbsoluteList(props) {
   var styledChild = /*#__PURE__*/_react.default.cloneElement(children, {
     style: newStyle
   });
+  if (!_hooks.util.isBrowser()) return null;
+  if (lazy && !context.rendered && !focus) return null;
   if (destroy && !focus) return null;
+  context.rendered = true;
   if (absolute) {
     var root = getRoot();
+    if (!root) return null;
     root.className = props.rootClass || '';
     return /*#__PURE__*/_reactDom.default.createPortal(styledChild, root);
   }

package/esm/absolute-list/absolute-list.type.d.ts

@@ -4,7 +4,7 @@ export declare type VerticalPosition = 'bottom-left' | 'bottom-right' | 'top-lef
 export interface AbsoluteListProps {
     children: React.ReactElement;
     focus: boolean;
-    parentElement: HTMLElement | null;
+    parentElRef: React.RefObject<HTMLElement>;
     fixedWidth: 'min' | boolean;
     position: HorizontalPosition | VerticalPosition | 'cover';
     updateKey?: number | string;
@@ -26,11 +26,12 @@ export interface AbsoluteListProps {
      * @default 2
      */
     popupGap?: number;
-    scrollElement?: HTMLElement;
+    scrollElRef?: React.RefObject<HTMLElement>;
     scrollLeft?: number;
     scrollTop?: number;
-    popupEl?: HTMLElement | null;
+    popupElRef: React.RefObject<HTMLElement>;
     destroy?: boolean;
     adjust?: boolean;
+    lazy?: boolean;
 }
 //# sourceMappingURL=absolute-list.type.d.ts.map

package/esm/absolute-list/absolute-list.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAE7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/esm/absolute-list/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/absolute-list/use-container.d.ts

@@ -1,12 +1,12 @@
 export interface ContainerProps {
     container?: HTMLElement | null | (() => HTMLElement | null);
 }
-export declare const getContainer: (props: ContainerProps) => HTMLElement;
-export declare const getRootContainer: (props: ContainerProps) => HTMLElement;
-export declare const getRoot: (props: ContainerProps) => HTMLDivElement;
+export declare const getContainer: (props: ContainerProps) => HTMLElement | null;
+export declare const getRootContainer: (props: ContainerProps) => HTMLElement | null;
+export declare const getRoot: (props: ContainerProps) => HTMLDivElement | null;
 declare const useContainer: (props?: ContainerProps) => {
-    getRoot: () => HTMLDivElement;
-    getContainer: () => HTMLElement;
+    getRoot: () => HTMLDivElement | null;
+    getContainer: () => HTMLElement | null;
     unMount: () => void;
 };
 export default useContainer;

package/esm/absolute-list/use-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-container.d.ts","sourceRoot":"","sources":["use-container.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,YAAY,UAAW,cAAc,gBAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,gBAYrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,mBAK5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CA8B1C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-container.d.ts","sourceRoot":"","sources":["use-container.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,YAAY,UAAW,cAAc,uBAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,uBAsBrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,0BAO5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CAmC1C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/absolute-list/use-container.js

@@ -13,7 +13,7 @@ var _hooks = require("@sheinx/hooks");
 var _config = require("../config");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var root;
+var root = null;
 var getContainer = function getContainer(props) {
   {
     var container = typeof props.container === 'function' ? props.container() : props.container;
@@ -29,8 +29,13 @@ var getRootContainer = function getRootContainer(props) {
   if (!root || _hooks.util.isInDocument(root) === false) {
     root = document.createElement('div');
     root.setAttribute('style', 'contain: size');
+    if (defaultContainer) {
+      defaultContainer.appendChild(root);
+    }
   }
-  if (root.parentElement !== defaultContainer) {
+  if (_hooks.util.isBrowser() && defaultContainer &&
+  // body在微前端会被劫持导致死循环
+  defaultContainer !== document.body && root.parentElement !== defaultContainer) {
     defaultContainer.appendChild(root);
   }
   return root;
@@ -38,6 +43,8 @@ var getRootContainer = function getRootContainer(props) {
 exports.getRootContainer = getRootContainer;
 var getRoot = function getRoot(props) {
   var rootContainer = getRootContainer(props);
+  if (!rootContainer) return null;
+  if (!_hooks.util.isBrowser()) return null;
   var root = document.createElement('div');
   rootContainer.appendChild(root);
   return root;
@@ -53,11 +60,13 @@ var useContainer = function useContainer() {
     return getContainer(props);
   });
   var getRoot = (0, _hooks.usePersistFn)(function () {
+    if (!_hooks.util.isBrowser()) return null;
     if (!context.element) {
       context.element = document.createElement('div');
+      context.element.setAttribute('style', ' position: absolute; top: 0px; left: 0px; width: 100% ');
     }
     var rootContainer = getRootContainer(props);
-    if (context.element.parentElement !== rootContainer) {
+    if (rootContainer && context.element.parentElement !== rootContainer) {
       rootContainer.appendChild(context.element);
     }
     return context.element;

package/esm/alert/alert-icon.js

@@ -12,9 +12,9 @@ var icons = {
   info: _icons.default.PcInfoCircleFill,
   success: _icons.default.PcCheckCircleFill,
   warning: _icons.default.PcWarningCircleFill,
-  danger: _icons.default.PcCloseCircleFill,
+  danger: _icons.default.PcWarningCircleFill,
   confirmwarning: _icons.default.PcWarningCircleFill,
-  error: _icons.default.PcCloseCircleFill,
+  error: _icons.default.PcWarningCircleFill,
   confirm: _icons.default.PcHelpCircleFill
 };
 var AlertIcon = function AlertIcon(props) {

package/esm/alert/alert.type.d.ts

@@ -27,21 +27,58 @@ export interface AlertJssStyle {
 export declare type AlertType = 'success' | 'info' | 'warning' | 'danger' | 'confirmwarning' | 'error';
 export interface AlertProps extends Pick<CommonType, 'className' | 'style'> {
     jssStyle?: AlertJssStyle;
+    /**
+     * @en Alert type
+     * @cn 类型
+     * @default 'warning
+     */
     type?: AlertType;
+    /**
+     * @en Custom close button
+     * @cn 自定义关闭按钮
+     */
     closeItem?: React.ReactNode;
     /**
      * @deprecated 即将废弃，同时 onClose 属性即将不再支持 boolean 值，请使用 closable 控制是否显示关闭按钮
      */
     hideClose?: boolean;
+    /**
+     * @en When the type is true, the status icon is displayed according to the type property. If you need to display a custom icon, pass in ReactElement
+     * @cn 为 true 时，根据 type 属性显示状态图标。如果需要显示自定义图标，传入 ReactElement
+     */
     icon?: React.ReactNode | boolean;
+    /**
+     * @en The size for icon
+     * @cn icon 的尺寸
+     * @default 14
+     */
     iconSize?: number;
+    /**
+     * @en The title of the alert
+     * @cn 标题模式
+     */
     title?: React.ReactNode;
+    /**
+     * @en Whether to display the close button, when set to only, only the close button is displayed
+     * @cn 是否现实关闭按钮，当设置为only的时候，仅仅显示关闭按钮
+     */
     closable?: boolean | 'only';
     /**
+     * @cn 关闭事件
+     * @en Close event
      * @description onClose 属性即将不再支持 boolean 值，请使用 closable 控制是否显示关闭按钮
      */
     onClose?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * @en Whether to display the border
+     * @cn 是否显示边框
+     * @default true
+     */
     bordered?: boolean;
+    /**
+     * @en Content, text or react component
+     * @cn 内容，文字或 react 组件
+     */
     children?: React.ReactNode;
 }
 //# sourceMappingURL=alert.type.d.ts.map

package/esm/alert/alert.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,oBAAY,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,oBAAY,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/alert/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Alert } from './alert';
-export type { AlertProps } from './alert.type';
+export type { AlertProps, AlertClasses } from './alert.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/esm/alert/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/animation-list/animation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAc3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAyN/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAuP/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/animation-list/animation-list.js

@@ -15,6 +15,8 @@ exports.default = void 0;
 require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.array.concat.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -36,7 +38,7 @@ var getDuration = function getDuration(duration) {
       return 360;
   }
 };
-var mm = 20;
+var mm = 30;
 var AnimationList = function AnimationList(props) {
   var _props$display = props.display,
     display = _props$display === void 0 ? 'block' : _props$display,
@@ -50,18 +52,22 @@ var AnimationList = function AnimationList(props) {
     _props$animation = props.animation,
     animation = _props$animation === void 0 ? true : _props$animation,
     forwardProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useState = (0, _react.useState)({
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  var _useState3 = (0, _react.useState)({
       display: show ? display : 'none'
     }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    innerStyle = _useState2[0],
-    setStyle = _useState2[1];
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    innerStyle = _useState4[0],
+    setStyle = _useState4[1];
   var _useRef = (0, _react.useRef)({
       mounted: false,
       height: 0,
       show: show,
       timer: null,
-      lastShow: show
+      lastShow: undefined
     }),
     context = _useRef.current;
   var ref = (0, _react.useRef)(null);
@@ -116,6 +122,7 @@ var AnimationList = function AnimationList(props) {
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
     });
+    setStatus('beforeEnter');
     if (type.indexOf('collapse') >= 0) {
       if (!context.height) {
         context.height = getElInfo(ref.current).height;
@@ -149,6 +156,7 @@ var AnimationList = function AnimationList(props) {
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
     });
+    setStatus('enter');
   };
   var afterEnter = function afterEnter() {
     var newStyle = {};
@@ -159,6 +167,7 @@ var AnimationList = function AnimationList(props) {
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
     });
+    setStatus('afterEnter');
   };
   var beforeLeave = function beforeLeave() {
     var el = ref.current;
@@ -177,6 +186,7 @@ var AnimationList = function AnimationList(props) {
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
     });
+    setStatus('beforeLeave');
   };
   var leave = function leave() {
     var newStyle = {
@@ -194,6 +204,7 @@ var AnimationList = function AnimationList(props) {
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
     });
+    setStatus('leave');
   };
   var afterLeave = function afterLeave() {
     var newStyle = {};
@@ -207,6 +218,7 @@ var AnimationList = function AnimationList(props) {
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
     });
+    setStatus('afterLeave');
   };
   var cleanTimer = function cleanTimer() {
     clearTimeout(context.timer);
@@ -225,14 +237,6 @@ var AnimationList = function AnimationList(props) {
       return;
     }
     beforeEnter();
-    cleanTimer();
-    context.timer = setTimeout(function () {
-      enter();
-      cleanTimer();
-      context.timer = setTimeout(function () {
-        afterEnter();
-      }, durationNum);
-    }, mm);
   };
 
   // 关闭
@@ -248,15 +252,33 @@ var AnimationList = function AnimationList(props) {
       return;
     }
     beforeLeave();
-    cleanTimer();
-    context.timer = setTimeout(function () {
-      leave();
+  };
+  (0, _react.useEffect)(function () {
+    if (status === 'beforeEnter') {
+      cleanTimer();
+      context.timer = setTimeout(function () {
+        enter();
+      }, mm);
+    }
+    if (status === 'enter') {
+      cleanTimer();
+      context.timer = setTimeout(function () {
+        afterEnter();
+      }, durationNum);
+    }
+    if (status === 'beforeLeave') {
+      cleanTimer();
+      context.timer = setTimeout(function () {
+        leave();
+      }, mm);
+    }
+    if (status === 'leave') {
       cleanTimer();
       context.timer = setTimeout(function () {
         afterLeave();
       }, durationNum);
-    }, mm);
-  };
+    }
+  }, [status]);
   (0, _react.useEffect)(function () {
     if (context.lastShow === show) return;
     if (show) {
@@ -266,12 +288,18 @@ var AnimationList = function AnimationList(props) {
     }
     context.lastShow = show;
   }, [show]);
+  var wrapperStyle = _objectSpread(_objectSpread(_objectSpread({}, style), innerStyle), {}, {
+    transform: "".concat((style === null || style === void 0 ? void 0 : style.transform) || '', " ").concat((innerStyle === null || innerStyle === void 0 ? void 0 : innerStyle.transform) || '').trim()
+  });
+  if (!wrapperStyle.transform) {
+    delete wrapperStyle.transform;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     ref: forkRef,
     className: classNamePo,
     "data-sheinx-animation-type": type.join(' '),
     "data-sheinx-animation-duration": duration,
-    style: _objectSpread(_objectSpread({}, style), innerStyle)
+    style: wrapperStyle
   }, forwardProps), {}, {
     children: children
   }));

package/esm/animation-list/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAkB,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxF,QAAA,MAAM,UAAU,0EAwEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAkB,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxF,QAAA,MAAM,UAAU,0EAuEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/breadcrumb/breadcrumb.js

@@ -28,8 +28,6 @@ var Breadcrumb = function Breadcrumb(props) {
     _props$separator = props.separator,
     separator = _props$separator === void 0 ? '/' : _props$separator;
   var breadcrumbClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$bread = _props$jssStyle.breadcrumb) === null || _props$jssStyle$bread === void 0 ? void 0 : _props$jssStyle$bread.call(_props$jssStyle);
-  // ...
-
   var renderItem = function renderItem(dataItem) {
     var d = dataItem;
     var item = d.title;

package/esm/breadcrumb/breadcrumb.type.d.ts

@@ -15,6 +15,7 @@ export interface BreadcrumbClasses {
     itemWithDrop: string;
     dropdown: string;
     ellipsis: string;
+    itemWrapper: string;
 }
 export interface BreadcrumbJssStyle extends PopoverJssStyle {
     breadcrumb?: () => BreadcrumbClasses;

package/esm/breadcrumb/breadcrumb.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.type.d.ts","sourceRoot":"","sources":["breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,oBAAY,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,kBAAkB,CACxD,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC;IACxC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}
+{"version":3,"file":"breadcrumb.type.d.ts","sourceRoot":"","sources":["breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,oBAAY,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,kBAAkB,CACxD,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC;IACxC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

package/esm/breadcrumb/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Breadcrumb } from './breadcrumb';
-export type { BreadcrumbProps, BreadcrumbDataType } from './breadcrumb.type';
+export type { BreadcrumbProps, BreadcrumbDataType, BreadcrumbClasses } from './breadcrumb.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/breadcrumb/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/breadcrumb/list.js

@@ -64,10 +64,10 @@ var List = function List(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
       position: position,
       focus: open,
-      parentElement: targetRef.current,
+      parentElRef: targetRef,
       absolute: true,
       fixedWidth: 'min',
-      popupEl: popupRef.current,
+      popupElRef: popupRef,
       adjust: true,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
         className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.dropdown),
@@ -75,7 +75,7 @@ var List = function List(props) {
         duration: 'fast',
         show: open,
         onRef: popupRef,
-        animation: true,
+        animation: false,
         children: renderList(rest)
       })
     })]

package/esm/button/button.js

@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 var _buttonGroup = _interopRequireDefault(require("./button-group"));
 var _spin = _interopRequireDefault(require("../spin"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["jssStyle", "className", "style", "children", "loading", "href", "text", "outline", "shape", "size", "type", "space", "target", "mode", "htmlType", "renderInnerWrapper", "renderLoading"],
+var _excluded = ["jssStyle", "className", "style", "children", "loading", "href", "text", "outline", "shape", "size", "type", "space", "target", "mode", "htmlType", "renderLoading"],
   _excluded2 = ["htmlType", "onRef"];
 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) { (0, _defineProperty2.default)(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; }
@@ -39,7 +39,6 @@ var Button = function Button(props) {
     modeProp = props.mode,
     _props$htmlType = props.htmlType,
     htmlTypeProp = _props$htmlType === void 0 ? 'button' : _props$htmlType,
-    renderInnerWrapper = props.renderInnerWrapper,
     renderLoading = props.renderLoading,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useButton = (0, _hooks.useButton)(_objectSpread({
@@ -56,13 +55,14 @@ var Button = function Button(props) {
     return typeProp;
   };
   var getMode = function getMode() {
-    if (typeProp === 'default' && modeProp === undefined) return 'outline';
+    if (typeProp === 'default' && modeProp === undefined && outline) return 'outline';
+    if (typeProp === 'default' && modeProp === undefined && text) return 'text';
     return modeProp;
   };
   var mode = getMode();
   var type = getType();
   var modeSetted = mode || (text ? 'text' : outline ? 'outline' : undefined);
-  var rootClass = (0, _classnames.default)(className, buttonStyle[type || 'default'], buttonStyle.button, !!disabled && buttonStyle.disabled, !!loading && buttonStyle.loading, !!href && buttonStyle.href, modeSetted === 'text' && buttonStyle.text, modeSetted === 'dashed' && buttonStyle.dashed, modeSetted === 'outline' && buttonStyle.outline, shape === 'round' && buttonStyle.round, shape === 'circle' && buttonStyle.circle, shape === 'square' && buttonStyle.square, size === 'small' && buttonStyle.small, size === 'large' && buttonStyle.large);
+  var rootClass = (0, _classnames.default)(className, buttonStyle[type || 'default'], buttonStyle.button, !!disabled && buttonStyle.disabled, !!loading && buttonStyle.loading, modeSetted === 'text' && buttonStyle.text, modeSetted === 'dashed' && buttonStyle.dashed, modeSetted === 'outline' && buttonStyle.outline, shape === 'round' && buttonStyle.round, shape === 'circle' && buttonStyle.circle, shape === 'square' && buttonStyle.square, size === 'small' && buttonStyle.small, size === 'large' && buttonStyle.large);
   var rootProps = getButtonProps();
   var htmlType = rootProps.htmlType,
     onRef = rootProps.onRef,
@@ -76,15 +76,16 @@ var Button = function Button(props) {
     }
     return 12;
   };
-  var childrenEl = getSpaceChildren(children, space, buttonStyle.spaceWrapper);
+  var childrenEl = getSpaceChildren(children, space);
   var buttonInnerEl = childrenEl;
-  if (typeof renderInnerWrapper === 'function') {
-    buttonInnerEl = renderInnerWrapper(childrenEl);
-  }
+
+  // if (typeof renderInnerWrapper === 'function') {
+  //   buttonInnerEl = renderInnerWrapper(childrenEl);
+  // }
+
   var loadingEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: buttonStyle.spin,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
-      name: "ring",
       size: getSpinSize(),
       jssStyle: jssStyle
     })