@lobehub/ui 1.133.3 → 1.133.4

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -6,8 +6,8 @@ import Icon from "../../Icon";
 import { useHighlight } from "../../hooks/useHighlight";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     language = _ref.language,
@@ -36,16 +36,16 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
         __html: data
       },
       style: style
-    }), isLoading && /*#__PURE__*/_jsxs(Flexbox, {
+    }), isLoading && /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
       className: styles.loading,
       gap: 8,
       horizontal: true,
       justify: 'center',
-      children: [/*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: Loader2,
         spin: true
-      }), "Highlighting..."]
+      })
     })]
   });
 });

package/es/mdx/Callout.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 import { Icon } from "./..";
 import { createStyles } from 'antd-style';
 import { isString } from 'lodash-es';
@@ -12,7 +12,8 @@ var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
     container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n\n      border: 1px solid transparent;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    "]))),
-    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      p {\n        color: inherit !important;\n      }\n    "])))
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      p {\n        color: inherit !important;\n      }\n    "]))),
+    underlineAnchor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      a {\n        text-decoration: underline;\n      }\n    "])))
   };
 });
 var Callout = function Callout(_ref2) {
@@ -20,6 +21,7 @@ var Callout = function Callout(_ref2) {
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'info' : _ref2$type;
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles,
     theme = _useStyles.theme;
   var typeConfig = {
@@ -48,7 +50,7 @@ var Callout = function Callout(_ref2) {
   var icon = selectedType.icon,
     color = selectedType.color;
   var content = children;
-  if (isString(children)) content = /*#__PURE__*/_jsx("p", {
+  if (isString(children) || isString(children === null || children === void 0 ? void 0 : children[0])) content = /*#__PURE__*/_jsx("p", {
     children: children
   });
   return /*#__PURE__*/_jsxs(Flexbox, {
@@ -69,7 +71,7 @@ var Callout = function Callout(_ref2) {
         marginBlock: '0.2em'
       }
     }), /*#__PURE__*/_jsx("div", {
-      className: styles.content,
+      className: cx(styles.content, type === 'info' && styles.underlineAnchor),
       children: content
     })]
   });

package/es/mdx/Tabs.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import { createStyles } from 'antd-style';
-import { isArray, isString } from 'lodash-es';
+import { isString } from 'lodash-es';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import TabsNav from "../TabsNav";
@@ -23,7 +23,7 @@ var _TabItem = function _TabItem(_ref2) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var content = children;
-  if (isString(children) || isArray(children)) content = /*#__PURE__*/_jsx("p", {
+  if (isString(children) || isString(children === null || children === void 0 ? void 0 : children[0])) content = /*#__PURE__*/_jsx("p", {
     children: children
   });
   return /*#__PURE__*/_jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.133.3",
+  "version": "1.133.4",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",