@lobehub/ui 1.138.0 → 1.138.2

package/es/Avatar/index.js

@@ -6,6 +6,7 @@ var _excluded = ["className", "avatar", "title", "animation", "size", "shape", "
 import { Avatar as AntAvatar } from 'antd';
 import { isValidElement, memo, useMemo } from 'react';
 import FluentEmoji from "../FluentEmoji";
+import Img from "../Img";
 import { getEmoji } from "../utils/getEmojiByCharacter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -47,7 +48,12 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     }, style)
   }, rest);
   return isDefaultAntAvatar ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
-    src: avatar
+    src: typeof avatar === 'string' ? /*#__PURE__*/_jsx(Img, {
+      alt: title,
+      height: size,
+      src: avatar,
+      width: size
+    }) : avatar
   }, avatarProps)) : /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
     children: emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
       emoji: emoji,

package/es/Features/Item.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["style", "className", "row", "column", "description", "image", "title", "link", "icon", "imageStyle", "openExternal"];
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
+import A from "../A";
 import Icon from "../Icon";
 import Img from "../Img";
 import { useStyles } from "./style";
@@ -80,7 +81,7 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
         }
       }), link && /*#__PURE__*/_jsx("div", {
         className: styles.link,
-        children: /*#__PURE__*/_jsx("a", {
+        children: /*#__PURE__*/_jsx(A, {
           href: link,
           rel: "noreferrer",
           target: openExternal ? '_blank' : undefined,

package/es/Image/style.js

@@ -19,7 +19,7 @@ export var useStyles = createStyles(function (_ref) {
   return {
     actions: actions,
     image: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        width: 100% !important;\n        height: auto !important;\n\n        img {\n          width: 100% !important;\n          min-width: ", " !important;\n          max-width: ", " !important;\n          height: auto !important;\n          min-height: ", " !important;\n          max-height: ", " !important;\n\n          object-fit: ", ";\n        }\n      "])), MIN_SIZE, SIZE, MIN_SIZE, SIZE, objectFit || 'cover'),
-    imageWrapper: cx(borderless ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              box-shadow: inset 0 0 0 1px ", ";\n            "])), token.colorBorderSecondary) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              box-shadow: 0 0 0 1px ", ";\n            "])), token.colorBorderSecondary), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          position: relative;\n\n          overflow: hidden;\n\n          min-width: ", ";\n          max-width: ", ";\n          min-height: ", ";\n          max-height: ", ";\n          margin-block: 0 1em;\n\n          background: ", ";\n          border-radius: ", "px;\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n          }\n        "])), MIN_SIZE, SIZE, MIN_SIZE, SIZE, token.colorFillTertiary, token.borderRadiusLG, actions)),
+    imageWrapper: cx(borderless ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              box-shadow: inset 0 0 0 1px ", ";\n            "])), token.colorBorderSecondary) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              box-shadow: 0 0 0 1px ", ";\n            "])), token.colorBorderSecondary), css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          cursor: pointer;\n\n          position: relative;\n\n          overflow: hidden;\n\n          min-width: ", ";\n          max-width: ", ";\n          min-height: ", ";\n          max-height: ", ";\n          margin-block: 0 1em;\n\n          background: ", ";\n          border-radius: ", "px;\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n          }\n        "])), MIN_SIZE, SIZE, MIN_SIZE, SIZE, token.colorFillTertiary, token.borderRadiusLG, actions)),
     toolbar: cx(stylish.blur, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          padding: 4px;\n          background: ", ";\n          border-radius: ", "px;\n        "])), rgba(token.colorBgMask, 0.1), token.borderRadiusLG))
   };
 });

package/es/Markdown/markdown.style.js

@@ -28,7 +28,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     p: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        p {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          line-height: var(--lobe-markdown-line-height);\n          letter-spacing: 0.02em;\n        }\n      "]))),
     pre: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        pre,\n        [data-code-type='highlighter'] {\n          white-space: break-spaces;\n          border: none;\n\n          > code {\n            padding: 0 !important;\n\n            font-family: ", ";\n            font-size: 0.875em;\n            line-height: 1.6;\n\n            border: none !important;\n          }\n        }\n      "])), token.fontFamilyCode),
     strong: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        strong {\n          font-weight: 600;\n        }\n      "]))),
