@ebscn/ui 1.0.3-beta.10 → 1.0.3-beta.12

package/cjs/components/date-range-picker/date-range-picker.js

@@ -261,10 +261,11 @@ var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forw
     "aria-disabled": props.loading
   }, props.confirmText)), props.quickButtons.length ? _react.default.createElement("div", {
     className: "".concat(classPrefix, "-buttons-wrap")
-  }, props.quickButtons.map(function (_a) {
+  }, props.quickButtons.map(function (_a, index) {
     var label = _a.label,
       value = _a.value;
     return _react.default.createElement("div", {
+      key: index,
       onClick: function () {
         return onQuickClick(value);
       },

package/cjs/components/icons/down-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const DownIcon: React.NamedExoticComponent<NativeProps>;
+export default DownIcon;

package/cjs/components/icons/down-icon.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var DownIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3136",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, _react.default.createElement("path", {
+    d: "M121.392 358.656a32 32 0 1 1 45.216-45.312l335.136 334.4c6.096 6.08 15.968 6.064 22.064-0.032l333.536-334.32a32 32 0 1 1 45.312 45.216L569.104 692.912a79.6 79.6 0 0 1-112.56 0.128l-335.152-334.4z",
+    "p-id": "3137"
+  })));
+});
+var _default = exports.default = DownIcon;

package/cjs/components/icons/dustbin-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const DustbinIcon: React.NamedExoticComponent<NativeProps>;
+export default DustbinIcon;

package/cjs/components/icons/dustbin-icon.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var DustbinIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3293",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, _react.default.createElement("path", {
+    d: "M544 64a48 48 0 0 1 48 48v16h304a32 32 0 1 1 0 64H256v656a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V285.488a32 32 0 1 1 64 0V848a96 96 0 0 1-96 96H288a96 96 0 0 1-96-96V192H128a32 32 0 1 1 0-64h336V112a48 48 0 0 1 48-48h32z m-128 208a32 32 0 0 1 32 32v464a32 32 0 1 1-64 0V304a32 32 0 0 1 32-32z m192 0a32 32 0 0 1 32 32v464a32 32 0 1 1-64 0V304a32 32 0 0 1 32-32z",
+    "p-id": "3294"
+  })));
+});
+var _default = exports.default = DustbinIcon;

package/cjs/components/icons/index.d.ts

@@ -3,6 +3,8 @@ export { default as CheckIcon } from './check-icon';
 export { default as CheckOnlyIcon } from './check-only-icon';
 export { default as ClearIcon } from './clear-icon';
 export { default as CloseIcon } from './close-icon';
+export { default as DownIcon } from './down-icon';
+export { default as DustbinIcon } from './dustbin-icon';
 export { default as GdlogoIcon } from './gdlogo-icon';
 export { default as IndeterminateIcon } from './indeterminate-icon';
 export { default as LoadingIcon } from './loading-icon';
@@ -12,4 +14,5 @@ export { default as SearchIcon } from './search-icon';
 export { default as SelectorIcon } from './selector-icon';
 export { default as SpinIcon } from './spin-icon';
 export { default as UncheckIcon } from './uncheck-icon';
+export { default as UpIcon } from './up-icon';
 export { default as WarningIcon } from './warning-icon';

package/cjs/components/icons/index.js

@@ -33,6 +33,18 @@ Object.defineProperty(exports, "CloseIcon", {
     return _closeIcon.default;
   }
 });
