@dpocean/chatui 1.0.0

package/lib/components/Stepper/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function get() {
+    return _Step.Step;
+  }
+});
+Object.defineProperty(exports, "Stepper", {
+  enumerable: true,
+  get: function get() {
+    return _Stepper.Stepper;
+  }
+});
+var _Stepper = require("./Stepper");
+var _Step = require("./Step");

package/lib/components/Tabs/Tab.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TabProps {
+    label: string;
+    children?: React.ReactNode;
+}
+export declare const Tab: ({ children }: TabProps) => React.JSX.Element;

package/lib/components/Tabs/Tab.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tab = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Tab = exports.Tab = function Tab(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", null, children);
+};

package/lib/components/Tabs/Tabs.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type TabsProps = {
+    className?: string;
+    index?: number;
+    color?: 'primary';
+    size?: 'md' | 'lg';
+    scrollable?: boolean;
+    hideNavIfOnlyOne?: boolean;
+    onChange?: (index: number, event: React.MouseEvent) => void;
+    children: React.ReactNode;
+};
+export declare const Tabs: (props: TabsProps) => React.JSX.Element;

package/lib/components/Tabs/Tabs.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tabs = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _smoothScroll = _interopRequireDefault(require("../../utils/smoothScroll"));
+var _useNextId = _interopRequireDefault(require("../../hooks/useNextId"));
+var _excluded = ["active", "index", "children", "onClick"],
+  _excluded2 = ["active", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var TabItem = function TabItem(props) {
+  var active = props.active,
+    index = props.index,
+    children = props.children,
+    onClick = props.onClick,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  function handleClick(e) {
+    onClick(index, e);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "Tabs-navItem"
+  }, /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    className: (0, _clsx.default)('Tabs-navLink', {
+      active: active
+    }),
+    type: "button",
+    role: "tab",
+    "aria-selected": active,
+    onClick: handleClick
+  }, others), /*#__PURE__*/_react.default.createElement("span", null, children)));
+};
+var TabsPane = function TabsPane(props) {
+  var active = props.active,
+    children = props.children,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)('Tabs-pane', {
+      active: active
+    })
+  }, others, {
+    role: "tabpanel"
+  }), children);
+};
+var Tabs = exports.Tabs = function Tabs(props) {
+  var className = props.className,
+    _props$index = props.index,
+    oIndex = _props$index === void 0 ? 0 : _props$index,
+    color = props.color,
+    size = props.size,
+    scrollable = props.scrollable,
+    hideNavIfOnlyOne = props.hideNavIfOnlyOne,
+    children = props.children,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(oIndex || 0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var indexRef = (0, _react.useRef)(index);
+  var navRef = (0, _react.useRef)(null);
+  var headers = [];
+  var contents = [];
+  var tabPaneId = (0, _useNextId.default)('tabs-');
+  function handleIndexChange(idx, e) {
+    setIndex(idx);
+    if (onChange) {
+      onChange(idx, e);
+    }
+  }
+  _react.default.Children.forEach(children, function (item, idx) {
+    if (!item) return;
+    var active = index === idx;
+    var id = "".concat(tabPaneId, "-").concat(idx);
+    headers.push(/*#__PURE__*/_react.default.createElement(TabItem, {
+      active: active,
+      index: idx,
+      key: id,
+      onClick: handleIndexChange,
+      "aria-controls": id,
+      tabIndex: active ? -1 : 0
+    }, item.props.label));
+    if (item.props.children) {
+      contents.push(/*#__PURE__*/_react.default.createElement(TabsPane, {
+        active: active,
+        key: id,
+        id: id
+      }, item.props.children));
+    }
+  });
+  (0, _react.useEffect)(function () {
+    setIndex(oIndex);
+  }, [oIndex]);
+  var movePointer = (0, _react.useCallback)(function () {
+    var nav = navRef.current;
+    if (!nav) return;
+    var currentNav = nav.children[indexRef.current];
+    if (!currentNav) return;
+    var text = currentNav.querySelector('span');
+    if (!text) return;
+    var _ref = currentNav,
+      navWidth = _ref.offsetWidth,
+      navOffsetLeft = _ref.offsetLeft;
+    // 中心位的偏移量
+    var offsetLeftOfCenter = navOffsetLeft + navWidth / 2;
+    if (scrollable) {
+      (0, _smoothScroll.default)({
+        el: nav,
+        to: offsetLeftOfCenter - nav.offsetWidth / 2,
+        x: true
+      });
+    }
+  }, [scrollable]);
+  (0, _react.useEffect)(function () {
+    var nav = navRef.current;
+    var ro;
+    if (nav && 'ResizeObserver' in window) {
+      ro = new ResizeObserver(movePointer);
+      ro.observe(nav);
+    }
+    return function () {
+      if (ro && nav) {
+        ro.unobserve(nav);
+      }
+    };
+  }, [movePointer]);
+  (0, _react.useEffect)(function () {
+    indexRef.current = index;
+    movePointer();
+  }, [index, movePointer]);
+  var needNav = headers.length > (hideNavIfOnlyOne ? 1 : 0);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)('Tabs', {
+      'Tabs--scrollable': scrollable
+    }, className),
+    "data-color": color,
+    "data-size": size
+  }, needNav && /*#__PURE__*/_react.default.createElement("div", {
+    className: "Tabs-nav",
+    role: "tablist",
+    ref: navRef
+  }, headers), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Tabs-content"
+  }, contents));
+};

