@bifrostui/react 0.0.5

package/es/ActionSheet/ActionSheet.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ActionSheetProps } from './ActionSheet.types';
+import './ActionSheet.less';
+declare const ActionSheet: React.ForwardRefExoticComponent<Omit<ActionSheetProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ActionSheet;

package/es/ActionSheet/ActionSheet.js

@@ -0,0 +1,59 @@
+var _excluded = ["open", "onClose", "cancelText", "className", "extra", "children", "onSelect"];
+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 clsx from 'clsx';
+import React from 'react';
+import Drawer from "../Drawer";
+import ActionSheetContext from "./ActionSheetContext";
+import "./ActionSheet.css";
+var prefixCls = 'bui-action-sheet';
+var ActionSheetCancel = function ActionSheetCancel(_ref) {
+  var children = _ref.children,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item ").concat(prefixCls, "-cancel"),
+    onClick: onClick
+  }, children);
+};
+var ActionSheet = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var open = props.open,
+    onClose = props.onClose,
+    cancelText = props.cancelText,
+    className = props.className,
+    extra = props.extra,
+    children = props.children,
+    onSelect = props.onSelect,
+    others = _objectWithoutProperties(props, _excluded);
+  var context = React.useMemo(function () {
+    return {
+      onSelect: onSelect
+    };
+  }, []);
+  var onCancelClick = function onCancelClick(event) {
+    onClose(event, {
+      from: 'cancelText'
+    });
+  };
+  return /*#__PURE__*/React.createElement(ActionSheetContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement(Drawer, _extends({
+    ref: ref,
+    open: open,
+    onClose: onClose,
+    className: clsx(prefixCls, className),
+    contentProps: {
+      className: "".concat(prefixCls, "-content")
+    }
+  }, others), extra && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-extra")
+  }, extra), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-item-wrapper")
+  }, children), cancelText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-gap")
+  }), /*#__PURE__*/React.createElement(ActionSheetCancel, {
+    onClick: onCancelClick
+  }, cancelText))));
+});
+ActionSheet.displayName = 'BuiActionSheet';
+export default ActionSheet;

package/es/ActionSheet/ActionSheet.types.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DrawerProps } from '../Drawer/Drawer.types';
+import { ModalProps } from '../Modal/Modal.types';
+export interface ActionSheetProps extends DrawerProps {
+    /**
+     *  取消按钮内容，如果设置为空则不显示取消按钮
+     */
+    cancelText?: React.ReactNode;
+    /**
+     *  顶部额外的内容展示
+     */
+    extra?: React.ReactNode;
+    /**
+     * 子项的点击选择回调
+     * @param event
+     * @param data
+     */
+    onSelect?: (event: React.MouseEvent<HTMLDivElement>, data?: {
+        index: string | number;
+    }) => void;
+    /**
+     * 关闭回调
+     */
+    onClose?: ModalProps['onClose'];
+}
+export interface ActionSheetContextValue {
+    onSelect?: ActionSheetProps['onSelect'];
+}

package/es/ActionSheet/ActionSheet.types.js

@@ -0,0 +1 @@
+export {};

package/es/ActionSheet/ActionSheetContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActionSheetContextValue } from './ActionSheet.types';
+declare const ActionSheetContext: React.Context<ActionSheetContextValue>;
+export default ActionSheetContext;

package/es/ActionSheet/ActionSheetContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+var ActionSheetContext = /*#__PURE__*/React.createContext(undefined);
+ActionSheetContext.displayName = 'BuiActionSheetContext';
+export default ActionSheetContext;

package/es/ActionSheet/ActionSheetItem.css