+Object.defineProperty(exports, "DownIcon", {
+  enumerable: true,
+  get: function () {
+    return _downIcon.default;
+  }
+});
+Object.defineProperty(exports, "DustbinIcon", {
+  enumerable: true,
+  get: function () {
+    return _dustbinIcon.default;
+  }
+});
 Object.defineProperty(exports, "GdlogoIcon", {
   enumerable: true,
   get: function () {
@@ -87,6 +99,12 @@ Object.defineProperty(exports, "UncheckIcon", {
     return _uncheckIcon.default;
   }
 });
+Object.defineProperty(exports, "UpIcon", {
+  enumerable: true,
+  get: function () {
+    return _upIcon.default;
+  }
+});
 Object.defineProperty(exports, "WarningIcon", {
   enumerable: true,
   get: function () {
@@ -98,6 +116,8 @@ var _checkIcon = _interopRequireDefault(require("./check-icon"));
 var _checkOnlyIcon = _interopRequireDefault(require("./check-only-icon"));
 var _clearIcon = _interopRequireDefault(require("./clear-icon"));
 var _closeIcon = _interopRequireDefault(require("./close-icon"));
+var _downIcon = _interopRequireDefault(require("./down-icon"));
+var _dustbinIcon = _interopRequireDefault(require("./dustbin-icon"));
 var _gdlogoIcon = _interopRequireDefault(require("./gdlogo-icon"));
 var _indeterminateIcon = _interopRequireDefault(require("./indeterminate-icon"));
 var _loadingIcon = _interopRequireDefault(require("./loading-icon"));
@@ -107,5 +127,6 @@ var _searchIcon = _interopRequireDefault(require("./search-icon"));
 var _selectorIcon = _interopRequireDefault(require("./selector-icon"));
 var _spinIcon = _interopRequireDefault(require("./spin-icon"));
 var _uncheckIcon = _interopRequireDefault(require("./uncheck-icon"));
+var _upIcon = _interopRequireDefault(require("./up-icon"));
 var _warningIcon = _interopRequireDefault(require("./warning-icon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/components/icons/notice-icon.js

@@ -16,15 +16,14 @@ var NoticeIcon = (0, _react.memo)(function (props) {
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "8375",
     width: "1em",
-    height: "1em",
-    fill: "currentColor"
+    height: "1em"
   }, _react.default.createElement("path", {
     d: "M614.4 268.8a32 32 0 0 1 44.8-6.4C752.128 332.096 800 415.872 800 512c0 96.128-47.872 179.904-140.8 249.6a32 32 0 1 1-38.4-51.2C698.528 652.096 736 586.528 736 512s-37.472-140.096-115.2-198.4a32 32 0 0 1-6.4-44.8zM370.368 108.352A96 96 0 0 1 544 164.8v694.368a96 96 0 0 1-173.632 56.48L249.28 749.168A32 32 0 0 0 223.408 736H176a112 112 0 0 1-112-112V400a112 112 0 0 1 112-112h47.408a32 32 0 0 0 25.888-13.184l121.072-166.464z m96.448 30.576a32 32 0 0 0-44.688 7.056L301.056 312.48A96 96 0 0 1 223.408 352H176a48 48 0 0 0-48 48v224a48 48 0 0 0 48 48h47.408a96 96 0 0 1 77.648 39.536l121.072 166.48A32 32 0 0 0 480 859.184V164.816a32 32 0 0 0-13.184-25.888z",
-    fill: "#333333",
+    fill: "currentColor",
     "p-id": "8376"
   }), _react.default.createElement("path", {
     d: "M745.376 137.376a32 32 0 0 1 45.248 0C903.04 249.792 960 375.088 960 512c0 136.912-56.96 262.208-169.376 374.624a32 32 0 0 1-45.248-45.248C846.288 740.448 896 631.088 896 512c0-119.088-49.712-228.448-150.624-329.376a32 32 0 0 1 0-45.248z",
-    fill: "#333333",
+    fill: "currentColor",
     "p-id": "8377"
   })));
 });

package/cjs/components/icons/up-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const UpIcon: React.NamedExoticComponent<NativeProps>;
+export default UpIcon;

package/cjs/components/icons/up-icon.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var UpIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3450",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, _react.default.createElement("path", {
+    d: "M902.608 665.344a32 32 0 1 1-45.216 45.312l-335.136-334.4a15.6 15.6 0 0 0-22.064 0.032L166.656 710.608a32 32 0 1 1-45.312-45.216l333.552-334.304a79.6 79.6 0 0 1 112.56-0.128l335.152 334.4z",
+    "p-id": "3451"
+  })));
+});
+var _default = exports.default = UpIcon;

package/cjs/components/icons/warning-icon.js

@@ -16,7 +16,8 @@ var WarningIcon = (0, _react.memo)(function (props) {
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "2315",
     width: "1em",
-    height: "1em"
+    height: "1em",
+    fill: 'currentColor'
   }, _react.default.createElement("path", {
     d: "M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 640a48 48 0 1 0 0 96 48 48 0 0 0 0-96z m0-480a40 40 0 0 0-40 40v336a40 40 0 1 0 80 0v-336A40 40 0 0 0 512 224z",
     "p-id": "2316"

package/cjs/components/infinite-scroll/infinite-scroll.css

@@ -5,9 +5,10 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: var(--ebscn-font-size-main);
+  font-size: var(--ebscn-font-size-5);
 }
 .ebscn-infinite-scroll-failed-text {
+  color: var(--ebscn-color-text);
   display: inline-block;
   margin-right: 8px;
 }
@@ -21,3 +22,6 @@
   width: 18px;
   height: 18px;
 }
+.ebscn-infinite-scroll-nodata-text {
+  color: var(--ebscn-color-weak);
+}

package/cjs/components/infinite-scroll/infinite-scroll.d.ts

@@ -4,6 +4,8 @@ export type InfiniteScrollProps = {
     loadMore: (isRetry: boolean) => Promise<void>;
     hasMore: boolean;
     threshold?: number;
-    children?: ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void) => ReactNode);
+    NoMoreContent?: ReactNode;
+    FailContent?: ReactNode;
+    children?: ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void, NoMoreContent?: ReactNode, FailContent?: ReactNode) => ReactNode);
 } & NativeProps;
 export declare const InfiniteScroll: FC<InfiniteScrollProps>;

package/cjs/components/infinite-scroll/infinite-scroll.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InfiniteScroll = void 0;
-var _withDefaultProps = require("../../utils/with-default-props");
-var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
-var _nativeProps = require("../../utils/native-props");
-var _getScrollParent = require("../../utils/get-scroll-parent");
+var _react = _interopRequireWildcard(require("react"));
 var _loading = _interopRequireDefault(require("../../assets/images/loading.gif"));
