@yuntijs/ui 1.0.0-beta.9 → 1.0.0-beta.91

package/es/Typography/index.js

@@ -0,0 +1,77 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["time", "format", "relativeTime", "tooltip"];
+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; }
+import { Typography as AntdTypography, Tooltip } from 'antd';
+import dayjs from 'dayjs';
+import dayjsRelativeTime from 'dayjs/plugin/relativeTime';
+import { set } from 'lodash-es';
+import React, { useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+dayjs.extend(dayjsRelativeTime);
+export var Typography = AntdTypography;
+var getFromNow = function getFromNow(t) {
+  return dayjs(t ? new Date(t) : new Date()).fromNow();
+};
+var Time = function Time(props) {
+  var _tooltip$title;
+  var time = props.time,
+    format = props.format,
+    _props$relativeTime = props.relativeTime,
+    relativeTime = _props$relativeTime === void 0 ? true : _props$relativeTime,
+    tooltip = props.tooltip,
+    textProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(getFromNow(time)),
+    _useState2 = _slicedToArray(_useState, 2),
+    showTime = _useState2[0],
+    setShowTime = _useState2[1];
+
+  // The relative time within the last hour is updated automatically
+  var setTimeInterval = useCallback(function (currentTime) {
+    var now = dayjs();
+    var timeMoment = dayjs(currentTime);
+    var diff = now.diff(timeMoment);
+    if (diff > 0 && diff < 60 * 60 * 1000) {
+      return setInterval(function () {
+        setShowTime(getFromNow(currentTime));
+      }, 60 * 1000);
+    }
+  }, []);
+  useEffect(function () {
+    var timeout;
+    if (relativeTime) {
+      timeout = setTimeInterval(new Date(time));
+    }
+    return function () {
+      if (timeout) {
+        clearInterval(timeout);
+      }
+    };
+  }, [relativeTime, setTimeInterval, time]);
+  useEffect(function () {
+    if (!relativeTime) return;
+    var nextFromNow = getFromNow(time);
+    if (nextFromNow !== showTime) {
+      setShowTime(nextFromNow);
+      setTimeInterval(new Date(time));
+    }
+  }, [time, relativeTime, showTime, setTimeInterval]);
+  var fmtTime = dayjs(time).format(format || 'YYYY-MM-DD HH:mm:ss');
+  var currentTime = relativeTime ? showTime : fmtTime;
+  var tooltipTitle = (_tooltip$title = tooltip === null || tooltip === void 0 ? void 0 : tooltip.title) !== null && _tooltip$title !== void 0 ? _tooltip$title : relativeTime ? fmtTime : undefined;
+
+  // Avoid duplicate tooltips
+  if (tooltipTitle) {
+    set(textProps, 'ellipsis.tooltip.title', undefined);
+  }
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip || {}), {}, {
+    title: tooltipTitle,
+    children: /*#__PURE__*/_jsx(Typography.Text, _objectSpread(_objectSpread({}, textProps), {}, {
+      children: currentTime
+    }))
+  }));
+};
+Typography.Time = Time;
+export default Typography;

package/es/WaveformIcon/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface WaveformIconProps {
+    height?: number;
+    width?: number;
+    lineColor?: string;
+    bgColor?: string;
+}
+export declare const WaveformIcon: React.FC<WaveformIconProps>;
+export {};

package/es/WaveformIcon/index.js