package/lib/components/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { Tab } from './Tab';
+export type { TabProps } from './Tab';

package/lib/components/Tabs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function get() {
+    return _Tab.Tab;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.Tabs;
+  }
+});
+var _Tabs = require("./Tabs");
+var _Tab = require("./Tab");

package/lib/components/Tag/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface TagProps {
+    as?: React.ElementType;
+    className?: string;
+    color?: 'primary' | 'success' | 'danger' | 'warning';
+    children?: React.ReactNode;
+}
+type TagRef = React.ElementType;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<TagRef>>;
+export {};

package/lib/components/Tag/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tag = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _excluded = ["as", "className", "color", "children"];
+var Tag = exports.Tag = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Element = _props$as === void 0 ? 'span' : _props$as,
+    className = props.className,
+    color = props.color,
+    children = props.children,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({
+    className: (0, _clsx.default)('Tag', color && "Tag--".concat(color), className),
+    ref: ref
+  }, other), children);
+});

package/lib/components/Text/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface TextProps {
+    className?: string;
+    as?: React.ElementType;
+    align?: 'left' | 'center' | 'right' | 'justify';
+    breakWord?: boolean;
+    truncate?: boolean | number;
+    children?: React.ReactNode;
+}
+export declare const Text: (props: TextProps) => React.JSX.Element;

package/lib/components/Text/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _excluded = ["as", "className", "align", "breakWord", "truncate", "children"];
+var Text = exports.Text = function Text(props) {
+  var _props$as = props.as,
+    Element = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    align = props.align,
+    breakWord = props.breakWord,
+    truncate = props.truncate,
+    children = props.children,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var ellipsis = Number.isInteger(truncate);
+  var cls = (0, _clsx.default)(align && "Text--".concat(align), {
+    'Text--break': breakWord,
+    'Text--truncate': truncate === true,
+    'Text--ellipsis': ellipsis
+  }, className);
+  var style = ellipsis ? {
+    WebkitLineClamp: truncate
+  } : null;
+  return /*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({
+    className: cls,
+    style: style
+  }, other), children);
+};

package/lib/components/Think/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ThinkProps {
+    className?: string;
+    isDone?: boolean;
+    thinkTime?: number;
+    children?: React.ReactNode;
+}
+export declare const Think: ({ className, isDone, thinkTime, children }: ThinkProps) => React.JSX.Element;

package/lib/components/Think/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Think = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Icon = require("../Icon");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var Think = exports.Think = function Think(_ref) {
+  var className = _ref.className,
+    isDone = _ref.isDone,
+    thinkTime = _ref.thinkTime,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var handleClick = function handleClick() {
+    setShow(function (s) {
+      return !s;
+    });
+  };
+  var getText = function getText() {
+    if (isDone) {
+      var time = thinkTime ? "\uFF08\u7528\u65F6".concat(thinkTime, "\u79D2\uFF09") : '';
+      return "\u5DF2\u6DF1\u5EA6\u601D\u8003".concat(time);
+    }
+    return '思考中...';
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)('Think', className),
+    "data-collapsed": !show
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "Think-toggle",
+    onClick: handleClick
+  }, getText(), /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    type: "chevron-up"
+  })), show && /*#__PURE__*/_react.default.createElement("div", {
+    className: "Think-content"
+  }, children));
+};