@@ -0,0 +1,51 @@
+.bui-action-sheet-item {
+  --font-size: var(--bui-title-size-2);
+  --color: var(--bui-color-fg-default);
+  font-family: var(--bui-font-family);
+  position: relative;
+  padding: var(--bui-spacing-xl);
+  cursor: pointer;
+  background: var(--bui-color-bg-view);
+  font-size: var(--font-size);
+  text-align: center;
+  line-height: 24px;
+  color: var(--color);
+  border-top: 1px solid var(--bui-color-border-default);
+  margin: 0 var(--bui-spacing-xl);
+}
+.bui-action-sheet-item:first-child {
+  border-top: none;
+}
+.bui-action-sheet-item:active {
+  background-color: var(--bui-color-bg-default);
+}
+.bui-action-sheet-item-primary {
+  --color: var(--bui-color-primary);
+}
+.bui-action-sheet-item-info {
+  --color: var(--bui-color-info);
+}
+.bui-action-sheet-item-success {
+  --color: var(--bui-color-success);
+}
+.bui-action-sheet-item-warning {
+  --color: var(--bui-color-warning);
+}
+.bui-action-sheet-item-danger {
+  --color: var(--bui-color-danger);
+}
+.bui-action-sheet-item-disabled {
+  pointer-events: none;
+}
+.bui-action-sheet-item-disabled .bui-action-sheet-item-content,
+.bui-action-sheet-item-disabled .bui-action-sheet-item-description {
+  opacity: 0.5;
+}
+.bui-action-sheet-item-bold {
+  font-weight: bold;
+}
+.bui-action-sheet-item-description {
+  font-size: var(--bui-text-size-2);
+  line-height: 19px;
+  color: var(--bui-color-fg-subtle);
+}

package/es/ActionSheet/ActionSheetItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ActionSheetItemProps } from './ActionSheetItem.types';
+import './ActionSheetItem.less';
+declare const ActionSheetItem: React.ForwardRefExoticComponent<Omit<ActionSheetItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ActionSheetItem;

package/es/ActionSheet/ActionSheetItem.js

@@ -0,0 +1,51 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "children", "disabled", "bold", "color", "description", "onClick", "index"];
+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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 clsx from 'clsx';
+import React, { useContext } from 'react';
+import ActionSheetContext from "./ActionSheetContext";
+import "./ActionSheetItem.css";
+var prefixCls = 'bui-action-sheet-item';
+var ActionSheetItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    disabled = props.disabled,
+    bold = props.bold,
+    color = props.color,
+    description = props.description,
+    onClick = props.onClick,
+    index = props.index,
+    others = _objectWithoutProperties(props, _excluded);
+  var context = useContext(ActionSheetContext);
+  var handleAction = function handleAction(ev) {
+    var _context$onSelect;
+    if (disabled) return;
+    onClick === null || onClick === void 0 || onClick(ev, {
+      index: index
+    });
+    (_context$onSelect = context.onSelect) === null || _context$onSelect === void 0 || _context$onSelect.call(context, ev, {
+      index: index
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(color), color), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-bold"), bold), className),
+    onClick: handleAction
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, children), description && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-description")
+  }, description));
+});
+ActionSheetItem.displayName = 'BuiActionSheetItem';
+ActionSheetItem.defaultProps = {
+  color: 'default',
+  disabled: false,
+  bold: false
+};
+export default ActionSheetItem;

package/es/ActionSheet/ActionSheetItem.types.d.ts

@@ -0,0 +1,38 @@
+import { OverrideProps, ThemeColor } from '@bifrostui/types';
+import React from 'react';
+export type ActionSheetItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否禁用
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * 颜色
+         * @default 'default'
+         */
+        color?: ThemeColor | 'default';
+        /**
+         * 是否加粗
+         * @default false
+         */
+        bold?: boolean;
+        /**
+         * 描述内容
+         */
+        description?: React.ReactNode;
+        /**
+         * 索引标记
+         */
+        index?: string | number;
+        /**
+         * 点击事件回调方法
+         * @param event
+         * @param data
+         */
+        onClick?: (event: React.MouseEvent<HTMLDivElement>, data?: {
+            index: string | number;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/ActionSheet/ActionSheetItem.types.js

@@ -0,0 +1 @@
+export {};

package/es/ActionSheet/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ActionSheet, default } from './ActionSheet';
+export * from './ActionSheet.types';
+export { default as ActionSheetItem } from './ActionSheetItem';
+export * from './ActionSheetItem.types';

package/es/ActionSheet/index.js

@@ -0,0 +1,4 @@
+export { default as ActionSheet, default } from "./ActionSheet";
+export * from "./ActionSheet.types";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export * from "./ActionSheetItem.types";

package/es/Alert/Alert.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AlertProps } from './Alert.types';
+import './index.less';
+declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/es/Alert/Alert.js