@@ -0,0 +1,51 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import { createStyles, keyframes } from 'antd-style';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref, props) {
+  var css = _ref.css;
+  var dance1 = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n        transform: scaleY(0.4)\n    }\n    50% {\n      transform: scaleY(0.2)\n    }\n    100% {\n      transform: scaleY(0.5)\n    }\n  "])));
+  var dance2 = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n        transform: scaleY(0.7)\n    }\n    50% {\n      transform: scaleY(0.4)\n    }\n    100% {\n      transform: scaleY(0.7)\n    }\n  "])));
+  var dance3 = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    0% {\n        transform: scaleY(0.9)\n    }\n    50% {\n      transform: scaleY(0.7)\n    }\n    100% {\n      transform: scaleY(0.9)\n    }\n  "])));
+  return {
+    box: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      justify-content: space-evenly;\n\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n    "])), props.width || 34, props.height || 22, props.bgColor || 'transparent'),
+    line: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: inline-block;\n\n      width: 3px;\n      height: 90%;\n\n      background-color: ", ";\n      border: none;\n      border-radius: 30%;\n    "])), props.lineColor || '#000'),
+    animate1: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      animation: ", " 500ms ease-in infinite alternate;\n    "])), dance1),
+    animate2: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      animation: ", " 500ms ease-out infinite alternate;\n    "])), dance2),
+    animate3: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      animation: ", " 500ms ease-in infinite alternate;\n    "])), dance3)
+  };
+});
+export var WaveformIcon = function WaveformIcon(_ref2) {
+  var height = _ref2.height,
+    width = _ref2.width,
+    lineColor = _ref2.lineColor,
+    bgColor = _ref2.bgColor;
+  var _useStyles = useStyles({
+      height: height,
+      width: width,
+      lineColor: lineColor,
+      bgColor: bgColor
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.box,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate1)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate2)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate3)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate2)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate1)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate2)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate1)
+    })]
+  });
+};

package/es/hooks/languageMap.d.ts

@@ -0,0 +1 @@
+export declare const languageMap: string[];

package/es/hooks/languageMap.js

@@ -0,0 +1 @@
+export var languageMap = ['abap', 'actionscript-3', 'ada', 'apache', 'apex', 'apl', 'applescript', 'ara', 'asm', 'astro', 'awk', 'ballerina', 'bat', 'beancount', 'berry', 'bibtex', 'bicep', 'blade', 'c', 'cadence', 'clarity', 'clojure', 'cmake', 'cobol', 'codeql', 'coffee', 'cpp', 'crystal', 'csharp', 'css', 'cue', 'cypher', 'd', 'dart', 'dax', 'diff', 'docker', 'dream-maker', 'elixir', 'elm', 'erb', 'erlang', 'fish', 'fsharp', 'gdresource', 'gdscript', 'gdshader', 'gherkin', 'git-commit', 'git-rebase', 'glimmer-js', 'glimmer-ts', 'glsl', 'gnuplot', 'go', 'graphql', 'groovy', 'hack', 'haml', 'handlebars', 'haskell', 'hcl', 'hjson', 'hlsl', 'html', 'http', 'imba', 'ini', 'java', 'javascript', 'jinja-html', 'jison', 'json', 'json5', 'jsonc', 'jsonl', 'jsonnet', 'jssm', 'jsx', 'julia', 'kotlin', 'kusto', 'latex', 'less', 'liquid', 'lisp', 'logo', 'lua', 'make', 'markdown', 'marko', 'matlab', 'mdc', 'mdx', 'mermaid', 'mojo', 'narrat', 'nextflow', 'nginx', 'nim', 'nix', 'objective-c', 'objective-cpp', 'ocaml', 'pascal', 'perl', 'php', 'plsql', 'postcss', 'powerquery', 'powershell', 'prisma', 'prolog', 'proto', 'pug', 'puppet', 'purescript', 'python', 'r', 'raku', 'razor', 'reg', 'rel', 'riscv', 'rst', 'ruby', 'rust', 'sas', 'sass', 'scala', 'scheme', 'scss', 'shaderlab', 'shellscript', 'shellsession', 'smalltalk', 'solidity', 'sparql', 'splunk', 'sql', 'ssh-config', 'stata', 'stylus', 'svelte', 'swift', 'system-verilog', 'tasl', 'tcl', 'tex', 'toml', 'tsx', 'turtle', 'twig', 'typescript', 'v', 'vb', 'verilog', 'vhdl', 'viml', 'vue', 'vue-html', 'vyper', 'wasm', 'wenyan', 'wgsl', 'wolfram', 'xml', 'xsl', 'yaml', 'zenscript', 'zig', 'bash', 'batch', 'be', 'c#', 'cdc', 'clj', 'cmd', 'console', 'cql', 'cs', 'dockerfile', 'erl', 'f#', 'fs', 'fsl', 'gjs', 'gts', 'hbs', 'hs', 'jade', 'js', 'kql', 'makefile', 'md', 'nar', 'nf', 'objc', 'perl6', 'properties', 'ps', 'ps1', 'py', 'ql', 'rb', 'rs', 'sh', 'shader', 'shell', 'spl', 'styl', 'ts', 'vim', 'vimscript', 'vy', 'yml', 'zsh', '文言'];