package/lib/components/Time/Time.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IDate } from './parser';
+export interface TimeProps {
+    date: IDate;
+    timeFormat?: string;
+}
+export declare const Time: ({ date, timeFormat }: TimeProps) => React.JSX.Element;

package/lib/components/Time/Time.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Time = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var Time = exports.Time = function Time(_ref) {
+  var date = _ref.date,
+    _ref$timeFormat = _ref.timeFormat,
+    timeFormat = _ref$timeFormat === void 0 ? 'MM-DD-YYYY HH:mm:ss' : _ref$timeFormat;
+  var dateTime = new Date(date).toLocaleString('zh').replace(/\//g, '-');
+  var dateTxt = (0, _dayjs.default)(date).format(timeFormat);
+  return /*#__PURE__*/_react.default.createElement("time", {
+    className: "Time",
+    dateTime: dateTime
+  }, dateTxt);
+};

package/lib/components/Time/index.d.ts

@@ -0,0 +1,2 @@
+export { Time } from './Time';
+export type { TimeProps } from './Time';

package/lib/components/Time/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Time", {
+  enumerable: true,
+  get: function get() {
+    return _Time.Time;
+  }
+});
+var _Time = require("./Time");

package/lib/components/Time/parser.d.ts

@@ -0,0 +1,10 @@
+export type IDate = number | string | Date;
+type DateFormats = {
+    [p: string]: string;
+};
+interface TimeLocale {
+    weekdays: string[];
+    formats: DateFormats;
+}
+declare function formatDate(date: IDate, locale: TimeLocale): string;
+export default formatDate;

package/lib/components/Time/parser.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var REGEX_FORMAT = /YYYY|M|D|dddd|HH|mm/g;
+var MS_A_DAY = 24 * 60 * 60 * 1000;
+var MS_A_WEEK = MS_A_DAY * 7;
+var parseDate = function parseDate(date) {
+  // if (date === null) {
+  //   return new Date(NaN);
+  // }
+  // if (typeof date === 'undefined') {
+  //   return new Date(); // today
+  // }
+  if (date instanceof Date) {
+    return date;
+  }
+  return new Date(date);
+};
+var getWeeHours = function getWeeHours() {
+  return new Date(new Date().setHours(0, 0, 0, 0));
+};
+var padStart = function padStart(n) {
+  return (n <= 9 ? '0' : '') + n;
+};
+var getFormat = function getFormat(date) {
+  var diff = getWeeHours().getTime() - date.getTime();
+  if (diff < 0) {
+    return 'LT'; // 今天
+  }
+  if (diff < MS_A_DAY) {
+    return 'YT'; // 昨天
+  }
+  if (diff < MS_A_WEEK) {
+    return 'WT'; // 这周
+  }
+  return 'lll';
+};
+function formatDate(date, locale) {
+  var $d = parseDate(date);
+  var format = locale.formats[getFormat($d)];
+  var dates = {
+    YYYY: "".concat($d.getFullYear()),
+    M: "".concat($d.getMonth() + 1),
+    D: "".concat($d.getDate()),
+    dddd: locale.weekdays[$d.getDay()],
+    HH: padStart($d.getHours()),
+    mm: padStart($d.getMinutes())
+  };
+  return format.replace(REGEX_FORMAT, function (match) {
+    return dates[match];
+  });
+}
+var _default = exports.default = formatDate;

