@lobehub/ui 2.13.0 → 2.13.2

package/es/Drawer/Drawer.js

@@ -96,7 +96,7 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
       style: _objectSpread({
         background: theme.colorBgLayout,
         borderRight: "1px solid ".concat(theme.colorBorderSecondary),
-        height: '100%',
+        height: '100vh',
         overflowX: 'hidden',
         overflowY: 'auto',
         position: 'sticky',
@@ -167,6 +167,7 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
         justifySelf: 'center',
         maxWidth: containerMaxWidth,
         minHeight: '100%',
+        overflow: sidebar ? 'visible' : undefined,
         width: '100%'
       }, styles === null || styles === void 0 ? void 0 : styles.bodyContent),
       children: [noHeader && extraNode, sidebar ? sidebarContent : children]

package/es/Image/Image.js

@@ -14,7 +14,7 @@ import { cva } from 'class-variance-authority';
 import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import usePreview from "./components/usePreview";
-import { FALLBACK, useStyles } from "./style";
+import { FALLBACK_DARK, FALLBACK_LIGHT, useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Image = /*#__PURE__*/memo(function (_ref) {
@@ -42,12 +42,7 @@ var Image = /*#__PURE__*/memo(function (_ref) {
     height = _ref.height,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
-      alwaysShowActions: alwaysShowActions,
-      maxHeight: maxHeight,
-      maxWidth: maxWidth,
-      minHeight: minHeight,
-      minWidth: minWidth,
-      objectFit: objectFit
+      alwaysShowActions: alwaysShowActions
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx,
@@ -94,17 +89,23 @@ var Image = /*#__PURE__*/memo(function (_ref) {
       className: styles.actions,
       children: actions
     }), /*#__PURE__*/_jsx(AntImage, _objectSpread({
-      className: classNames === null || classNames === void 0 ? void 0 : classNames.image,
-      fallback: FALLBACK,
+      className: cx(styles.image, classNames === null || classNames === void 0 ? void 0 : classNames.image),
+      fallback: theme.isDarkMode ? FALLBACK_DARK : FALLBACK_LIGHT,
       height: height,
       loading: 'lazy',
       onClick: onClick,
       preview: preview === false ? false : _objectSpread({
         mask: false
       }, mergePreivew),
-      style: _objectSpread({}, customStyles === null || customStyles === void 0 ? void 0 : customStyles.image),
+      style: _objectSpread({
+        maxHeight: maxHeight,
+        maxWidth: maxWidth,
+        minHeight: minHeight,
+        minWidth: minWidth,
+        objectFit: objectFit || 'cover'
+      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.image),
       width: width,
-      wrapperClassName: cx(styles.image, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
+      wrapperClassName: cx(styles.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
       wrapperStyle: _objectSpread({}, customStyles === null || customStyles === void 0 ? void 0 : customStyles.wrapper)
     }, rest))]
   });

package/es/Image/style.d.ts

@@ -1,10 +1,5 @@
 export declare const useStyles: (props?: {
     alwaysShowActions?: boolean | undefined;
-    maxHeight?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    minWidth?: string | number | undefined;
-    objectFit?: string | undefined;
 } | undefined) => import("antd-style").ReturnStyles<{
     actions: string;
     borderless: string;
@@ -15,5 +10,7 @@ export declare const useStyles: (props?: {
     preview: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;
     toolbar: string;
+    wrapper: import("antd-style").SerializedStyles;
 }>;
-export declare const FALLBACK = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA2NDAgNDAwIj48cGF0aCBmaWxsPSIjM0IzQjNCIiBkPSJNMCAwaDY0MHY0MDBIMHoiLz48cGF0aCBzdHJva2U9IiM2MjYyNjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNSIgZD0iTTM3Mi41IDEzMi41aC0xMDVjLTguMjg0IDAtMTUgNi43MTYtMTUgMTV2MTA1YzAgOC4yODQgNi43MTYgMTUgMTUgMTVoMTA1YzguMjg0IDAgMTUtNi43MTYgMTUtMTV2LTEwNWMwLTguMjg0LTYuNzE2LTE1LTE1LTE1eiIvPjxwYXRoIHN0cm9rZT0iIzYyNjI2MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE1IiBkPSJNMjk3LjUgMTkyLjVjOC4yODQgMCAxNS02LjcxNiAxNS0xNSAwLTguMjg0LTYuNzE2LTE1LTE1LTE1LTguMjg0IDAtMTUgNi43MTYtMTUgMTUgMCA4LjI4NCA2LjcxNiAxNSAxNSAxNXpNMzg3LjUgMjIyLjUwMmwtMjMuMTQ1LTIzLjE0NWExNS4wMDEgMTUuMDAxIDAgMDAtMjEuMjEgMEwyNzUgMjY3LjUwMiIvPjwvc3ZnPg==";
+export declare const FALLBACK_DARK = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjM0IzQjNCIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
+export declare const FALLBACK_LIGHT = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjRUNFQ0VDIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";

package/es/Image/style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
@@ -6,30 +6,22 @@ export var useStyles = createStyles(function (_ref) {
   var cx = _ref.cx,
     css = _ref.css,
     token = _ref.token,
-    stylish = _ref.stylish,
-    prefixCls = _ref.prefixCls;
+    stylish = _ref.stylish;
   var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    maxHeight = _ref2.maxHeight,
-    maxWidth = _ref2.maxWidth,
-    minWidth = _ref2.minWidth,
-    minHeight = _ref2.minHeight,
-    alwaysShowActions = _ref2.alwaysShowActions,
-    objectFit = _ref2.objectFit;
-  var MAX_HEIGHT = typeof maxHeight === 'number' ? "".concat(maxHeight, "px") : maxHeight;
-  var MAX_WIDTH = typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth;
-  var MIN_HEIGHT = typeof minHeight === 'number' ? "".concat(minHeight, "px") : minHeight;
-  var MIN_WIDTH = typeof minWidth === 'number' ? "".concat(minWidth, "px") : minWidth;
+    alwaysShowActions = _ref2.alwaysShowActions;
   var actions = cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n\n      opacity: ", ";\n    "])), alwaysShowActions ? 1 : 0));
   return {
     actions: actions,
     borderless: stylish.variantBorderlessWithoutHover,
     filled: cx(stylish.variantOutlinedWithoutHover, stylish.variantFilledWithoutHover),
-    image: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n        height: auto;\n\n        .", "-image-img {\n          width: auto;\n          min-width: ", ";\n          max-width: ", ";\n          height: auto;\n          min-height: ", ";\n          max-height: ", ";\n\n          object-fit: ", ";\n        }\n      "])), prefixCls, MIN_WIDTH, MAX_WIDTH, MIN_HEIGHT, MAX_HEIGHT, objectFit || 'cover'),
+    image: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        width: auto;\n        height: auto;\n      "]))),
     mask: cx(stylish.blur, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          backdrop-filter: blur(8px);\n        "])))),
     outlined: stylish.variantOutlinedWithoutHover,
     preview: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        img {\n          width: 100%;\n        }\n      "]))),
     root: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        cursor: pointer;\n        user-select: none;\n\n        position: relative;\n\n        overflow: hidden;\n\n        width: fit-content;\n        border-radius: ", "px;\n\n        line-height: 1;\n\n        &:hover {\n          .", " {\n            opacity: 1;\n          }\n        }\n      "])), token.borderRadius, actions),
-    toolbar: cx(stylish.blur, stylish.variantOutlinedWithoutHover, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          padding: 4px;\n          border-color: ", ";\n          border-radius: ", "px;\n          background: ", ";\n        "])), token.colorFillTertiary, token.borderRadiusLG, rgba(token.colorBgMask, 0.5)))
+    toolbar: cx(stylish.blur, stylish.variantOutlinedWithoutHover, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          padding: 4px;\n          border-color: ", ";\n          border-radius: ", "px;\n          background: ", ";\n        "])), token.colorFillTertiary, token.borderRadiusLG, rgba(token.colorBgMask, 0.5))),
+    wrapper: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n        height: auto;\n      "])))
   };
 });
-export var FALLBACK = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA2NDAgNDAwIj48cGF0aCBmaWxsPSIjM0IzQjNCIiBkPSJNMCAwaDY0MHY0MDBIMHoiLz48cGF0aCBzdHJva2U9IiM2MjYyNjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNSIgZD0iTTM3Mi41IDEzMi41aC0xMDVjLTguMjg0IDAtMTUgNi43MTYtMTUgMTV2MTA1YzAgOC4yODQgNi43MTYgMTUgMTUgMTVoMTA1YzguMjg0IDAgMTUtNi43MTYgMTUtMTV2LTEwNWMwLTguMjg0LTYuNzE2LTE1LTE1LTE1eiIvPjxwYXRoIHN0cm9rZT0iIzYyNjI2MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE1IiBkPSJNMjk3LjUgMTkyLjVjOC4yODQgMCAxNS02LjcxNiAxNS0xNSAwLTguMjg0LTYuNzE2LTE1LTE1LTE1LTguMjg0IDAtMTUgNi43MTYtMTUgMTUgMCA4LjI4NCA2LjcxNiAxNSAxNSAxNXpNMzg3LjUgMjIyLjUwMmwtMjMuMTQ1LTIzLjE0NWExNS4wMDEgMTUuMDAxIDAgMDAtMjEuMjEgMEwyNzUgMjY3LjUwMiIvPjwvc3ZnPg==';
+export var FALLBACK_DARK = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjM0IzQjNCIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
+export var FALLBACK_LIGHT = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjRUNFQ0VDIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';

package/es/Markdown/Markdown.js

@@ -97,7 +97,7 @@ var Markdown = /*#__PURE__*/memo(function (props) {
     var enableStream = _ref.enableStream,
       children = _ref.children,
       reactMarkdownProps = _ref.reactMarkdownProps;
-    var DefaultRender = enableStream && delayedAnimated ? StreamdownRender : MarkdownRender;
+    var DefaultRender = enableStream ? StreamdownRender : MarkdownRender;
     var defaultDOM = /*#__PURE__*/_jsx(DefaultRender, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
       children: children
     }));
@@ -140,7 +140,7 @@ var Markdown = /*#__PURE__*/memo(function (props) {
         showFootnotes: showFootnotes,
         variant: variant,
         children: /*#__PURE__*/_jsx(Render, {
-          enableStream: enableStream,
+          enableStream: enableStream && delayedAnimated,
           reactMarkdownProps: reactMarkdownProps,
           children: children
         })

package/es/hooks/useMarkdown/latex.js

@@ -1,5 +1,13 @@
 import { renderToString } from 'katex';
 
+// Helper: replace unescaped pipes with \vert within a LaTeX math fragment
+var replaceUnescapedPipes = function replaceUnescapedPipes(formula) {
+  return (
+    // Use \vert{} so the control sequence terminates before the next token
+    formula.replaceAll(/(?<!\\)\|/g, '\\vert{}')
+  );
+};
+
 /**
  * Converts LaTeX bracket delimiters to dollar sign delimiters.
  * Converts \[...\] to $$...$$ and \(...\) to $...$
@@ -40,9 +48,16 @@ export function escapeMhchemCommands(text) {
  * @returns The string with pipe characters escaped in LaTeX expressions
  */
 export function escapeLatexPipes(text) {
-  // According to the failing test, we should not escape pipes in LaTeX expressions
-  // This function is now a no-op but is kept for backward compatibility
-  return text;
+  // Replace unescaped '|' inside LaTeX math spans with '\vert' so that
+  // remark-gfm table parsing won't treat them as column separators.
+  // Leave code blocks/inline code untouched.
+  var pattern = /(```[\S\s]*?```|`[^\n`]*`)|\$\$([\S\s]*?)\$\$|(?<!\$)\$(?!\$)([\S\s]*?)(?<!\$)\$(?!\$)/g;
+  return text.replaceAll(pattern, function (match, code, display, inline) {
+    if (code !== undefined) return code; // preserve code fences/inline code
+    if (display !== undefined) return "$$".concat(replaceUnescapedPipes(display), "$$");
+    if (inline !== undefined) return "$".concat(replaceUnescapedPipes(inline), "$");
+    return match;
+  });
 }
 
 /**

package/es/hooks/useMarkdown/useMarkdownContent.js

@@ -9,7 +9,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useMemo, useRef, useState } from 'react';
 import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
 import { isLastFormulaRenderable } from "./latex";
-import { addToCache, contentCache, preprocessContent } from "./utils";
+import { addToCache, contentCache, preprocessMarkdownContent } from "./utils";
 export var useMarkdownContent = function useMarkdownContent(children) {
   var _useMarkdownContext = useMarkdownContext(),
     animated = _useMarkdownContext.animated,
@@ -37,7 +37,7 @@ export var useMarkdownContent = function useMarkdownContent(children) {
     }
 
     // Process new content only if needed
-    var processedContent = preprocessContent(children, {
+    var processedContent = preprocessMarkdownContent(children, {
       citationsLength: citationsLength,
       enableCustomFootnotes: enableCustomFootnotes,
       enableLatex: enableLatex

package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.js

@@ -13,7 +13,6 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
 import { remarkBr } from "../../Markdown/plugins/remarkBr";
-import { remarkColor } from "../../Markdown/plugins/remarkColor";
 import { remarkCustomFootnotes } from "../../Markdown/plugins/remarkCustomFootnotes";
 import { remarkGfmPlus } from "../../Markdown/plugins/remarkGfmPlus";
 import { remarkVideo } from "../../Markdown/plugins/remarkVideo";
@@ -29,9 +28,11 @@ export var useMarkdownRemarkPlugins = function useMarkdownRemarkPlugins() {
     allowHtml = _useMarkdownContext.allowHtml;
   var isChatMode = variant === 'chat';
   var memoPlugins = useMemo(function () {
-    return [remarkCjkFriendly, [remarkGfm, {
+    return [remarkCjkFriendly,
+    // Parse math before GFM so that '|' inside $...$ isn't treated as a table separator
+    enableLatex && remarkMath, [remarkGfm, {
       singleTilde: false
-    }], !allowHtml && remarkBr, !allowHtml && remarkGfmPlus, !allowHtml && remarkVideo, remarkColor, enableLatex && remarkMath, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
+    }], !allowHtml && remarkBr, !allowHtml && remarkGfmPlus, !allowHtml && remarkVideo, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
   }, [allowHtml, isChatMode, enableLatex, enableCustomFootnotes]);
   return useMemo(function () {
     return [].concat(_toConsumableArray(remarkPluginsAhead), _toConsumableArray(memoPlugins), _toConsumableArray(remarkPlugins));

package/es/hooks/useMarkdown/utils.d.ts

@@ -26,5 +26,5 @@ interface PreprocessOptions {
     enableCustomFootnotes?: boolean;
     enableLatex?: boolean;
 }
-export declare const preprocessContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
+export declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
 export {};

package/es/hooks/useMarkdown/utils.js

@@ -117,7 +117,7 @@ export var transformCitations = function transformCitations(rawContent) {
  * Preprocessing options for markdown content
  */
 
-export var preprocessContent = function preprocessContent(str) {
+export var preprocessMarkdownContent = function preprocessMarkdownContent(str) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     enableCustomFootnotes = _ref.enableCustomFootnotes,
     enableLatex = _ref.enableLatex,

package/es/index.d.ts

@@ -29,6 +29,7 @@ export { default as GroupAvatar, type GroupAvatarProps } from './GroupAvatar';
 export { default as GuideCard, type GuideCardProps } from './GuideCard';
 export { default as Header, type HeaderProps } from './Header';
 export { default as Highlighter, type HighlighterProps, highlighterThemes, SyntaxHighlighter, type SyntaxHighlighterProps, } from './Highlighter';
+export { preprocessMarkdownContent } from './hooks/useMarkdown/utils';
 export { combineKeys, default as Hotkey, type HotkeyProps, KeyMapEnum } from './Hotkey';
 export { default as HotkeyInput, type HotkeyInputProps } from './HotkeyInput';
 export { default as Icon, type IconProps, IconProvider, type IconSize } from './Icon';
@@ -39,6 +40,14 @@ export { default as Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader,
 export { default as List, ListItem, type ListItemProps, type ListProps } from './List';
 export { default as Markdown, type MarkdownProps, Typography, type TypographyProps, } from './Markdown';
 export { default as SearchResultCards, type SearchResultCardsProps, } from './Markdown/components/SearchResultCards';
+export { rehypeCustomFootnotes } from './Markdown/plugins/rehypeCustomFootnotes';
+export { rehypeKatexDir } from './Markdown/plugins/rehypeKatexDir';
+export { rehypeStreamAnimated } from './Markdown/plugins/rehypeStreamAnimated';
+export { remarkBr } from './Markdown/plugins/remarkBr';
+export { remarkColor } from './Markdown/plugins/remarkColor';
+export { remarkCustomFootnotes } from './Markdown/plugins/remarkCustomFootnotes';
+export { remarkGfmPlus } from './Markdown/plugins/remarkGfmPlus';
+export { remarkVideo } from './Markdown/plugins/remarkVideo';
 export { default as MaskShadow, type MaskShadowProps } from './MaskShadow';
 export { default as MaterialFileTypeIcon, type MaterialFileTypeIconProps, } from './MaterialFileTypeIcon';
 export { type ItemType, default as Menu, type MenuInfo, type MenuItemType, type MenuProps, } from './Menu';

package/es/index.js

@@ -29,6 +29,7 @@ export { default as GroupAvatar } from "./GroupAvatar";
 export { default as GuideCard } from "./GuideCard";
 export { default as Header } from "./Header";
 export { default as Highlighter, highlighterThemes, SyntaxHighlighter } from "./Highlighter";
+export { preprocessMarkdownContent } from "./hooks/useMarkdown/utils";
 export { combineKeys, default as Hotkey, KeyMapEnum } from "./Hotkey";
 export { default as HotkeyInput } from "./HotkeyInput";
 export { default as Icon, IconProvider } from "./Icon";
@@ -39,6 +40,14 @@ export { default as Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSideba
 export { default as List, ListItem } from "./List";
 export { default as Markdown, Typography } from "./Markdown";
 export { default as SearchResultCards } from "./Markdown/components/SearchResultCards";
+export { rehypeCustomFootnotes } from "./Markdown/plugins/rehypeCustomFootnotes";
+export { rehypeKatexDir } from "./Markdown/plugins/rehypeKatexDir";
+export { rehypeStreamAnimated } from "./Markdown/plugins/rehypeStreamAnimated";
+export { remarkBr } from "./Markdown/plugins/remarkBr";
+export { remarkColor } from "./Markdown/plugins/remarkColor";
+export { remarkCustomFootnotes } from "./Markdown/plugins/remarkCustomFootnotes";
+export { remarkGfmPlus } from "./Markdown/plugins/remarkGfmPlus";
+export { remarkVideo } from "./Markdown/plugins/remarkVideo";
 export { default as MaskShadow } from "./MaskShadow";
 export { default as MaterialFileTypeIcon } from "./MaterialFileTypeIcon";
 export { default as Menu } from "./Menu";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.13.0",
+  "version": "2.13.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -52,33 +52,33 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@floating-ui/react": "^0.27.14",
+    "@floating-ui/react": "^0.27.16",
     "@giscus/react": "^3.1.0",
     "@lobehub/fluent-emoji": "^2.0.0",
-    "@lobehub/icons": "^2.19.0",
-    "@mdx-js/mdx": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
+    "@lobehub/icons": "^2.33.0",
+    "@mdx-js/mdx": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-slot": "^1.2.3",
-    "@shikijs/transformers": "^3.8.1",
+    "@shikijs/transformers": "^3.12.2",
     "@splinetool/runtime": "0.9.526",
-    "ahooks": "^3.9.0",
+    "ahooks": "^3.9.5",
     "antd-style": "^3.7.1",
     "chroma-js": "^3.1.2",
     "class-variance-authority": "^0.7.1",
-    "dayjs": "^1.11.13",
+    "dayjs": "^1.11.18",
     "emoji-mart": "^5.6.0",
     "fast-deep-equal": "^3.1.3",
-    "framer-motion": "^12.23.11",
-    "immer": "^10.1.1",
+    "framer-motion": "^12.23.13",
+    "immer": "^10.1.3",
     "katex": "^0.16.22",
     "leva": "^0.10.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.543.0",
-    "marked": "^16.2.0",
-    "mermaid": "^11.9.0",
+    "marked": "^16.3.0",
+    "mermaid": "^11.11.0",
     "numeral": "^2.0.6",
     "polished": "^4.3.1",
-    "query-string": "^9.2.2",
+    "query-string": "^9.3.0",
     "rc-collapse": "^4.0.0",
     "rc-footer": "^0.6.8",
     "rc-image": "^7.12.0",
@@ -100,9 +100,9 @@
     "remark-gfm": "^4.0.1",
     "remark-github": "^12.0.0",
     "remark-math": "^6.0.0",
-    "shiki": "^3.8.1",
-    "swr": "^2.3.4",
-    "ts-md5": "^2.0.0",
+    "shiki": "^3.12.2",
+    "swr": "^2.3.6",
+    "ts-md5": "^2.0.1",
     "unified": "^11.0.5",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",