package/es/hooks/useHighlight.d.ts

@@ -0,0 +1,5 @@
+export declare const FALLBACK_LANG = "txt";
+export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/dist/_internal").SWRResponse<string, any, {
+    revalidateOnFocus: false;
+}>;
+export { languageMap } from './languageMap';

package/es/hooks/useHighlight.js

@@ -0,0 +1,78 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from '@shikijs/transformers';
+import { createHighlighter } from 'shiki';
+import useSWR from 'swr';
+import { themeConfig } from "../Highlighter/theme";
+import { languageMap } from "./languageMap";
+export var FALLBACK_LANG = 'txt';
+var FALLBACK_LANGS = [FALLBACK_LANG];
+var cacheHighlighter;
+var initHighlighter = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(lang) {
+    var highlighter, language;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          highlighter = cacheHighlighter;
+          language = lang.toLowerCase();
+          if (!(highlighter && FALLBACK_LANGS.includes(language))) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", highlighter);
+        case 4:
+          if (languageMap.includes(language) && !FALLBACK_LANGS.includes(language)) {
+            FALLBACK_LANGS.push(language);
+          }
+          _context.next = 7;
+          return createHighlighter({
+            langs: FALLBACK_LANGS,
+            themes: [themeConfig(true), themeConfig(false)]
+          });
+        case 7:
+          highlighter = _context.sent;
+          cacheHighlighter = highlighter;
+          return _context.abrupt("return", highlighter);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function initHighlighter(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var useHighlight = function useHighlight(text, lang, isDarkMode) {
+  return useSWR([lang === null || lang === void 0 ? void 0 : lang.toLowerCase(), isDarkMode ? 'dark' : 'light', text].join('-'), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var language, highlighter, html;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          language = lang.toLowerCase();
+          _context2.next = 4;
+          return initHighlighter(language);
+        case 4:
+          highlighter = _context2.sent;
+          html = highlighter === null || highlighter === void 0 ? void 0 : highlighter.codeToHtml(text, {
+            lang: languageMap.includes(language) ? language : FALLBACK_LANG,
+            theme: isDarkMode ? 'dark' : 'light',
+            transformers: [transformerNotationDiff(), transformerNotationHighlight(), transformerNotationWordHighlight(), transformerNotationFocus(), transformerNotationErrorLevel()]
+          });
+          return _context2.abrupt("return", html);
+        case 9:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](0);
+          return _context2.abrupt("return", '');
+        case 12:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 9]]);
+  })), {
+    revalidateOnFocus: false
+  });
+};
+export { languageMap } from "./languageMap";

package/es/index.d.ts

@@ -1,9 +1,44 @@
-export * from './Breadcrumb';
+export * from './ButtonGroup';
+export * from './CollapseGroup';
 export * from './ConfigProvider';
+export * from './DragPanel';
+export * from './JsonViewer';
 export * from './Logo';
+export * from './LogViewer';
+export * from './Mentions';
 export * from './MonacoEditor';
+export * from './Page';
+export * from './ProCard';
+export * from './SelectCard';
 export * from './SliderInput';
-export * from './Tree';
+export * from './Status';
 export * from './Alert';