+var _getScrollParent = require("../../utils/get-scroll-parent");
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -134,11 +134,13 @@ function isWindow(element) {
 var classPrefix = "ebscn-infinite-scroll";
 var defaultProps = {
   threshold: 250,
-  children: function (hasMore, failed, retry) {
+  children: function (hasMore, failed, retry, NoMoreContent, FailContent) {
     return _react.default.createElement(InfiniteScrollContent, {
       hasMore: hasMore,
       failed: failed,
-      retry: retry
+      retry: retry,
+      NoMoreContent: NoMoreContent,
+      FailContent: FailContent
     });
   }
 };
@@ -250,17 +252,20 @@ var InfiniteScroll = function (p) {
 };
 exports.InfiniteScroll = InfiniteScroll;
 var InfiniteScrollContent = function (props) {
+  var _a, _b;
   if (!props.hasMore) {
-    return _react.default.createElement("span", null, '没有更多了');
+    return (_a = props.NoMoreContent) !== null && _a !== void 0 ? _a : _react.default.createElement("span", {
+      className: "".concat(classPrefix, "-nodata-text")
+    }, "\u6211\u662F\u6709\u5E95\u7EBF\u7684");
   }
   if (props.failed) {
-    return _react.default.createElement("span", null, _react.default.createElement("span", {
-      className: "".concat(classPrefix, "-failed-text")
-    }, "加载失败"), _react.default.createElement("a", {
+    return (_b = props.FailContent) !== null && _b !== void 0 ? _b : _react.default.createElement("span", {
       onClick: function () {
         props.retry();
       }
-    }, "重新加载"));
+    }, _react.default.createElement("span", {
+      className: "".concat(classPrefix, "-failed-text")
+    }, '加载失败,请重试'));
   }
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     className: "".concat(classPrefix, "-loading-wrap")

package/cjs/components/stock-keyboard/stock-keyboard.css

@@ -10,12 +10,14 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
   flex-direction: row;
   z-index: 999;
   width: 100%;
-  height: 267px;
+  height: 248px;
   transition: all 0.5s;
   align-content: flex-start;
+  background-color: #fff;
+  background-color: var(--ebscn-color-keyboard-bg);
 }
 .ebscn-stock-keyboard-top {
-  padding: 11px 19px;
+  padding: 11px 19px 0 11px;
   background-color: #fff;
   background-color: var(--ebscn-color-background);
   display: flex;
@@ -27,6 +29,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
   margin-right: 24px;
   color: #666;
   color: var(--ebscn-color-text-secondary);
+  line-height: 21px;
 }
 .ebscn-stock-keyboard-top-item-active {
   color: #e84225;
@@ -141,7 +144,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
   .ebscn-stock-keyboard {
-    height: calc(267px + env(safe-area-inset-bottom));
-    height: calc(267px + constant(safe-area-inset-bottom));
+    height: calc(248px + env(safe-area-inset-bottom));
+    height: calc(248px + constant(safe-area-inset-bottom));
   }
 }

package/cjs/components/toast/index.d.ts

@@ -0,0 +1,9 @@
+import './toast.less';
+import { clear, show, config } from './methods';
+export type { ToastShowProps, ToastHandler } from './methods';
+declare const Toast: {
+    show: typeof show;
+    clear: typeof clear;
+    config: typeof config;
+};
+export default Toast;

package/cjs/components/toast/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./toast.css");
+var _methods = require("./methods");
+var Toast = {
+  show: _methods.show,
+  clear: _methods.clear,
+  config: _methods.config
+};
+var _default = exports.default = Toast;

package/cjs/components/toast/methods.d.ts

@@ -0,0 +1,8 @@
+import { ToastProps } from './toast';
+export type ToastShowProps = Omit<ToastProps, 'visible'>;
+export type ToastHandler = {
+    close: () => void;
+};
+export declare function show(p: ToastShowProps | string): ToastHandler;
+export declare function clear(): void;
+export declare function config(val: Pick<ToastProps, 'duration' | 'position' | 'maskClickable'>): void;

package/cjs/components/toast/methods.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clear = clear;
+exports.config = config;
+exports.show = show;
+var _react = _interopRequireDefault(require("react"));
+var _toast = require("./toast");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _renderImperatively = require("../../utils/render-imperatively");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var currentHandler = null;
+var currentTimeout = null;
+var defaultProps = {
+  duration: 2000,
+  position: 'center',
+  maskClickable: true
+};
+var ToastInner = function (props) {
+  return _react.default.createElement(_toast.InternalToast, __assign({}, props));
+};
+function show(p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, typeof p === 'string' ? {
+    content: p
+  } : p);
+  var element = _react.default.createElement(ToastInner, __assign({}, props, {
+    onClose: function () {
+      currentHandler = null;
+    }
+  }));
+  if (currentHandler) {
+    currentHandler.replace(element);
+  } else {
+    currentHandler = (0, _renderImperatively.renderImperatively)(element);
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+  }
+  if (props.duration !== 0) {
+    currentTimeout = window.setTimeout(function () {
+      clear();
+    }, props.duration);
+  }
+  return currentHandler;
+}
+function clear() {
+  currentHandler === null || currentHandler === void 0 ? void 0 : currentHandler.close();
+  currentHandler = null;
+}
+function config(val) {
+  if (val.duration !== undefined) {
+    defaultProps.duration = val.duration;
+  }
+  if (val.position !== undefined) {
+    defaultProps.position = val.position;
+  }
+  if (val.maskClickable !== undefined) {
+    defaultProps.maskClickable = val.maskClickable;
+  }
+}

package/cjs/components/toast/toast.css

@@ -0,0 +1,45 @@
+.ebscn-toast-mask .ebscn-toast-wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+}
+.ebscn-toast-mask .ebscn-toast-main {
+  display: inline-block;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  width: auto;
+  max-width: 204px;
+  max-height: 70%;
+  overflow: auto;
+  color: white;
+  word-break: break-all;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 8px;
+  pointer-events: all;
+  font-size: var(--ebscn-font-size-7);
+  line-height: 1.5;
+  box-sizing: border-box;
+  text-align: initial;
+}
+.ebscn-toast-mask .ebscn-toast-main-text {
+  padding: 12px;
+  min-width: 0px;
+}
+.ebscn-toast-mask .ebscn-toast-main-icon {
+  padding: 35px 12px;
+  min-width: 150px;
+}
+.ebscn-toast-mask .ebscn-toast-main-icon .ebscn-toast-icon {
+  text-align: center;
+  margin-bottom: 8px;
+  font-size: 36px;
+  line-height: 1;
+}
+.ebscn-toast-loading {
+  --size: 48px;
+  margin: 0 auto 8px;
+}