@@ -0,0 +1,110 @@
+var _excluded = ["color", "className", "icon", "variant", "marquee", "children", "action", "onClose", "onClick"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { AlertCircleFilledIcon, CloseIcon, ErrorCircleFilledIcon, SuccessCircleFilledIcon, VolumeUpOutlinedIcon } from '@bifrostui/icons';
+import clsx from 'clsx';
+import React from 'react';
+import { isMini } from '@bifrostui/utils';
+import { IconButton } from "../IconButton";
+import "./index.css";
+var prefixCls = 'bui-alert';
+
+// 处理左边icon的展示逻辑
+var iconMap = {
+  danger: /*#__PURE__*/React.createElement(ErrorCircleFilledIcon, {
+    color: "danger",
+    className: "".concat(prefixCls, "-default-icon")
+  }),
+  success: /*#__PURE__*/React.createElement(SuccessCircleFilledIcon, {
+    color: "success",
+    className: "".concat(prefixCls, "-default-icon")
+  }),
+  warning: /*#__PURE__*/React.createElement(AlertCircleFilledIcon, {
+    color: "warning",
+    className: "".concat(prefixCls, "-default-icon")
+  }),
+  info: /*#__PURE__*/React.createElement(AlertCircleFilledIcon, {
+    color: "info",
+    className: "".concat(prefixCls, "-default-icon")
+  }),
+  primary: /*#__PURE__*/React.createElement(VolumeUpOutlinedIcon, {
+    color: "primary",
+    className: "".concat(prefixCls, "-default-icon")
+  })
+};
+
+// 警示框 icon
+var AlertIcon = function AlertIcon(props) {
+  var _icon$props;
+  var icon = props.icon,
+    color = props.color;
+  if (!icon) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-icon"))
+  }, isMini && /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon, _objectSpread({}, {
+    color: ((_icon$props = icon.props) === null || _icon$props === void 0 ? void 0 : _icon$props.color) || color
+  })) : icon);
+};
+
+// 警告框操作区
+var AlertAction = function AlertAction(props) {
+  var color = props.color,
+    action = props.action,
+    onClose = props.onClose;
+  if (!action && !onClose) return null;
+  if (action) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-action"),
+      onClick: onClose
+    }, action);
+  }
+  return /*#__PURE__*/React.createElement(IconButton, {
+    className: "".concat(prefixCls, "-action"),
+    color: color,
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(CloseIcon, null));
+};
+var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var color = props.color,
+    className = props.className,
+    icon = props.icon,
+    variant = props.variant,
+    marquee = props.marquee,
+    children = props.children,
+    action = props.action,
+    onClose = props.onClose,
+    onClick = props.onClick,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className, ["".concat(prefixCls, "-").concat(variant, "-").concat(color)]),
+    onClick: onClick,
+    ref: ref
+  }, others), /*#__PURE__*/React.createElement(AlertIcon, {
+    icon: icon === true ? iconMap[color] : icon,
+    color: color
+  }), marquee ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-marquee")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-content"), ["".concat(prefixCls, "-marquee-content")])
+  }, children)) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, children), /*#__PURE__*/React.createElement(AlertAction, {
+    action: action,
+    onClose: onClose,
+    color: color
+  }));
+});
+Alert.displayName = 'BuiAlert';
+Alert.defaultProps = {
+  icon: true,
+  color: 'primary',
+  variant: 'standard'
+};
+export default Alert;