-export { Affix, type AffixProps, Anchor, type AnchorProps, App, type AppProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, } from 'antd';
+export * from './App';
+export * from './Breadcrumb';
+export * from './Card';
+export * from './Descriptions';
+export * from './Divider';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './Form';
+export * from './FormHelper';
+export * from './Modal';
+export * from './notification';
+export * from './Table';
+export * from './Tree';
+export * from './Typography';
+export * from './ChatInputArea';
+export * from './ChatItem';
+export * from './EditableMessage';
+export * from './Highlighter';
+export * from './styles';
+export * from './useSpeechSynthes';
+export * from './WaveformIcon';
+export { Affix, type AffixProps, Anchor, type AnchorProps, type MentionProps as AntdMentionProps, Mentions as AntdMentions, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, BackTop, type BackTopProps, Badge, // @todo composed type
+type BadgeProps, Button, // @todo dependence unifiedLink. link type, hover primary color, back button
+type ButtonProps, Calendar, type CalendarProps, Carousel, type CarouselProps, Cascader, type CascaderProps, Checkbox, type CheckboxProps, Col, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColProps, // @todo center style
+type CountdownProps, DatePicker, type DatePickerProps, Empty, type EmptyProps, Flex, type FlexProps, FloatButton, type GlobalToken, Grid, Image, type ImageProps, Input, InputNumber, type InputNumberProps, type InputProps, type InputRef, Layout, type LayoutProps, List, type ListProps, type MappingAlgorithm, Menu, type MenuItemProps, type MenuProps, type MenuRef, type MenuTheme, message, type MessageArgsProps, Pagination, type PaginationProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, type QRPropsCanvas, type QRPropsSvg, Radio, type RadioGroupProps, type RadioProps, Rate, type RateProps, type RefSelectProps, Result, type ResultProps, Row, type RowProps, Segmented, type SegmentedProps, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderSingleProps, Space, type SpaceProps, Spin, type SpinProps, Statistic, type StatisticProps, type StepProps, Steps, type StepsProps, type SubMenuProps, Switch, type SwitchProps, type TabPaneProps, Tabs, type TabsProps, Tag, type TagProps, type TagType, theme, Timeline, type TimelineItemProps, type TimelineProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, Tooltip, type TooltipProps, Tour, type TourProps, type TourStepProps, Transfer, type TransferProps, Tree, type TreeDataNode, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, Upload, type UploadFile, type UploadProps, version, Watermark, type WatermarkProps, } from 'antd';
+export { CopyButton, type CopyButtonProps, Markdown, type MarkdownProps, SyntaxHighlighter, type SyntaxHighlighterProps, } from '@lobehub/ui';
+export { SpeechSynthesisTTS } from '@lobehub/tts';
+export { AudioPlayer, useAudioPlayer, useSpeechRecognition } from '@lobehub/tts/react';
 export { useResponsive, useTheme, useThemeMode } from 'antd-style';

package/es/index.js

@@ -1,15 +1,60 @@
-export * from "./Breadcrumb";
+export * from "./ButtonGroup";
+export * from "./CollapseGroup";
 export * from "./ConfigProvider";
+export * from "./DragPanel";
+export * from "./JsonViewer";
 export * from "./Logo";
+export * from "./LogViewer";
+export * from "./Mentions";
 export * from "./MonacoEditor";
+export * from "./Page";
+export * from "./ProCard";
+export * from "./SelectCard";
 export * from "./SliderInput";
-export * from "./Tree";
+export * from "./Status";
 
 // ~ custom antd
 export * from "./Alert";
+export * from "./App";
+export * from "./Breadcrumb";
+export * from "./Card";
+export * from "./Descriptions";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./Dropdown";
+export * from "./Form";
+export * from "./FormHelper";
+export * from "./Modal";
+export * from "./notification";
+export * from "./Table";
+export * from "./Tree";
+export * from "./Typography";
+
+// ~ custom @lobehub/ui
+export * from "./ChatInputArea";
+export * from "./ChatItem";
+export * from "./EditableMessage";
+export * from "./Highlighter";
+export * from "./styles";
+
+// ~ custom @lobehub/tts
+export * from "./useSpeechSynthes";
+export * from "./WaveformIcon";
 
 // ~ antd