package/cjs/components/toast/toast.d.ts

@@ -0,0 +1,18 @@
+import type { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
+import { PropagationEvent } from '../../utils/with-stop-propagation';
+import { GetContainer } from '../../utils/render-to-container';
+export interface ToastProps {
+    afterClose?: () => void;
+    maskStyle?: MaskProps['style'];
+    maskClassName?: string;
+    maskClickable?: boolean;
+    content?: ReactNode;
+    icon?: 'success' | 'fail' | ReactNode;
+    duration?: number;
+    position?: 'top' | 'bottom' | 'center';
+    visible?: boolean;
+    getContainer?: GetContainer;
+    stopPropagation?: PropagationEvent[];
+}
+export declare const InternalToast: FC<ToastProps>;

package/cjs/components/toast/toast.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InternalToast = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = require("../icons");
+var _mask = _interopRequireDefault(require("../mask"));
+var _withDefaultProps = require("../../utils/with-default-props");
+var _autoCenter = _interopRequireDefault(require("../auto-center"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var classPrefix = "ebscn-toast";
+var defaultProps = {
+  maskClickable: true,
+  stopPropagation: ['click']
+};
+var InternalToast = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var maskClickable = props.maskClickable,
+    content = props.content,
+    icon = props.icon,
+    position = props.position;
+  var iconElement = (0, _react.useMemo)(function () {
+    if (icon === null || icon === undefined) return null;
+    switch (icon) {
+      case 'success':
+        return _react.default.createElement(_icons.CheckOnlyIcon, {
+          className: "".concat(classPrefix, "-icon-success")
+        });
+      case 'fail':
+        return _react.default.createElement(_icons.CloseIcon, {
+          className: "".concat(classPrefix, "-icon-fail")
+        });
+      default:
+        return icon;
+    }
+  }, [icon]);
+  var top = (0, _react.useMemo)(function () {
+    switch (position) {
+      case 'top':
+        return '20%';
+      case 'bottom':
+        return '80%';
+      default:
+        return '50%';
+    }
+  }, [position]);
+  return _react.default.createElement(_mask.default, {
+    visible: props.visible,
+    destroyOnClose: true,
+    opacity: 0,
+    disableBodyScroll: !maskClickable,
+    getContainer: props.getContainer,
+    afterClose: props.afterClose,
+    style: __assign({
+      pointerEvents: maskClickable ? 'none' : 'auto'
+    }, props.maskStyle),
+    className: (0, _classnames.default)("".concat(classPrefix, "-mask"), props.maskClassName),
+    stopPropagation: props.stopPropagation
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(classPrefix, "-wrap"))
+  }, _react.default.createElement("div", {
+    style: {
+      top: top
+    },
+    className: (0, _classnames.default)("".concat(classPrefix, "-main"), icon ? "".concat(classPrefix, "-main-icon") : "".concat(classPrefix, "-main-text"))
+  }, iconElement && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-icon")
+  }, iconElement), _react.default.createElement(_autoCenter.default, null, content))));
+};
+exports.InternalToast = InternalToast;

package/cjs/components/toast/toast.patch.css

@@ -0,0 +1,11 @@
+.ebscn-toast-mask .ebscn-toast-main {
+  font-size: 15px;
+}
+.ebscn-toast-loading.ebscn-toast-loading {
+  width: 48px;
+  height: 48px;
+  margin: 0 auto 8px;
+}
+.ebscn-toast-loading.ebscn-toast-loading .ebscn-spin-loading-fill {
+  stroke: #ffffff;
+}

package/cjs/index.d.ts

@@ -39,3 +39,4 @@ export { default as ToastLoading } from './components/toastLoading';
 export { default as Input } from './components/input';
 export { default as InfiniteScroll } from './components/infinite-scroll';
 export { default as List } from './components/list';
+export { default as Toast } from './components/toast';

package/cjs/index.js