package/es/Alert/Alert.types.d.ts

@@ -0,0 +1,61 @@
+import { OverrideProps, ThemeColor } from '@bifrostui/types';
+import React, { SyntheticEvent } from 'react';
+export type AlertProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 指定警告提示的样式
+         */
+        color?: ThemeColor;
+        /**
+         * 自定义图标，icon为false时隐藏图标
+         */
+        icon?: React.ReactNode | boolean;
+        /**
+         *  警告提示操作区
+         */
+        action?: React.ReactNode;
+        /**
+         * 警告模式
+         */
+        variant?: 'standard' | 'outlined';
+        /**
+         * 内容是否滚动（内容只能单行）
+         */
+        marquee?: boolean;
+        /**
+         *  关闭回调
+         */
+        onClose?: (e?: SyntheticEvent) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export type AlertIconProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 指定警告提示的样式
+         */
+        color?: ThemeColor;
+        /**
+         * 自定义图标，icon为false时隐藏图标
+         */
+        icon?: React.ReactNode | boolean;
+    };
+    defaultComponent: D;
+}, D>;
+export type AlertActionProps<D extends React.ElementType = React.ElementType, P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 指定警告提示的样式
+         */
+        color?: ThemeColor;
+        /**
+         *  警告提示操作区
+         */
+        action?: React.ReactNode;
+        /**
+         *  关闭回调,
+         */
+        onClose?: (e?: SyntheticEvent) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Alert/Alert.types.js

@@ -0,0 +1 @@
+export {};

package/es/Alert/index.css

@@ -0,0 +1,89 @@
+.bui-alert {
+  --bui-alert-marquee-speed: var(--bui-alert-marquee-seed, 10s);
+  display: flex;
+  padding: 8px;
+  border-radius: var(--bui-shape-radius-default);
+  align-items: center;
+  line-height: 16px;
+  font-size: var(--bui-text-size-3);
+  font-family: var(--bui-font-family);
+}
+.bui-alert-standard-primary {
+  background-color: var(--bui-color-primary-light);
+  color: var(--bui-color-primary);
+}
+.bui-alert-standard-success {
+  background-color: var(--bui-color-success-light);
+  color: var(--bui-color-success);
+}
+.bui-alert-standard-info {
+  background-color: var(--bui-color-info-light);
+  color: var(--bui-color-info);
+}
+.bui-alert-standard-danger {
+  background-color: var(--bui-color-danger-light);
+  color: var(--bui-color-danger);
+}
+.bui-alert-standard-warning {
+  color: var(--bui-color-warning);
+  background-color: var(--bui-color-warning-light);
+}
+.bui-alert-outlined-primary {
+  border: 1px solid var(--bui-color-primary);
+  color: var(--bui-color-primary);
+}
+.bui-alert-outlined-success {
+  border: 1px solid var(--bui-color-success);
+  color: var(--bui-color-success);
+}
+.bui-alert-outlined-info {
+  border: 1px solid var(--bui-color-info);
+  color: var(--bui-color-info);
+}
+.bui-alert-outlined-danger {
+  border: 1px solid var(--bui-color-danger);
+  color: var(--bui-color-danger);
+}
+.bui-alert-outlined-warning {
+  border: 1px solid var(--bui-color-warning);
+  color: var(--bui-color-warning);
+}
+.bui-alert-default-icon {
+  font-size: 15px;
+}
+.bui-alert-content {
+  flex-grow: 1;
+}
+.bui-alert-action {
+  flex-shrink: 0;
+  margin-left: 16px;
+  word-wrap: keep-all;
+  font-size: var(--bui-text-size-3);
+  cursor: pointer;
+  text-align: center;
+}
+.bui-alert-action.bui-icon-btn {
+  padding: 0;
+}
+.bui-alert-icon {
+  display: flex;
+  align-items: center;
+  padding-right: 4px;
+  vertical-align: middle;
+  font-size: 15px;
+  cursor: pointer;
+}
+.bui-alert-marquee {
+  overflow: hidden;
+}
+.bui-alert-marquee-content {
+  display: inline-block;
+  padding-left: 100%;
+  white-space: nowrap;
+  animation: marquee var(--bui-alert-marquee-speed) linear infinite both;
+}
+@keyframes marquee {
+  100% {
+    transform: translateX(-100%);
+  }
+}