-export { Affix, Anchor, App, AutoComplete, Avatar } from 'antd';
+export { Affix, Anchor, Mentions as AntdMentions, AutoComplete, Avatar, BackTop, Badge // @todo composed type
+, Button // @todo dependence unifiedLink. link type, hover primary color, back button
+, Calendar, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker
+
+// @todo center style
+, DatePicker, Empty, Flex, FloatButton, Grid, Image, Input, InputNumber, Layout, List, Menu, message, Pagination, Popconfirm, Popover, Progress, QRCode, Radio, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tabs, Tag, theme, Timeline, TimePicker, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, version, Watermark } from 'antd';
+
+// ~ @lobehub/ui
+export { CopyButton, Markdown, SyntaxHighlighter } from '@lobehub/ui';
+
+// @lobehub/tts
+export { SpeechSynthesisTTS } from '@lobehub/tts';
+export { AudioPlayer, useAudioPlayer, useSpeechRecognition } from '@lobehub/tts/react';
 
 // ~ antd-style
 export { useResponsive, useTheme, useThemeMode } from 'antd-style';

package/es/notification/index.d.ts

@@ -0,0 +1,24 @@
+import { type NotificationArgsProps as AntdNotificationArgsProps } from 'antd';
+import React from 'react';
+export interface NotificationArgsProps extends AntdNotificationArgsProps {
+    /** 如果不为空，则会以折叠面板的形式展示描述，展开后展示报错内容，可用来展示报错详情 */
+    detail?: Record<string, any>;
+    descKey?: string;
+    errors?: Error[];
+}
+export declare const notification: {
+    success: (args: NotificationArgsProps) => void;
+    info: (args: NotificationArgsProps) => void;
+    warning: (args: NotificationArgsProps) => void;
+    warn: (args: NotificationArgsProps) => void;
+    error: (args: NotificationArgsProps) => void;
+    warnings: (args: NotificationArgsProps) => void;
+    warns: (args: NotificationArgsProps) => void;
+    open: (config: AntdNotificationArgsProps) => void;
+    destroy: (key?: React.Key | undefined) => void;
+    config: (config: import("antd/es/notification/interface").GlobalConfigProps) => void;
+    useNotification: typeof import("antd/es/notification/useNotification").default;
+    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/notification/PurePanel").PurePanelProps>;
+};
+export default notification;
+export { NotificationGlobalStyle } from './style';

package/es/notification/index.js

