@lobehub/ui 1.98.2 → 1.98.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,10 +10,10 @@ var useStyles = createStyles(function (_ref) {
10
10
  token = _ref.token;
11
11
  return {
12
12
  container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: 1;\n max-width: 100%;\n "]))),
13
- desc: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorTextTertiary),
13
+ desc: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorTextTertiary),
14
14
  tag: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n flex: none;\n align-items: baseline;\n "]))),
15
- title: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n font-size: 16px;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))),
16
- titleContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex: 1;\n "]))),
15
+ title: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n font-size: 16px;\n font-weight: bold;\n line-height: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))),
16
+ titleContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex: 1;\n line-height: 1;\n "]))),
17
17
  titleWithDesc: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n overflow: hidden;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n "])))
18
18
  };
19
19
  });
@@ -23,8 +23,15 @@ var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref2) {
23
23
  tag = _ref2.tag;
24
24
  var _useStyles = useStyles(),
25
25
  styles = _useStyles.styles;
26
+ var tagContent = tag && /*#__PURE__*/_jsx(Flexbox, {
27
+ align: 'center',
28
+ className: styles.tag,
29
+ horizontal: true,
30
+ children: tag
31
+ });
26
32
  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
27
33
  className: styles.container,
34
+ gap: 4,
28
35
  children: [/*#__PURE__*/_jsxs(Flexbox, {
29
36
  align: 'center',
30
37
  className: styles.titleContainer,
@@ -33,18 +40,12 @@ var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref2) {
33
40
  children: [/*#__PURE__*/_jsx("div", {
34
41
  className: styles.titleWithDesc,
35
42
  children: title
36
- }), tag && /*#__PURE__*/_jsx(Flexbox, {
37
- className: styles.tag,
38
- horizontal: true,
39
- children: tag
40
- })]
43
+ }), tagContent]
41
44
  }), /*#__PURE__*/_jsx(Flexbox, {
42
45
  align: 'center',
46
+ className: styles.desc,
43
47
  horizontal: true,
44
- children: /*#__PURE__*/_jsx("div", {
45
- className: styles.desc,
46
- children: desc
47
- })
48
+ children: desc
48
49
  })]
49
50
  });
50
51
  return /*#__PURE__*/_jsxs(Flexbox, {
@@ -55,11 +56,7 @@ var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref2) {
55
56
  children: [/*#__PURE__*/_jsx("div", {
56
57
  className: styles.title,
57
58
  children: title
58
- }), /*#__PURE__*/_jsx(Flexbox, {
59
- className: styles.tag,
60
- horizontal: true,
61
- children: tag
62
- })]
59
+ }), tagContent]
63
60
  });
64
61
  });
65
62
  export default ChatHeaderTitle;
@@ -8,7 +8,7 @@ export var useStyles = createStyles(function (_ref) {
8
8
  actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n "]))),
9
9
  active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n "])), token.colorText, token.colorFillSecondary, token.colorFill),
10
10
  container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n background: transparent;\n transition: background-color 200ms ", ";\n\n &:active {\n background-color: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n "])), token.colorTextTertiary, token.motionEaseOut, token.colorFillSecondary, token.colorFillTertiary),
11
- content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: 1;\n padding-top: 6px;\n "]))),
11
+ content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: 1;\n align-self: center;\n "]))),
12
12
  desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorTextDescription),
13
13
  pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background-color: ", ";\n\n &:active {\n background-color: ", " !important;\n }\n\n &:hover {\n background-color: ", ";\n }\n "])), token.colorFillTertiary, token.colorFill, token.colorFill),
14
14
  time: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n "])), token.colorTextPlaceholder),
@@ -8,7 +8,6 @@ import { memo } from 'react';
8
8
  import { ErrorBoundary } from 'react-error-boundary';
9
9
  import ReactMarkdown from 'react-markdown';
10
10
  import rehypeKatex from 'rehype-katex';
11
- import rehypeRaw from 'rehype-raw';
12
11
  import remarkGfm from 'remark-gfm';
13
12
  import remarkMath from 'remark-math';
14
13
  import { CodeFullFeatured, CodeLite } from "./CodeBlock";
@@ -50,7 +49,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
50
49
  children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
51
50
  className: styles.markdown,
52
51
  components: components,
53
- rehypePlugins: [rehypeRaw, rehypeKatex],
52
+ rehypePlugins: [rehypeKatex],
54
53
  remarkPlugins: [remarkGfm, remarkMath]
55
54
  }, props), {}, {
56
55
  children: children
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ModalProps } from 'antd';
3
- declare const Modal: import("react").NamedExoticComponent<ModalProps>;
2
+ import { type ModalProps as AntModalProps } from 'antd';
3
+ export type ModalProps = AntModalProps;
4
+ declare const Modal: import("react").NamedExoticComponent<AntModalProps>;
4
5
  export default Modal;
5
- export { ModalProps } from 'antd';
package/es/Modal/index.js CHANGED
@@ -58,5 +58,4 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
58
58
  }))
59
59
  });
60
60
  });
61
- export default Modal;
62
- export { ModalProps } from 'antd';
61
+ export default Modal;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/ui",
3
- "version": "1.98.2",
3
+ "version": "1.98.4",
4
4
  "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
5
5
  "keywords": [
6
6
  "lobehub",
@@ -101,7 +101,6 @@
101
101
  "react-rnd": "^10",
102
102
  "react-simple-code-editor": "^0",
103
103
  "rehype-katex": "^6",
104
- "rehype-raw": "^6",
105
104
  "remark-gfm": "^3",
106
105
  "remark-math": "^5",
107
106
  "shikiji": "^0",