@@ -44,7 +44,8 @@ var _exportNames = {
   ToastLoading: true,
   Input: true,
   InfiniteScroll: true,
-  List: true
+  List: true,
+  Toast: true
 };
 Object.defineProperty(exports, "AlphabetKeyboard", {
   enumerable: true,
@@ -286,6 +287,12 @@ Object.defineProperty(exports, "Tip", {
     return _tip.default;
   }
 });
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function () {
+    return _toast.default;
+  }
+});
 Object.defineProperty(exports, "ToastLoading", {
   enumerable: true,
   get: function () {
@@ -344,4 +351,5 @@ var _toastLoading = _interopRequireDefault(require("./components/toastLoading"))
 var _input = _interopRequireDefault(require("./components/input"));
 var _infiniteScroll = _interopRequireDefault(require("./components/infinite-scroll"));
 var _list = _interopRequireDefault(require("./components/list"));
+var _toast = _interopRequireDefault(require("./components/toast"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/es/components/date-range-picker/date-range-picker.js

@@ -251,10 +251,11 @@ export var DateRangePicker = memo(forwardRef(function (p, ref) {
     "aria-disabled": props.loading
   }, props.confirmText)), props.quickButtons.length ? React.createElement("div", {
     className: "".concat(classPrefix, "-buttons-wrap")
-  }, props.quickButtons.map(function (_a) {
+  }, props.quickButtons.map(function (_a, index) {
     var label = _a.label,
       value = _a.value;
     return React.createElement("div", {
+      key: index,
       onClick: function () {
         return onQuickClick(value);
       },

package/es/components/icons/down-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const DownIcon: React.NamedExoticComponent<NativeProps>;
+export default DownIcon;

package/es/components/icons/down-icon.js

@@ -0,0 +1,18 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var DownIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3136",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, React.createElement("path", {
+    d: "M121.392 358.656a32 32 0 1 1 45.216-45.312l335.136 334.4c6.096 6.08 15.968 6.064 22.064-0.032l333.536-334.32a32 32 0 1 1 45.312 45.216L569.104 692.912a79.6 79.6 0 0 1-112.56 0.128l-335.152-334.4z",
+    "p-id": "3137"
+  })));
+});
+export default DownIcon;

package/es/components/icons/dustbin-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const DustbinIcon: React.NamedExoticComponent<NativeProps>;
+export default DustbinIcon;

package/es/components/icons/dustbin-icon.js

@@ -0,0 +1,18 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var DustbinIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3293",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, React.createElement("path", {
+    d: "M544 64a48 48 0 0 1 48 48v16h304a32 32 0 1 1 0 64H256v656a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V285.488a32 32 0 1 1 64 0V848a96 96 0 0 1-96 96H288a96 96 0 0 1-96-96V192H128a32 32 0 1 1 0-64h336V112a48 48 0 0 1 48-48h32z m-128 208a32 32 0 0 1 32 32v464a32 32 0 1 1-64 0V304a32 32 0 0 1 32-32z m192 0a32 32 0 0 1 32 32v464a32 32 0 1 1-64 0V304a32 32 0 0 1 32-32z",
+    "p-id": "3294"
+  })));
+});
+export default DustbinIcon;

package/es/components/icons/index.d.ts

@@ -3,6 +3,8 @@ export { default as CheckIcon } from './check-icon';
 export { default as CheckOnlyIcon } from './check-only-icon';
 export { default as ClearIcon } from './clear-icon';
 export { default as CloseIcon } from './close-icon';
+export { default as DownIcon } from './down-icon';
+export { default as DustbinIcon } from './dustbin-icon';
 export { default as GdlogoIcon } from './gdlogo-icon';
 export { default as IndeterminateIcon } from './indeterminate-icon';
 export { default as LoadingIcon } from './loading-icon';
@@ -12,4 +14,5 @@ export { default as SearchIcon } from './search-icon';
 export { default as SelectorIcon } from './selector-icon';
 export { default as SpinIcon } from './spin-icon';
 export { default as UncheckIcon } from './uncheck-icon';
+export { default as UpIcon } from './up-icon';
 export { default as WarningIcon } from './warning-icon';

package/es/components/icons/index.js

@@ -3,6 +3,8 @@ export { default as CheckIcon } from './check-icon';
 export { default as CheckOnlyIcon } from './check-only-icon';
 export { default as ClearIcon } from './clear-icon';
 export { default as CloseIcon } from './close-icon';
+export { default as DownIcon } from './down-icon';
+export { default as DustbinIcon } from './dustbin-icon';
 export { default as GdlogoIcon } from './gdlogo-icon';
 export { default as IndeterminateIcon } from './indeterminate-icon';
 export { default as LoadingIcon } from './loading-icon';
@@ -12,4 +14,5 @@ export { default as SearchIcon } from './search-icon';
 export { default as SelectorIcon } from './selector-icon';
 export { default as SpinIcon } from './spin-icon';
 export { default as UncheckIcon } from './uncheck-icon';
+export { default as UpIcon } from './up-icon';
 export { default as WarningIcon } from './warning-icon';

package/es/components/icons/notice-icon.js