@@ -0,0 +1,237 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["detail", "message", "description", "onClose", "className"];
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { MinusSquareOutlined, PlusSquareOutlined, WarningFilled } from '@ant-design/icons';
+import { notification as AntdNotification, Collapse, Typography } from 'antd';
+import React, { isValidElement, useState } from 'react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Panel = Collapse.Panel;
+var Link = Typography.Link,
+  Paragraph = Typography.Paragraph,
+  Text = Typography.Text;
+var NOTICE_MAP = {};
+var setNoticeMap = function setNoticeMap(key, noticeProps) {
+  if (!NOTICE_MAP[key]) {
+    NOTICE_MAP[key] = [];
+  }
+  NOTICE_MAP[key].push(noticeProps);
+};
+var removeNoticeMap = function removeNoticeMap(key) {
+  delete NOTICE_MAP[key];
+};
+var reactNodeToString = function reactNodeToString(reactNode) {
+  var string = '';
+  if (typeof reactNode === 'string') {
+    string = reactNode;
+  } else if (typeof reactNode === 'number') {
+    string = reactNode.toString();
+  } else if (Array.isArray(reactNode)) {
+    var _iterator = _createForOfIteratorHelper(reactNode),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        string += reactNodeToString(child);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else if ( /*#__PURE__*/isValidElement(reactNode)) {
+    string += reactNodeToString(reactNode.props.children);
+  }
+  return string;
+};
+var Message = function Message(props) {
+  var _NOTICE_MAP$key;
+  var key = props.noticeKey,
+    message = props.message;
+  var count = ((_NOTICE_MAP$key = NOTICE_MAP[key]) === null || _NOTICE_MAP$key === void 0 ? void 0 : _NOTICE_MAP$key.length) || 0;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [message, count > 1 && " (".concat(count, ")")]
+  });
+};
+var Description = function Description(props) {
+  var key = props.noticeKey;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    activePanels = _useState2[0],
+    setActivePanels = _useState2[1];
+  var descMap = {};
+  var _iterator2 = _createForOfIteratorHelper(NOTICE_MAP[key]),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var noticeProps = _step2.value;
+      var descKey = reactNodeToString(noticeProps.description);
+      noticeProps.descKey = descKey;
+      descMap[descKey] = noticeProps;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return /*#__PURE__*/_jsx(Collapse, {
+    accordion: true,
+    activeKey: activePanels,
+    className: "yunti-notification-collapse",
+    expandIcon: function expandIcon(_ref) {
+      var isActive = _ref.isActive;
+      return /*#__PURE__*/_jsx("span", {
+        className: "yunti-notification-collapse-expand-icon",
+        children: isActive ? /*#__PURE__*/_jsx(Link, {
+          className: "yunti-notification-link",
+          children: /*#__PURE__*/_jsx(MinusSquareOutlined, {
+            title: "\u70B9\u51FB\u5173\u95ED\u9519\u8BEF\u8BE6\u60C5"
+          })
+        }) : /*#__PURE__*/_jsx(PlusSquareOutlined, {
+          title: "\u70B9\u51FB\u67E5\u770B\u9519\u8BEF\u8BE6\u60C5"
+        })
+      });
+    },
+    ghost: true,
+    onChange: function onChange(keys) {
+      setActivePanels(keys);
+    },
+    children: Object.values(descMap).map(function (_ref2) {
+      var descKey = _ref2.descKey,
+        description = _ref2.description,
+        detail = _ref2.detail;
+      return /*#__PURE__*/_jsx(Panel, {
+        header: /*#__PURE__*/_jsx(Text, {
+          ellipsis: {
+            tooltip: false
+          },
+          style: {
+            width: 250
+          },
+          children: description
+        }),
+        children: /*#__PURE__*/_jsx(Paragraph, {
+          className: "yunti-notification-collapse-content-p",
+          copyable: {
+            text: JSON.stringify(detail, null, 2)
+          },
+          type: "secondary",
+          children: /*#__PURE__*/_jsx("pre", {
+            children: JSON.stringify(detail, null, 2)
+          })
+        })
+      }, descKey);
+    })
+  });
+};
+var notice = function notice(args) {
+  var detail = args.detail,
+    message = args.message,
+    description = args.description,
+    onCloseFromProps = args.onClose,
+    className = args.className,
+    restArgs = _objectWithoutProperties(args, _excluded);
+  var key = reactNodeToString(message);
+  setNoticeMap(key, args);
+  var onClose = function onClose() {
+    onCloseFromProps === null || onCloseFromProps === void 0 || onCloseFromProps();
+    removeNoticeMap(key);
+  };
+  if (args.type === 'warning' && !args.icon) {
+    restArgs.icon = /*#__PURE__*/_jsx(WarningFilled, {
+      style: {
+        color: '#ff7d00'
+      }
+    });
+  }
+  if (!detail) {
+    return AntdNotification.open(_objectSpread({
+      key: key,
+      message: /*#__PURE__*/_jsx(Message, {
+        message: message,
+        noticeKey: key
+      }),
+      description: description,
+      onClose: onClose,
+      className: "yunti-notification ".concat(className)
+    }, restArgs));
+  }
+  return AntdNotification.open(_objectSpread({
+    key: key,
+    message: /*#__PURE__*/_jsx(Message, {
+      message: message,
+      noticeKey: key
+    }),
+    description: /*#__PURE__*/_jsx(Description, {
+      noticeKey: key
+    }),
+    onClose: onClose,
+    className: "yunti-notification ".concat(className)
+  }, restArgs));
+};
+var warnsFun = function warnsFun(args) {
+  var _args$errors;
+  if (((args === null || args === void 0 || (_args$errors = args.errors) === null || _args$errors === void 0 ? void 0 : _args$errors.length) || 0) > 0) {
+    if (args !== null && args !== void 0 && args.errors || []) {
+      var _iterator3 = _createForOfIteratorHelper((args === null || args === void 0 ? void 0 : args.errors) || []),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var item = _step3.value;
+          notice(_objectSpread(_objectSpread({
+            detail: item,
+            description: item.message
+          }, args), {}, {
+            type: 'warning'
+          }));
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+  } else {
+    notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'warning'
+    }));
+  }
+};
+export var notification = _objectSpread(_objectSpread({}, AntdNotification), {}, {
+  success: function success(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'success'
+    }));
+  },
+  info: function info(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'info'
+    }));
+  },
+  warning: function warning(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'warning'
+    }));
+  },
+  warn: function warn(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'warning'
+    }));
+  },
+  error: function error(args) {
+    return notice(_objectSpread(_objectSpread({}, args), {}, {
+      type: 'error'
+    }));
+  },
+  warnings: warnsFun,
+  warns: warnsFun
+});
+export default notification;
+export { NotificationGlobalStyle } from "./style";