package/es/Alert/index.d.ts

@@ -0,0 +1,4 @@
+import Alert from './Alert';
+export { default } from './Alert';
+export * from './Alert.types';
+export { Alert };

package/es/Alert/index.js

@@ -0,0 +1,4 @@
+import Alert from "./Alert";
+export { default } from "./Alert";
+export * from "./Alert.types";
+export { Alert };

package/es/Avatar/Avatar.css

@@ -0,0 +1,43 @@
+.bui-avatar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  background-color: var(--bui-color-bg-default);
+  font-family: var(--bui-font-family);
+}
+.bui-avatar-children {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.bui-avatar-large {
+  width: 60px;
+  height: 60px;
+}
+.bui-avatar-medium {
+  width: 42px;
+  height: 42px;
+}
+.bui-avatar-small {
+  width: 30px;
+  height: 30px;
+}
+.bui-avatar-xsmall {
+  width: 24px;
+  height: 24px;
+}
+.bui-avatar-rounded {
+  border-radius: 50%;
+}
+.bui-avatar-rounded .bui-avatar-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+.bui-avatar-square {
+  border-radius: var(--bui-shape-radius-poster);
+}
+.bui-avatar-square .bui-avatar-img {
+  border-radius: var(--bui-shape-radius-poster);
+}

package/es/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AvatarProps } from './Avatar.types';
+import './Avatar.less';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/es/Avatar/Avatar.js

@@ -0,0 +1,55 @@
+var _excluded = ["className", "onClick", "onError", "onLoad", "children", "src", "lazy", "variant", "size", "alt", "fit", "placeholder", "ImageProps"];
+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 clsx from 'clsx';
+import React from 'react';
+import Image from "../Image";
+import "./Avatar.css";
+var prefixCls = 'bui-avatar';
+var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    onClick = props.onClick,
+    onError = props.onError,
+    onLoad = props.onLoad,
+    children = props.children,
+    src = props.src,
+    lazy = props.lazy,
+    variant = props.variant,
+    size = props.size,
+    alt = props.alt,
+    fit = props.fit,
+    placeholder = props.placeholder,
+    ImageProps = props.ImageProps,
+    others = _objectWithoutProperties(props, _excluded);
+  var AvatarImg = src ? /*#__PURE__*/React.createElement(Image, _extends({
+    src: src,
+    lazy: lazy,
+    alt: alt,
+    fit: fit,
+    placeholder: placeholder,
+    onError: onError,
+    onLoad: onLoad
+  }, ImageProps, {
+    className: clsx(ImageProps === null || ImageProps === void 0 ? void 0 : ImageProps.className, "".concat(prefixCls, "-img"))
+  }), children) : null;
+
+  // flex布局容器直接设置超出省略不起效
+  var createElement = function createElement(element) {
+    return element ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-children")
+    }, element) : null;
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className, "".concat(prefixCls, "-").concat(size), "".concat(prefixCls, "-").concat(variant)),
+    onClick: onClick,
+    ref: ref
+  }, others), createElement(children) || AvatarImg);
+});
+Avatar.displayName = 'BuiAvatar';
+Avatar.defaultProps = {
+  variant: 'rounded',
+  size: 'medium',
+  fit: 'cover'
+};
+export default Avatar;