@sheinx/base 3.0.0-alpha.1

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

@@ -0,0 +1,36 @@
+import React from 'react';
+export declare type HorizontalPosition = 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top' | 'left' | 'right';
+export declare type VerticalPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
+export interface AbsoluteListProps {
+    children: React.ReactElement;
+    focus: boolean;
+    parentElement: HTMLElement | null;
+    fixedWidth: 'min' | boolean;
+    position: HorizontalPosition | VerticalPosition | 'cover';
+    updateKey?: number | string;
+    /**
+     * @en When it is true, the pop-up layer of option append into document.body; When it is a function, the return value is used as the popup layer container
+     * @cn 为 true 时，选项弹出层在 DOM 中独立 render; 为函数时，返回值作为弹出层容器
+     * @default false
+     */
+    absolute?: boolean | (() => HTMLElement | null) | undefined;
+    rootClass?: string;
+    /**
+     * @en options z-index should use with absolute
+     * @cn 选项列表 z-index 值, 需要配合 absolute
+     * @default 1000
+     */
+    zIndex?: number;
+    /**
+     * @cn 弹出层距离目标元素的间距
+     * @default 2
+     */
+    popupGap?: number;
+    scrollElement?: HTMLElement;
+    scrollLeft?: number;
+    scrollTop?: number;
+    popupEl?: HTMLElement | null;
+    destroy?: boolean;
+    adjust?: boolean;
+}
+//# sourceMappingURL=absolute-list.type.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,2 @@
+export { default as AbsoluteList, default } from './absolute-list';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/absolute-list/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AbsoluteList", {
+  enumerable: true,
+  get: function get() {
+    return _absoluteList.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _absoluteList.default;
+  }
+});
+var _absoluteList = _interopRequireDefault(require("./absolute-list"));

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

@@ -0,0 +1,13 @@
+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;
+declare const useContainer: (props?: ContainerProps) => {
+    getRoot: () => HTMLDivElement;
+    getContainer: () => HTMLElement;
+    unMount: () => void;
+};
+export default useContainer;
+//# sourceMappingURL=use-container.d.ts.map

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

@@ -0,0 +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,gBAOjD,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"}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+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 _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRootContainer = exports.getRoot = exports.getContainer = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 getContainer = function getContainer(props) {
+  {
+    var container = typeof props.container === 'function' ? props.container() : props.container;
+    if (container && _hooks.util.isInDocument(container)) return container;
+    return (0, _config.getDefaultContainer)();
+  }
+};
+exports.getContainer = getContainer;
+var getRootContainer = function getRootContainer(props) {
+  var container = getContainer(props);
+  var defaultContainer = (0, _config.getDefaultContainer)();
+  if (container !== defaultContainer) return container;
+  if (!root || _hooks.util.isInDocument(root) === false) {
+    root = document.createElement('div');
+    root.setAttribute('style', 'contain: size');
+  }
+  if (root.parentElement !== defaultContainer) {
+    defaultContainer.appendChild(root);
+  }
+  return root;
+};
+exports.getRootContainer = getRootContainer;
+var getRoot = function getRoot(props) {
+  var rootContainer = getRootContainer(props);
+  var root = document.createElement('div');
+  rootContainer.appendChild(root);
+  return root;
+};
+exports.getRoot = getRoot;
+var useContainer = function useContainer() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _React$useRef = _react.default.useRef({
+      element: null
+    }),
+    context = _React$useRef.current;
+  var getContainerFn = (0, _hooks.usePersistFn)(function () {
+    return getContainer(props);
+  });
+  var getRoot = (0, _hooks.usePersistFn)(function () {
+    if (!context.element) {
+      context.element = document.createElement('div');
+    }
+    var rootContainer = getRootContainer(props);
+    if (context.element.parentElement !== rootContainer) {
+      rootContainer.appendChild(context.element);
+    }
+    return context.element;
+  });
+  var unMount = (0, _hooks.usePersistFn)(function () {
+    if (context.element) {
+      context.element.remove();
+    }
+  });
+  (0, _react.useEffect)(function () {
+    return unMount;
+  }, []);
+  return {
+    getRoot: getRoot,
+    getContainer: getContainerFn,
+    unMount: unMount
+  };
+};
+var _default = useContainer;
+exports.default = _default;

package/esm/alert/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/alert/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAoBE"}