package/es/notification/style.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NotificationGlobalStyle: import("react").NamedExoticComponent<object>;

package/es/notification/style.js

@@ -0,0 +1,28 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { notification } from 'antd';
+import { createGlobalStyle } from 'antd-style';
+export var NotificationGlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.yunti-notification {\n  width: auto;\n  min-width: 360px;\n  max-width: 520px;\n  &-link {\n    color: ", ";\n  }\n  &-link:hover {\n    color: ", ";\n  }\n  &-collapse {\n    &-expand-icon {\n      font-size: 14px !important;\n    }\n    &.ant-collapse > .ant-collapse-item {\n      & > .ant-collapse-header {\n        padding: 6px 16px 6px 24px;\n        & > span {\n          color: rgba(0, 0, 0, 0.7);\n        }\n        &:hover {\n          .yunti-notification-collapse-expand-icon {\n            color: ", ";\n          }\n        }\n        .ant-collapse-expand-icon {\n          position: absolute;\n          top: 3.429px;\n          left: 0%;\n        }\n\n        .ant-collapse-arrow {\n          position: relative;\n          top: 3.429px;\n\n          display: inline-block;\n\n          padding: 6px 0;\n\n          line-height: 0;\n          text-align: center;\n          text-transform: none;\n          text-rendering: optimizelegibility;\n          vertical-align: -0.125em;\n        }\n        & > .ant-collapse-header-text {\n          width: 100%;\n        }\n      }\n      & > .ant-collapse-content > .ant-collapse-content-box {\n        padding: 0;\n      }\n    }\n    &-content-p {\n      position: relative;\n      & > pre {\n        overflow: auto;\n        height: 166px;\n        margin: 0;\n        padding-right: 24px;\n      }\n      & > .ant-typography-copy {\n        position: absolute;\n        right: 16px;\n        bottom: 8px;\n\n        font-size: 14px;\n        color:", ";\n      }\n\n      & > .ant-typography-copy:hover {\n        color:", ";\n      }\n    }\n  }\n  ", "\n}\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimary, " !important");
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimaryHover, " !important");
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme === null || theme === void 0 ? void 0 : theme.colorPrimary;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimary, " !important");
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimaryHover, " !important");
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  var _ref7 = theme || {},
+    prefixCls = _ref7.prefixCls;
+  notification.config({
+    prefixCls: prefixCls
+  });
+  return "\n      .".concat(prefixCls, "-notice-message {\n        font-weight: 500 !important;\n      }\n      .").concat(prefixCls, "-notice-description {\n        max-height: ~'calc(100vh - 160px)';\n        overflow: auto;\n      }\n    ");
+});