@yuntijs/ui 1.0.0-beta.70 → 1.0.0-beta.71

package/es/ChatItem/index.js

@@ -5,12 +5,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "markdownProps", "markdownClassname"];
 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 Actions from '@lobehub/ui/es/ChatItem/components/Actions';
-import Avatar from '@lobehub/ui/es/ChatItem/components/Avatar';
-import BorderSpacing from '@lobehub/ui/es/ChatItem/components/BorderSpacing';
-import ErrorContent from '@lobehub/ui/es/ChatItem/components/ErrorContent';
-import Title from '@lobehub/ui/es/ChatItem/components/Title';
-import { useStyles } from '@lobehub/ui/es/ChatItem/style';
+import Actions from '@lobehub/ui/es/chat/ChatItem/components/Actions';
+import Avatar from '@lobehub/ui/es/chat/ChatItem/components/Avatar';
+import BorderSpacing from '@lobehub/ui/es/chat/ChatItem/components/BorderSpacing';
+import ErrorContent from '@lobehub/ui/es/chat/ChatItem/components/ErrorContent';
+import Title from '@lobehub/ui/es/chat/ChatItem/components/Title';
+import { useStyles } from '@lobehub/ui/es/chat/ChatItem/style';
 import { useResponsive } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';

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/index.d.ts

@@ -32,6 +32,7 @@ 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

package/es/index.js

@@ -38,6 +38,7 @@ export * from "./styles";
 
 // ~ custom @lobehub/tts
 export * from "./useSpeechSynthes";
+export * from "./WaveformIcon";
 
 // ~ antd
 export { Affix, Anchor, Mentions as AntdMentions, AutoComplete, Avatar, BackTop, Badge // @todo composed type

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.70",
+  "version": "1.0.0-beta.71",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",
@@ -87,7 +87,7 @@
     "@lexical/text": "^0.16.1",
     "@lexical/utils": "^0.16.1",
     "@lobehub/tts": "^1.25.1",
-    "@lobehub/ui": "^1.147.0",
+    "@lobehub/ui": "^1.153.16",
     "@melloware/react-logviewer": "^5.2.0",
     "@monaco-editor/loader": "^1.4.0",
     "@shikijs/transformers": "^1.10.3",