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

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

@@ -31,5 +31,13 @@ export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     extraContentRender?: (buttonsElement: React.ReactNode) => React.ReactNode;
     /** 控制 header 与 content 的分割线，当 bordered 为 true 时，divider 自动设置为 false */
     divider?: boolean;
+    /** PageHeader 各个模块的 className */
+    classNames?: {
+        titleWrapper?: string;
+        title?: string;
+        subTitle?: string;
+        descriptions?: string;
+        extraContent?: string;
+    };
 }
 export declare const PageHeader: React.FC<PageHeaderProps>;

package/es/Page/Header/index.js

@@ -1,7 +1,7 @@
 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 = ["className", "icon", "title", "titleRender", "subTitle", "status", "descriptions", "descriptionsRender", "extraContent", "extraContentRender", "bordered", "divider"];
+var _excluded = ["className", "classNames", "icon", "title", "titleRender", "subTitle", "status", "descriptions", "descriptionsRender", "extraContent", "extraContentRender", "bordered", "divider"];
 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; } } }; }
@@ -21,6 +21,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var Paragraph = Typography.Paragraph;
 export var PageHeader = function PageHeader(props) {
   var className = props.className,
+    classNames = props.classNames,
     icon = props.icon,
     title = props.title,
     titleRender = props.titleRender,
@@ -55,14 +56,14 @@ export var PageHeader = function PageHeader(props) {
   }, [icon, subTitle]);
   var TitleNode = useMemo(function () {
     var titleElement = /*#__PURE__*/_jsx("span", {
-      className: styles.title,
+      className: cx(styles.title, classNames === null || classNames === void 0 ? void 0 : classNames.title),
       children: title
     });
     if (titleRender) {
       return titleRender(titleElement);
     }
     return titleElement;
-  }, [styles.title, title, titleRender]);
+  }, [classNames === null || classNames === void 0 ? void 0 : classNames.title, cx, styles.title, title, titleRender]);
   var DescriptionsNode = useMemo(function () {
     var descriptionsElement = [];
     var _iterator = _createForOfIteratorHelper(descriptions.filter(function (d) {
@@ -139,7 +140,7 @@ export var PageHeader = function PageHeader(props) {
             active: true,
             size: 25
           }), subTitle && /*#__PURE__*/_jsx("div", {
-            className: styles.subTitle,
+            className: cx(styles.subTitle, className),
             children: /*#__PURE__*/_jsx(Skeleton.Input, {
               active: true,
               size: 18
@@ -175,10 +176,10 @@ export var PageHeader = function PageHeader(props) {
       justify: "space-between",
       vertical: true,
       children: [/*#__PURE__*/_jsxs(Flex, {
-        className: styles.titleBox,
+        className: cx(styles.titleBox, classNames === null || classNames === void 0 ? void 0 : classNames.titleWrapper),
         vertical: true,
         children: [TitleNode, subTitle && /*#__PURE__*/_jsx(Paragraph, {
-          className: styles.subTitle,
+          className: cx(styles.subTitle, classNames === null || classNames === void 0 ? void 0 : classNames.subTitle),
           ellipsis: {
             rows: 2
           },
@@ -186,12 +187,13 @@ export var PageHeader = function PageHeader(props) {
         })]
       }), /*#__PURE__*/_jsxs(Flex, {
         align: "center",
-        className: styles.descriptions,
+        className: cx(styles.descriptions, classNames === null || classNames === void 0 ? void 0 : classNames.descriptions),
         gap: 4,
         children: [status && /*#__PURE__*/_jsx(Status, _objectSpread({}, status)), DescriptionsNode]
       })]
     }), /*#__PURE__*/_jsx(Flex, {
       align: "center",
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.extraContent,
       flex: "1",
       justify: "flex-end",
       children: ExtraContentNode

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.72",
   "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",