@lobehub/ui 1.151.0 → 1.151.2

package/es/ActionIconGroup/index.js

@@ -2,14 +2,13 @@
 
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "items", "placement", "spotlight", "direction", "dropdownMenu", "onActionClick", "size"];
+var _excluded = ["type", "items", "placement", "direction", "dropdownMenu", "onActionClick", "size"];
 import { Dropdown } from 'antd';
 import { MoreHorizontal } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import Icon from "../Icon";
-import Spotlight from "../Spotlight";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,8 +18,6 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
     placement = _ref.placement,
-    _ref$spotlight = _ref.spotlight,
-    spotlight = _ref$spotlight === void 0 ? true : _ref$spotlight,
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'row' : _ref$direction,
     _ref$dropdownMenu = _ref.dropdownMenu,
@@ -38,7 +35,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
     className: styles.container,
     horizontal: direction === 'row'
   }, rest), {}, {
-    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), (items === null || items === void 0 ? void 0 : items.length) > 0 && items.map(function (item) {
+    children: [(items === null || items === void 0 ? void 0 : items.length) > 0 && items.map(function (item) {
       return /*#__PURE__*/_jsx(ActionIcon, {
         disable: item.disable,
         icon: item.icon,

package/es/ActionIconGroup/style.js

@@ -4,11 +4,10 @@ import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref, _ref2) {
   var css = _ref.css,
     token = _ref.token,
-    stylish = _ref.stylish,
     cx = _ref.cx;
   var type = _ref2.type;
   var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary, type === 'block' ? 'transparent' : token.colorBorder);
   return {
-    container: cx(type !== 'pure' && typeStylish, stylish.blur, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          padding: 2px;\n          border-radius: ", "px;\n        "])), token.borderRadius))
+    container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          padding: 2px;\n          border-radius: ", "px;\n        "])), token.borderRadius))
   };
 });

package/es/ChatHeader/style.d.ts

@@ -1,6 +1,6 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     center: import("antd-style").SerializedStyles;
-    container: string;
+    container: import("antd-style").SerializedStyles;
     left: import("antd-style").SerializedStyles;
     right: import("antd-style").SerializedStyles;
 }>;

package/es/ChatHeader/style.js

@@ -4,12 +4,10 @@ import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token,
-    stylish = _ref.stylish,
-    cx = _ref.cx;
+    token = _ref.token;
   return {
     center: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n    "]))),
-    container: cx(stylish.blurStrong, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 10;\n\n        overflow: hidden;\n        grid-area: header;\n        align-self: stretch;\n\n        width: 100%;\n        height: 64px;\n\n        background: linear-gradient(\n          to bottom,\n          ", ",\n          ", "\n        );\n        border-block-end: 1px solid ", ";\n      "])), rgba(token.colorBgLayout, 0.8), rgba(token.colorBgLayout, 0.4), token.colorBorder)),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: 10;\n\n      overflow: hidden;\n      grid-area: header;\n      align-self: stretch;\n\n      width: 100%;\n      height: 64px;\n\n      background: linear-gradient(\n        to bottom,\n        ", ",\n        ", "\n      );\n      border-block-end: 1px solid ", ";\n    "])), rgba(token.colorBgLayout, 0.8), rgba(token.colorBgLayout, 0.4), token.colorBorder),
     left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n    "]))),
     right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: none;\n    "])))
   };

package/es/Markdown/utils.js

@@ -18,9 +18,22 @@ export function fixMarkdownBold(text) {
   var count = 0;
   var count2 = 0;
   var result = '';
+  var inCodeBlock = false;
+  var inInlineCode = false;
   for (var i = 0; i < text.length; i++) {
     var char = text[i];
-    if (char === '*') {
+    if (text.slice(i, i + 3) === '```') {
+      inCodeBlock = !inCodeBlock;
+      result += '```';
+      i += 2;
+      continue;
+    }
+    if (char === '`') {
+      inInlineCode = !inInlineCode;
+      result += '`';
+      continue;
+    }
+    if (char === '*' && !inInlineCode && !inCodeBlock) {
       count++;
       if (count === 2) {
         count2++;

package/es/Modal/index.js

@@ -27,7 +27,7 @@ var useStyles = createStyles(function (_ref, _ref2) {
   return {
     content: cx(maxHeight && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            .", "-modal-body {\n              overflow: auto;\n              max-height: ", ";\n            }\n          "])), prefixCls, maxHeight), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .", "-modal-footer {\n            margin: 0;\n            padding: 16px;\n          }\n          .", "-modal-header {\n            display: flex;\n            gap: 4px;\n            align-items: center;\n            justify-content: center;\n\n            height: 56px;\n            margin-block-end: 0;\n            padding: 16px;\n          }\n          .", "-modal-content {\n            overflow: hidden;\n            padding: 0;\n            border: 1px solid ", ";\n            border-radius: ", "px;\n          }\n        "])), prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG)),
     drawerContent: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        .", "-drawer-close {\n          padding: 0;\n        }\n        .", "-drawer-wrapper-body {\n          background: linear-gradient(to bottom, ", ", ", ");\n        }\n        .", "-drawer-header {\n          padding: 8px;\n        }\n\n        .", "-drawer-footer {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n\n          padding: 16px;\n\n          border: none;\n        }\n      "])), prefixCls, prefixCls, token.colorBgContainer, token.colorBgLayout, prefixCls, prefixCls),
-    wrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow: hidden auto;\n        backdrop-filter: blur(2px);\n      "])))
+    wrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow: hidden auto;\n      "])))
   };
 });
 var Modal = /*#__PURE__*/memo(function (_ref3) {

package/es/mdx/Card.d.ts

@@ -1,3 +1,4 @@
+import { TagProps } from 'antd';
 import { FC } from 'react';
 import { type FlexboxProps } from 'react-layout-kit';
 import { type IconProps } from "../Icon";
@@ -7,6 +8,8 @@ export interface CardProps extends Omit<FlexboxProps, 'children'> {
     icon?: IconProps['icon'];
     iconProps?: Omit<IconProps, 'icon'>;
     image?: string;
+    tag?: string;
+    tagColor?: TagProps['color'];
     title: string;
 }
 declare const Card: FC<CardProps>;

package/es/mdx/Card.js

@@ -3,8 +3,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["icon", "title", "desc", "href", "iconProps", "className", "image"];
+var _excluded = ["tag", "tagColor", "icon", "title", "desc", "href", "iconProps", "className", "image"];
 var _templateObject, _templateObject2, _templateObject3;
+import { Tag } from 'antd';
 import { createStyles } from 'antd-style';
 import { Flexbox } from 'react-layout-kit';
 import A from "../A";
@@ -18,13 +19,16 @@ var useStyles = createStyles(function (_ref) {
     token = _ref.token;
   var icon = cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-block: 0.1em;\n    opacity: 0.5;\n    transition: opacity 0.2s ", ";\n  "])), token.motionEaseInOut));
   return {
-    card: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n\n      height: 100%;\n\n      color: ", ";\n\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      transition: all 0.2s ", ";\n\n      h3,\n      p {\n        margin-block: 0;\n      }\n\n      p {\n        color: ", ";\n        transition: color 0.2s ", ";\n      }\n\n      &:hover {\n        background: ", ";\n        box-shadow: 0 0 0 1px ", ";\n\n        p {\n          color: ", ";\n        }\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), token.colorText, token.motionEaseInOut, token.colorTextDescription, token.motionEaseInOut, token.colorFillQuaternary, token.colorBorder, token.colorTextSecondary, icon),
-    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      gap: 0.75em;\n      width: 100%;\n      padding: 1em;\n    "]))),
+    card: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n\n      height: 100%;\n\n      color: ", ";\n\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      transition: all 0.2s ", ";\n\n      h3,\n      p {\n        margin-block: 0;\n      }\n\n      p {\n        color: ", ";\n        transition: color 0.2s ", ";\n      }\n\n      &:hover {\n        background: ", ";\n        box-shadow: 0 0 0 1px ", ";\n\n        p {\n          color: ", ";\n        }\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), token.colorText, token.motionEaseInOut, token.colorTextDescription, token.motionEaseInOut, token.colorFillQuaternary, token.colorBorder, token.colorTextSecondary, icon),
+    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      width: 100%;\n      padding: 1.4em;\n    "]))),
     icon: icon
   };
 });
 var Card = function Card(_ref2) {
-  var icon = _ref2.icon,
+  var tag = _ref2.tag,
+    _ref2$tagColor = _ref2.tagColor,
+    tagColor = _ref2$tagColor === void 0 ? 'success' : _ref2$tagColor,
+    icon = _ref2.icon,
     title = _ref2.title,
     desc = _ref2.desc,
     href = _ref2.href,
@@ -50,25 +54,41 @@ var Card = function Card(_ref2) {
           width: '100%'
         },
         width: 250
-      }), /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+      }), tag && /*#__PURE__*/_jsx(Flexbox, {
+        align: 'flex-start',
+        className: styles.content,
+        style: {
+          paddingBottom: 0
+        },
+        children: /*#__PURE__*/_jsx(Tag, {
+          bordered: false,
+          color: tagColor,
+          style: {
+            borderRadius: '1em',
+            fontSize: '0.8em'
+          },
+          children: tag
+        })
+      }), /*#__PURE__*/_jsxs(Flexbox, {
         align: desc ? 'flex-start' : 'center',
         className: styles.content,
-        horizontal: true
-      }, rest), {}, {
+        gap: '0.75em',
+        horizontal: true,
         children: [!image && icon && /*#__PURE__*/_jsx(Icon, _objectSpread({
           className: styles.icon,
           icon: icon,
           size: {
             fontSize: '1.5em'
           }
-        }, iconProps)), /*#__PURE__*/_jsxs("div", {
+        }, iconProps)), /*#__PURE__*/_jsxs(Flexbox, {
+          gap: '0.2em',
           children: [/*#__PURE__*/_jsx("h3", {
             children: title
           }), desc && /*#__PURE__*/_jsx("p", {
             children: desc
           })]
         })]
-      }))]
+      })]
     }))
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.151.0",
+  "version": "1.151.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -161,6 +161,7 @@
     "semantic-release": "^21.1.2",
     "stylelint": "^15.11.0",
     "typescript": "^5.5.4",
+    "umi": "4.3.16",
     "unist-util-is": "^6.0.0",
     "unist-util-visit": "^5.0.0",
     "vitest": "~1.2.2"