package/esm/alert/__example__/01-base.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      jssStyle: {
+        alert: _shineoutStyle.useAlertStyle
+      },
+      type: "confirmwarning",
+      icon: true,
+      children: "23333"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      jssStyle: {
+        alert: _shineoutStyle.useAlertStyle
+      },
+      type: "warning",
+      icon: true,
+      children: "23333"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      jssStyle: {
+        alert: _shineoutStyle.useAlertStyle
+      },
+      type: "danger",
+      icon: true,
+      children: "23333"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      jssStyle: {
+        alert: _shineoutStyle.useAlertStyle
+      },
+      type: "error",
+      icon: true,
+      children: "23333"
+    })]
+  });
+};
+exports.default = _default;

package/esm/alert/alert-icon.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { CommonType } from '../common/type';
+import { AlertJssStyle } from './alert.type';
+export interface AlertIconProps {
+    type: CommonType['iconType'] | undefined;
+    jssStyle?: AlertJssStyle;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const AlertIcon: (props: AlertIconProps) => JSX.Element | null;
+export declare const AlertIconMap: {
+    info: JSX.Element;
+    success: JSX.Element;
+    warning: JSX.Element;
+    danger: JSX.Element;
+    confirmwarning: JSX.Element;
+    error: JSX.Element;
+    confirm: JSX.Element;
+};
+export default AlertIcon;
+//# sourceMappingURL=alert-icon.d.ts.map

package/esm/alert/alert-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["alert-icon.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAYD,QAAA,MAAM,SAAS,UAAW,cAAc,uBAmBvC,CAAC;AACF,eAAO,MAAM,YAAY;;;;;;;;CAAQ,CAAC;AAClC,eAAe,SAAS,CAAC"}

package/esm/alert/alert-icon.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AlertIconMap = void 0;
+var _icons = _interopRequireDefault(require("../icons"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+var icons = {
+  info: _icons.default.PcInfoCircleFill,
+  success: _icons.default.PcCheckCircleFill,
+  warning: _icons.default.PcWarningCircleFill,
+  danger: _icons.default.PcCloseCircleFill,
+  confirmwarning: _icons.default.PcWarningCircleFill,
+  error: _icons.default.PcCloseCircleFill,
+  confirm: _icons.default.PcHelpCircleFill
+};
+var AlertIcon = function AlertIcon(props) {
+  var _props$jssStyle, _props$jssStyle$alert;
+  var AlertClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$alert = _props$jssStyle.alert) === null || _props$jssStyle$alert === void 0 ? void 0 : _props$jssStyle$alert.call(_props$jssStyle);
+  var type = props.type;
+  if (type === 'error') type = 'danger';
+  if (!type) return null;
+  var Icon = icons[type];
+  if (!Icon) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    style: props.style,
+    className: (0, _classnames.default)(props.className, AlertClasses === null || AlertClasses === void 0 ? void 0 : AlertClasses.icon, AlertClasses && AlertClasses[type + 'Icon']),
+    children: Icon
+  });
+};
+var AlertIconMap = icons;
+exports.AlertIconMap = AlertIconMap;
+var _default = AlertIcon;
+exports.default = _default;

package/esm/alert/alert.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AlertProps } from './alert.type';
+declare const Alert: (props: AlertProps) => JSX.Element | null;
+export default Alert;
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAQxD,QAAA,MAAM,KAAK,UAAW,UAAU,uBAoH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/alert/alert.js