package/lib/components/Tips/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TipsProps {
+    className?: string;
+    size?: 'md' | 'lg';
+    primary?: boolean;
+    icon?: string;
+    children?: React.ReactNode;
+}
+export declare const Tips: ({ className, size, primary, icon, children, }: TipsProps) => React.JSX.Element;

package/lib/components/Tips/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tips = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Icon = require("../Icon");
+var _Flex = require("../Flex");
+var Tips = exports.Tips = function Tips(_ref) {
+  var className = _ref.className,
+    size = _ref.size,
+    primary = _ref.primary,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? 'info-circle' : _ref$icon,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
+    className: (0, _clsx.default)('Tips', className),
+    "data-size": size,
+    "data-primary": primary
+  }, icon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    type: icon
+  }), /*#__PURE__*/_react.default.createElement(_Flex.FlexItem, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "Tips-content"
+  }, children)));
+};

package/lib/components/Toast/Toast.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ToastProps {
+    content: React.ReactNode;
+    type?: 'success' | 'error' | 'loading';
+    duration?: number;
+    onUnmount?: () => void;
+}
+export declare const Toast: (props: ToastProps) => React.JSX.Element;

package/lib/components/Toast/Toast.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toast = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Icon = require("../Icon");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function renderIcon(type) {
+  switch (type) {
+    case 'success':
+      return /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+        type: "check-circle"
+      });
+    case 'error':
+      return /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+        type: "warning-circle"
+      });
+    case 'loading':
+      return /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+        type: "spinner",
+        spin: true
+      });
+    default:
+      return null;
+  }
+}
+var Toast = exports.Toast = function Toast(props) {
+  var content = props.content,
+    type = props.type,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 2000 : _props$duration,
+    onUnmount = props.onUnmount;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setShow(true);
+    if (duration !== -1) {
+      setTimeout(function () {
+        setShow(false);
+      }, duration);
+      setTimeout(function () {
+        if (onUnmount) {
+          onUnmount();
+        }
+      }, duration + 300);
+    }
+  }, [duration, onUnmount]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)('Toast', {
+      show: show
+    }),
+    "data-type": type,
+    role: "alert",
+    "aria-live": "assertive",
+    "aria-atomic": "true"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "Toast-content",
+    role: "presentation"
+  }, renderIcon(type), /*#__PURE__*/_react.default.createElement("p", {
+    className: "Toast-message"
+  }, content)));
+};

package/lib/components/Toast/index.d.ts

@@ -0,0 +1,10 @@
+import { Toast, ToastProps } from './Toast';
+declare function show(content: string, type?: ToastProps['type'], duration?: number): void;
+export declare const toast: {
+    show: typeof show;
+    success(content: string, duration?: number): void;
+    fail(content: string, duration?: number): void;
+    loading(content: string, duration?: number): void;
+};
+export { Toast };
+export type { ToastProps };

package/lib/components/Toast/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.Toast;
+  }
+});
+exports.toast = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mountComponent = require("../../utils/mountComponent");
+var _Toast = require("./Toast");
+function show(content, type, duration) {
+  (0, _mountComponent.mountComponent)(/*#__PURE__*/_react.default.createElement(_Toast.Toast, {
+    content: content,
+    type: type,
+    duration: duration
+  }));
+}
+var toast = exports.toast = {
+  show: show,
+  success: function success(content, duration) {
+    show(content, 'success', duration);
+  },
+  fail: function fail(content, duration) {
+    show(content, 'error', duration);
+  },
+  loading: function loading(content, duration) {
+    show(content, 'loading', duration);
+  }
+};

package/lib/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ToolbarItemProps } from './ToolbarButton';
+export interface ToolbarProps {
+    items: ToolbarItemProps[];
+    onClick: (item: ToolbarItemProps, event: React.MouseEvent) => void;
+}
+export declare const Toolbar: (props: ToolbarProps) => React.JSX.Element;