@@ -8,15 +8,14 @@ var NoticeIcon = memo(function (props) {
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "8375",
     width: "1em",
-    height: "1em",
-    fill: "currentColor"
+    height: "1em"
   }, React.createElement("path", {
     d: "M614.4 268.8a32 32 0 0 1 44.8-6.4C752.128 332.096 800 415.872 800 512c0 96.128-47.872 179.904-140.8 249.6a32 32 0 1 1-38.4-51.2C698.528 652.096 736 586.528 736 512s-37.472-140.096-115.2-198.4a32 32 0 0 1-6.4-44.8zM370.368 108.352A96 96 0 0 1 544 164.8v694.368a96 96 0 0 1-173.632 56.48L249.28 749.168A32 32 0 0 0 223.408 736H176a112 112 0 0 1-112-112V400a112 112 0 0 1 112-112h47.408a32 32 0 0 0 25.888-13.184l121.072-166.464z m96.448 30.576a32 32 0 0 0-44.688 7.056L301.056 312.48A96 96 0 0 1 223.408 352H176a48 48 0 0 0-48 48v224a48 48 0 0 0 48 48h47.408a96 96 0 0 1 77.648 39.536l121.072 166.48A32 32 0 0 0 480 859.184V164.816a32 32 0 0 0-13.184-25.888z",
-    fill: "#333333",
+    fill: "currentColor",
     "p-id": "8376"
   }), React.createElement("path", {
     d: "M745.376 137.376a32 32 0 0 1 45.248 0C903.04 249.792 960 375.088 960 512c0 136.912-56.96 262.208-169.376 374.624a32 32 0 0 1-45.248-45.248C846.288 740.448 896 631.088 896 512c0-119.088-49.712-228.448-150.624-329.376a32 32 0 0 1 0-45.248z",
-    fill: "#333333",
+    fill: "currentColor",
     "p-id": "8377"
   })));
 });

package/es/components/icons/up-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const UpIcon: React.NamedExoticComponent<NativeProps>;
+export default UpIcon;

package/es/components/icons/up-icon.js

@@ -0,0 +1,18 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var UpIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3450",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, React.createElement("path", {
+    d: "M902.608 665.344a32 32 0 1 1-45.216 45.312l-335.136-334.4a15.6 15.6 0 0 0-22.064 0.032L166.656 710.608a32 32 0 1 1-45.312-45.216l333.552-334.304a79.6 79.6 0 0 1 112.56-0.128l335.152 334.4z",
+    "p-id": "3451"
+  })));
+});
+export default UpIcon;

package/es/components/icons/warning-icon.js

@@ -8,7 +8,8 @@ var WarningIcon = memo(function (props) {
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "2315",
     width: "1em",
-    height: "1em"
+    height: "1em",
+    fill: 'currentColor'
   }, React.createElement("path", {
     d: "M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 640a48 48 0 1 0 0 96 48 48 0 0 0 0-96z m0-480a40 40 0 0 0-40 40v336a40 40 0 1 0 80 0v-336A40 40 0 0 0 512 224z",
     "p-id": "2316"

package/es/components/infinite-scroll/infinite-scroll.css

@@ -5,9 +5,10 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: var(--ebscn-font-size-main);
+  font-size: var(--ebscn-font-size-5);
 }
 .ebscn-infinite-scroll-failed-text {
+  color: var(--ebscn-color-text);
   display: inline-block;
   margin-right: 8px;
 }
@@ -21,3 +22,6 @@
   width: 18px;
   height: 18px;
 }
+.ebscn-infinite-scroll-nodata-text {
+  color: var(--ebscn-color-weak);
+}

package/es/components/infinite-scroll/infinite-scroll.d.ts

@@ -4,6 +4,8 @@ export type InfiniteScrollProps = {
     loadMore: (isRetry: boolean) => Promise<void>;
     hasMore: boolean;
     threshold?: number;
-    children?: ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void) => ReactNode);
+    NoMoreContent?: ReactNode;
+    FailContent?: ReactNode;
+    children?: ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void, NoMoreContent?: ReactNode, FailContent?: ReactNode) => ReactNode);
 } & NativeProps;
 export declare const InfiniteScroll: FC<InfiniteScrollProps>;

package/es/components/infinite-scroll/infinite-scroll.js

@@ -113,23 +113,25 @@ var __generator = this && this.__generator || function (thisArg, body) {
     };
   }
 };
-import { mergeProps } from '../../utils/with-default-props';
-import React, { useEffect, useRef, useState } from 'react';
 import { useLockFn, useThrottleFn } from 'ahooks';
-import { withNativeProps } from '../../utils/native-props';
-import { getScrollParent } from '../../utils/get-scroll-parent';
+import React, { useEffect, useRef, useState } from 'react';
 import Loading from '../../assets/images/loading.gif';