-    table: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        table {\n          overflow: auto hidden;\n          display: block;\n          border-spacing: 0;\n          border-collapse: collapse;\n\n          box-sizing: border-box;\n          width: fit-content;\n          max-width: 100%;\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n          text-align: start;\n          word-break: auto-phrase;\n          overflow-wrap: break-word;\n\n          background: ", ";\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n          code {\n            word-break: break-word;\n          }\n\n          thead {\n            background: ", ";\n          }\n\n          tr {\n            box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n          }\n\n          th,\n          td {\n            padding-block: 0.75em;\n            padding-inline: 1em;\n            text-align: start;\n            vertical-align: top;\n          }\n        }\n      "])), token.colorFillQuaternary, token.colorFillQuaternary),
+    table: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        table {\n          overflow: auto hidden;\n          display: block;\n          border-spacing: 0;\n          border-collapse: collapse;\n\n          box-sizing: border-box;\n          width: fit-content;\n          max-width: 100%;\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n          text-align: start;\n          text-wrap: balance;\n          word-break: auto-phrase;\n          overflow-wrap: break-word;\n\n          background: ", ";\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n          code {\n            word-break: break-word;\n          }\n\n          thead {\n            background: ", ";\n          }\n\n          tr {\n            box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n          }\n\n          th,\n          td {\n            padding-block: 0.75em;\n            padding-inline: 1em;\n            text-align: start;\n          }\n        }\n      "])), token.colorFillQuaternary, token.colorFillQuaternary),
     video: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        > video,\n        > p > video {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n        }\n\n        video {\n          max-width: 100%;\n        }\n      "])))
   };
 });

package/es/ThemeProvider/GlobalStyle/global.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { css } from 'antd-style';
 export default (function (token) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ", ";\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ", ";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ", " !important;\n\n    span {\n      font-family: ", " !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ", ";\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n"])), token.isDarkMode ? 'dark' : 'light', token.fontFamily, token.fontSize, token.colorTextBase, token.colorBgLayout, token.fontFamilyCode, token.fontFamilyCode, token.yellow9);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ", ";\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ", ";\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ", " !important;\n\n    span {\n      font-family: ", " !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ", ";\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ", " transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n"])), token.isDarkMode ? 'dark' : 'light', token.fontFamily, token.fontSize, token.colorTextBase, token.colorBgLayout, token.fontFamilyCode, token.fontFamilyCode, token.yellow9, token.colorFill);
 });

package/es/mdx/Cards.d.ts

@@ -1,12 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
-import Card from './Card';
-interface _CardsProps extends PropsWithChildren {
+export interface CardsProps extends PropsWithChildren {
     maxItemWidth?: string | number;
     rows?: number;
 }
-declare const _Cards: FC<_CardsProps>;
-export type CardsProps = typeof _Cards & {
-    Card: typeof Card;
-};
-declare const Cards: CardsProps;
+declare const Cards: FC<CardsProps>;
 export default Cards;

package/es/mdx/Cards.js

@@ -4,7 +4,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { createStyles } from 'antd-style';
 import Grid from "../Grid";
-import Card from "./Card";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
@@ -12,7 +11,7 @@ var useStyles = createStyles(function (_ref) {
     container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    "])))
   };
 });
-var _Cards = function _Cards(_ref2) {
+var Cards = function Cards(_ref2) {
   var children = _ref2.children,
     _ref2$maxItemWidth = _ref2.maxItemWidth,
     maxItemWidth = _ref2$maxItemWidth === void 0 ? 250 : _ref2$maxItemWidth,
@@ -27,6 +26,4 @@ var _Cards = function _Cards(_ref2) {
     children: children
   });
 };
-var Cards = _Cards;
-Cards.Card = Card;
 export default Cards;

package/es/mdx/Image.js