@@ -0,0 +1,145 @@
+"use strict";
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _alertIcon = _interopRequireDefault(require("./alert-icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "type", "className", "children", "icon", "title", "iconSize", "closable", "hideClose", "bordered", "closeItem", "onClose"];
+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 HIDE = 0;
+var SHOW = 1;
+var PENDING = 2;
+var Alert = function Alert(props) {
+  var _jssStyle$alert, _classNames;
+  var jssStyle = props.jssStyle,
+    _props$type = props.type,
+    typeProp = _props$type === void 0 ? 'warning' : _props$type,
+    className = props.className,
+    children = props.children,
+    icon = props.icon,
+    title = props.title,
+    iconSize = props.iconSize,
+    closable = props.closable,
+    hideClose = props.hideClose,
+    bordered = props.bordered,
+    closeItem = props.closeItem,
+    onClose = props.onClose,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useState = (0, _react.useState)(SHOW),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dismiss = _useState2[0],
+    setDismiss = _useState2[1];
+  var getType = function getType() {
+    if (typeProp === 'error') {
+      return 'danger';
+    }
+    return typeProp;
+  };
+  var type = getType();
+  var alertStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$alert = jssStyle.alert) === null || _jssStyle$alert === void 0 ? void 0 : _jssStyle$alert.call(jssStyle)) || {};
+  var rootClass = (0, _classnames.default)(className, alertStyle.alert, (_classNames = {}, (0, _defineProperty2.default)(_classNames, alertStyle[type], true), (0, _defineProperty2.default)(_classNames, alertStyle.widthTitle, title), (0, _defineProperty2.default)(_classNames, alertStyle.pending, dismiss === PENDING), (0, _defineProperty2.default)(_classNames, alertStyle.noBordered, bordered === false), _classNames));
+  var getRootProps = function getRootProps() {
+    return rest;
+  };
+  // 兼容 onClose 允许开启关闭按钮
+  var getCloseable = function getCloseable() {
+    if ('closable' in props && closable !== undefined) return closable;
+
+    // 2.x 逻辑
+    if (onClose && !hideClose) {
+      return true;
+    }
+  };
+  var handleClose = function handleClose(e) {
+    if (onClose && typeof onClose === 'function') {
+      onClose(e);
+    }
+    if (closable === 'only') return;
+    setDismiss(PENDING);
+    setTimeout(function () {
+      setDismiss(HIDE);
+    }, 300);
+  };
+  var renderIcon = function renderIcon() {
+    var style = {};
+    if (iconSize) {
+      style.width = iconSize;
+    }
+    if (icon === true) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_alertIcon.default, {
+        jssStyle: props.jssStyle,
+        style: style,
+        type: props.type
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: alertStyle.icon,
+      style: style,
+      children: icon
+    });
+  };
+  var renderTitle = function renderTitle() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: alertStyle.title,
+      children: title
+    });
+  };
+  var renderClose = function renderClose() {
+    if ( /*#__PURE__*/_react.default.isValidElement(closeItem)) return /*#__PURE__*/_react.default.cloneElement(closeItem, {
+      onClick: handleClose
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: alertStyle.close,
+      onClick: handleClose,
+      children: closeItem || _icons.default.Close
+    });
+  };
+  if (dismiss === HIDE) {
+    return null;
+  }
+  if ('title' in props && title !== undefined) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      className: rootClass
+    }, getRootProps()), {}, {
+      children: [icon && renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: alertStyle.content,
+        children: [renderTitle(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: alertStyle.text,
+          children: children
+        })]
+      }), getCloseable() && renderClose()]
+    }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    className: rootClass
+  }, getRootProps()), {}, {
+    children: [icon && renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: alertStyle.content,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: alertStyle.text,
+        children: children
+      })
+    }), getCloseable() && renderClose()]
+  }));
+};
+var _default = Alert;
+exports.default = _default;

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { CommonType } from '../common/type';
+export interface AlertClasses {
+    alert: string;
+    title: string;
+    close: string;
+    widthTitle: string;
+    content: string;
+    icon: string;
+    text: string;
+    info: string;
+    success: string;
+    warning: string;
+    confirmwarning: string;
+    danger: string;
+    infoIcon: string;
+    successIcon: string;
+    warningIcon: string;
+    confirmwarningIcon: string;
+    dangerIcon: string;
+    pending: string;
+    noBordered: string;
+}
+export interface AlertJssStyle {
+    alert?: () => AlertClasses;
+}
+export declare type AlertType = 'success' | 'info' | 'warning' | 'danger' | 'confirmwarning' | 'error';
+export interface AlertProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: AlertJssStyle;
+    type?: AlertType;
+    closeItem?: React.ReactNode;
+    /**
+     * @deprecated 即将废弃，同时 onClose 属性即将不再支持 boolean 值，请使用 closable 控制是否显示关闭按钮
+     */
+    hideClose?: boolean;
+    icon?: React.ReactNode | boolean;
+    iconSize?: number;
+    title?: React.ReactNode;
+    closable?: boolean | 'only';
+    /**
+     * @description onClose 属性即将不再支持 boolean 值，请使用 closable 控制是否显示关闭按钮
+     */
+    onClose?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    bordered?: boolean;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=alert.type.d.ts.map

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

@@ -0,0 +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"}

package/esm/alert/alert.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/alert/index.d.ts

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

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

@@ -0,0 +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"}

package/esm/alert/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function get() {
+    return _alert.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _alert.default;
+  }
+});
+var _alert = _interopRequireDefault(require("./alert"));

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AnimationListProps } from './animation-list.type';
+declare const AnimationList: (props: AnimationListProps) => JSX.Element;
+export default AnimationList;
+//# sourceMappingURL=animation-list.d.ts.map

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

@@ -0,0 +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,gBAoN/C,CAAC;AAEF,eAAe,aAAa,CAAC"}