+import { getScrollParent } from '../../utils/get-scroll-parent';
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
 function isWindow(element) {
   return element === window;
 }
 var classPrefix = "ebscn-infinite-scroll";
 var defaultProps = {
   threshold: 250,
-  children: function (hasMore, failed, retry) {
+  children: function (hasMore, failed, retry, NoMoreContent, FailContent) {
     return React.createElement(InfiniteScrollContent, {
       hasMore: hasMore,
       failed: failed,
-      retry: retry
+      retry: retry,
+      NoMoreContent: NoMoreContent,
+      FailContent: FailContent
     });
   }
 };
@@ -240,17 +242,20 @@ export var InfiniteScroll = function (p) {
   }, typeof props.children === 'function' ? props.children(props.hasMore, failed, retry) : props.children));
 };
 var InfiniteScrollContent = function (props) {
+  var _a, _b;
   if (!props.hasMore) {
-    return React.createElement("span", null, '没有更多了');
+    return (_a = props.NoMoreContent) !== null && _a !== void 0 ? _a : React.createElement("span", {
+      className: "".concat(classPrefix, "-nodata-text")
+    }, "\u6211\u662F\u6709\u5E95\u7EBF\u7684");
   }
   if (props.failed) {
-    return React.createElement("span", null, React.createElement("span", {
-      className: "".concat(classPrefix, "-failed-text")
-    }, "加载失败"), React.createElement("a", {
+    return (_b = props.FailContent) !== null && _b !== void 0 ? _b : React.createElement("span", {
       onClick: function () {
         props.retry();
       }
-    }, "重新加载"));
+    }, React.createElement("span", {
+      className: "".concat(classPrefix, "-failed-text")
+    }, '加载失败,请重试'));
   }
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "".concat(classPrefix, "-loading-wrap")

package/es/components/stock-keyboard/stock-keyboard.css

@@ -10,12 +10,14 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
   flex-direction: row;
   z-index: 999;
   width: 100%;
-  height: 267px;
+  height: 248px;
   transition: all 0.5s;
   align-content: flex-start;
+  background-color: #fff;
+  background-color: var(--ebscn-color-keyboard-bg);
 }
 .ebscn-stock-keyboard-top {
-  padding: 11px 19px;
+  padding: 11px 19px 0 11px;
   background-color: #fff;
   background-color: var(--ebscn-color-background);
   display: flex;
@@ -27,6 +29,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
   margin-right: 24px;
   color: #666;
   color: var(--ebscn-color-text-secondary);
+  line-height: 21px;
 }
 .ebscn-stock-keyboard-top-item-active {
   color: #e84225;
@@ -141,7 +144,7 @@ html[data-prefers-color-scheme='dark'] .ebscn-stock-keyboard-bottom .ebscn-stock
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
   .ebscn-stock-keyboard {
-    height: calc(267px + env(safe-area-inset-bottom));
-    height: calc(267px + constant(safe-area-inset-bottom));
+    height: calc(248px + env(safe-area-inset-bottom));
+    height: calc(248px + constant(safe-area-inset-bottom));
   }
 }

package/es/components/toast/index.d.ts

@@ -0,0 +1,9 @@
+import './toast.less';
+import { clear, show, config } from './methods';
+export type { ToastShowProps, ToastHandler } from './methods';
+declare const Toast: {
+    show: typeof show;
+    clear: typeof clear;
+    config: typeof config;
+};
+export default Toast;

package/es/components/toast/index.js

@@ -0,0 +1,8 @@
+import "./toast.css";
+import { clear, show, config } from './methods';
+var Toast = {
+  show: show,
+  clear: clear,
+  config: config
+};
+export default Toast;

package/es/components/toast/methods.d.ts

@@ -0,0 +1,8 @@
+import { ToastProps } from './toast';
+export type ToastShowProps = Omit<ToastProps, 'visible'>;
+export type ToastHandler = {
+    close: () => void;
+};
+export declare function show(p: ToastShowProps | string): ToastHandler;
+export declare function clear(): void;
+export declare function config(val: Pick<ToastProps, 'duration' | 'position' | 'maskClickable'>): void;

package/es/components/toast/methods.js

@@ -0,0 +1,63 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { InternalToast } from './toast';
+import { mergeProps } from '../../utils/with-default-props';
+import { renderImperatively } from '../../utils/render-imperatively';
+var currentHandler = null;
+var currentTimeout = null;
+var defaultProps = {
+  duration: 2000,
+  position: 'center',
+  maskClickable: true
+};
+var ToastInner = function (props) {
+  return React.createElement(InternalToast, __assign({}, props));
+};
+export function show(p) {
+  var props = mergeProps(defaultProps, typeof p === 'string' ? {
+    content: p
+  } : p);
+  var element = React.createElement(ToastInner, __assign({}, props, {
+    onClose: function () {
+      currentHandler = null;
+    }
+  }));
+  if (currentHandler) {
+    currentHandler.replace(element);
+  } else {
+    currentHandler = renderImperatively(element);
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+  }
+  if (props.duration !== 0) {
+    currentTimeout = window.setTimeout(function () {
+      clear();
+    }, props.duration);
+  }
+  return currentHandler;
+}
+export function clear() {
+  currentHandler === null || currentHandler === void 0 ? void 0 : currentHandler.close();
+  currentHandler = null;
+}
+export function config(val) {
+  if (val.duration !== undefined) {
+    defaultProps.duration = val.duration;
+  }
+  if (val.position !== undefined) {
+    defaultProps.position = val.position;
+  }
+  if (val.maskClickable !== undefined) {
+    defaultProps.maskClickable = val.maskClickable;
+  }
+}

package/es/components/toast/toast.css