@@ -8,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var Image = function Image(_ref) {
   var style = _ref.style,
     _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 840 : _ref$width,
+    width = _ref$width === void 0 ? 800 : _ref$width,
     height = _ref.height,
     cover = _ref.cover,
     inStep = _ref.inStep,
@@ -16,11 +16,11 @@ var Image = function Image(_ref) {
     alt = _ref$alt === void 0 ? 'cover' : _ref$alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var size = cover ? {
-    height: 315,
-    width: 840
+    height: 300,
+    width: 800
   } : inStep ? {
     height: height,
-    width: 790
+    width: 780
   } : {
     height: height,
     width: width
@@ -28,6 +28,9 @@ var Image = function Image(_ref) {
   return /*#__PURE__*/_jsx(LobeImage, _objectSpread({
     alt: alt,
     height: size.height,
+    preview: {
+      mask: false
+    },
     style: _objectSpread({
       borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',
       marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)'

package/es/mdx/Tabs.d.ts

@@ -1,13 +1,8 @@
 import { FC, ReactNode } from 'react';
-import Tab from './Tab';
-export interface _TabsProps {
+export interface TabsProps {
     children: ReactNode[];
     defaultIndex?: number | string;
     items: string[];
 }
-declare const _Tabs: FC<_TabsProps>;
-export type TabsProps = typeof _Tabs & {
-    Tab: typeof Tab;
-};
-declare const Tabs: TabsProps;
+declare const Tabs: FC<TabsProps>;
 export default Tabs;

package/es/mdx/Tabs.js

@@ -7,7 +7,6 @@ import { createStyles } from 'antd-style';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import TabsNav from "../TabsNav";
-import Tab from "./Tab";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
@@ -19,7 +18,7 @@ var useStyles = createStyles(function (_ref) {
     header: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border-block-end: 1px solid var(--lobe-markdown-border-color);\n      .", "-tabs-tab-btn {\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n      }\n    "])), prefixCls)
   };
 });
-var _Tabs = function _Tabs(_ref2) {
+var Tabs = function Tabs(_ref2) {
   var _ref2$defaultIndex = _ref2.defaultIndex,
     defaultIndex = _ref2$defaultIndex === void 0 ? '0' : _ref2$defaultIndex,
     items = _ref2.items,
@@ -47,6 +46,4 @@ var _Tabs = function _Tabs(_ref2) {
     }), (children === null || children === void 0 ? void 0 : children[index]) || '']
   });
 };
-var Tabs = _Tabs;
-Tabs.Tab = Tab;
 export default Tabs;

package/es/mdx/Video.js

@@ -8,23 +8,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var Video = function Video(_ref) {
   var style = _ref.style,
     _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 840 : _ref$width,
+    width = _ref$width === void 0 ? 800 : _ref$width,
     height = _ref.height,
     cover = _ref.cover,
     inStep = _ref.inStep,
     rest = _objectWithoutProperties(_ref, _excluded);
   var size = cover ? {
-    height: 315,
-    width: 840
+    height: 300,
+    width: 800
   } : inStep ? {
     height: height,
-    width: 790
+    width: 780
   } : {
     height: height,
     width: width
   };
   return /*#__PURE__*/_jsx(LobeVideo, _objectSpread({
     height: size.height,
+    preview: false,
     style: _objectSpread({
       borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',
       marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)'

package/es/mdx/mdxComponents.d.ts

@@ -2,14 +2,14 @@
 declare const mdxComponents: {
     Callout: import("react").FC<import("./Callout").CalloutProps>;
     Card: import("react").FC<import("./Card").CardProps>;
-    Cards: import("./Cards").CardsProps;
+    Cards: import("react").FC<import("./Cards").CardsProps>;
     FileTree: import("./FileTree").FileTreeProps;
     Image: import("react").FC<import("./Image").ImageProps>;
     Steps: import("react").FC<{
         children?: import("react").ReactNode;
     }>;
     Tab: import("react").FC<import("./Tab").TabProps>;
-    Tabs: import("./Tabs").TabsProps;
+    Tabs: import("react").FC<import("./Tabs").TabsProps>;
     Video: import("react").FC<import("./Video").VideoProps>;
 };
 export default mdxComponents;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.138.0",
+  "version": "1.138.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -82,11 +82,11 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
-    "@floating-ui/react": "^0.26.11",
+    "@floating-ui/react": "^0.26.12",
     "@giscus/react": "^3.0.0",
     "@lobehub/emojilib": "latest",
     "@react-spring/web": "^9.7.3",
-    "@shikijs/transformers": "^1.2.4",
+    "@shikijs/transformers": "^1.3.0",
     "@splinetool/react-spline": "^2.2.6",
     "@splinetool/runtime": "^0.9.526",
     "ahooks": "^3.7.11",
@@ -113,7 +113,7 @@
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "shiki": "^1.2.4",
+    "shiki": "^1.3.0",
     "swr": "^2.2.5",
     "ts-md5": "^1.3.1",
     "url-join": "^5.0.0",
@@ -155,7 +155,7 @@
     "semantic-release": "^21.1.2",
     "stylelint": "^15.11.0",
     "stylelint-use-logical-spec": "^5.0.1",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "vitest": "latest"
   },
   "peerDependencies": {