@@ -0,0 +1,45 @@
+.ebscn-toast-mask .ebscn-toast-wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+}
+.ebscn-toast-mask .ebscn-toast-main {
+  display: inline-block;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  width: auto;
+  max-width: 204px;
+  max-height: 70%;
+  overflow: auto;
+  color: white;
+  word-break: break-all;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 8px;
+  pointer-events: all;
+  font-size: var(--ebscn-font-size-7);
+  line-height: 1.5;
+  box-sizing: border-box;
+  text-align: initial;
+}
+.ebscn-toast-mask .ebscn-toast-main-text {
+  padding: 12px;
+  min-width: 0px;
+}
+.ebscn-toast-mask .ebscn-toast-main-icon {
+  padding: 35px 12px;
+  min-width: 150px;
+}
+.ebscn-toast-mask .ebscn-toast-main-icon .ebscn-toast-icon {
+  text-align: center;
+  margin-bottom: 8px;
+  font-size: 36px;
+  line-height: 1;
+}
+.ebscn-toast-loading {
+  --size: 48px;
+  margin: 0 auto 8px;
+}

package/es/components/toast/toast.d.ts

@@ -0,0 +1,18 @@
+import type { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
+import { PropagationEvent } from '../../utils/with-stop-propagation';
+import { GetContainer } from '../../utils/render-to-container';
+export interface ToastProps {
+    afterClose?: () => void;
+    maskStyle?: MaskProps['style'];
+    maskClassName?: string;
+    maskClickable?: boolean;
+    content?: ReactNode;
+    icon?: 'success' | 'fail' | ReactNode;
+    duration?: number;
+    position?: 'top' | 'bottom' | 'center';
+    visible?: boolean;
+    getContainer?: GetContainer;
+    stopPropagation?: PropagationEvent[];
+}
+export declare const InternalToast: FC<ToastProps>;

package/es/components/toast/toast.js

@@ -0,0 +1,75 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { CloseIcon as CloseOutline, CheckOnlyIcon as CheckOutline } from '../icons';
+import Mask from '../mask';
+import { mergeProps } from '../../utils/with-default-props';
+import AutoCenter from '../auto-center';
+var classPrefix = "ebscn-toast";
+var defaultProps = {
+  maskClickable: true,
+  stopPropagation: ['click']
+};
+export var InternalToast = function (p) {
+  var props = mergeProps(defaultProps, p);
+  var maskClickable = props.maskClickable,
+    content = props.content,
+    icon = props.icon,
+    position = props.position;
+  var iconElement = useMemo(function () {
+    if (icon === null || icon === undefined) return null;
+    switch (icon) {
+      case 'success':
+        return React.createElement(CheckOutline, {
+          className: "".concat(classPrefix, "-icon-success")
+        });
+      case 'fail':
+        return React.createElement(CloseOutline, {
+          className: "".concat(classPrefix, "-icon-fail")
+        });
+      default:
+        return icon;
+    }
+  }, [icon]);
+  var top = useMemo(function () {
+    switch (position) {
+      case 'top':
+        return '20%';
+      case 'bottom':
+        return '80%';
+      default:
+        return '50%';
+    }
+  }, [position]);
+  return React.createElement(Mask, {
+    visible: props.visible,
+    destroyOnClose: true,
+    opacity: 0,
+    disableBodyScroll: !maskClickable,
+    getContainer: props.getContainer,
+    afterClose: props.afterClose,
+    style: __assign({
+      pointerEvents: maskClickable ? 'none' : 'auto'
+    }, props.maskStyle),
+    className: classNames("".concat(classPrefix, "-mask"), props.maskClassName),
+    stopPropagation: props.stopPropagation
+  }, React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-wrap"))
+  }, React.createElement("div", {
+    style: {
+      top: top
+    },
+    className: classNames("".concat(classPrefix, "-main"), icon ? "".concat(classPrefix, "-main-icon") : "".concat(classPrefix, "-main-text"))
+  }, iconElement && React.createElement("div", {
+    className: "".concat(classPrefix, "-icon")
+  }, iconElement), React.createElement(AutoCenter, null, content))));
+};

package/es/components/toast/toast.patch.css

@@ -0,0 +1,11 @@
+.ebscn-toast-mask .ebscn-toast-main {
+  font-size: 15px;
+}
+.ebscn-toast-loading.ebscn-toast-loading {
+  width: 48px;
+  height: 48px;
+  margin: 0 auto 8px;
+}
+.ebscn-toast-loading.ebscn-toast-loading .ebscn-spin-loading-fill {
+  stroke: #ffffff;
+}

package/es/index.d.ts

@@ -39,3 +39,4 @@ export { default as ToastLoading } from './components/toastLoading';
 export { default as Input } from './components/input';
 export { default as InfiniteScroll } from './components/infinite-scroll';
 export { default as List } from './components/list';
+export { default as Toast } from './components/toast';

package/es/index.js

@@ -41,6 +41,7 @@ export { default as ToastLoading } from './components/toastLoading';
 export { default as Input } from './components/input';
 export { default as InfiniteScroll } from './components/infinite-scroll';
 export { default as List } from './components/list';
+export { default as Toast } from './components/toast';
 // export { default as PayInput} from './components/pay-input';
 // export { default as MoneyInput } from './components/money-input';
 // export { default as FeneInput } from './components/fene-input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebscn/ui",
-  "version": "1.0.3-beta.10",
+  "version": "1.0.3-beta.12",
   "description": "ebscn react library",
   "module": "./es/index.js",
   "types": "./es/index.d.ts",