@lobehub/ui 1.85.0 → 1.86.0

package/README.md

@@ -42,6 +42,8 @@ Lobe UI is an open-source UI component library for building _AIGC_ web apps
 
 - [🤝 Contributing](#-contributing)
 
+- [🔗 More Products](#-more-products)
+
 ####
 
 </details>
@@ -159,56 +161,26 @@ This project is [MIT](./LICENSE) licensed.
 
 <!-- LINK GROUP -->
 
-[profile-url]: https://github.com/lobehub
-[gitpod-url]: https://gitpod.io/#https://github.com/lobehub/lobe-ui
-
-<!-- SHIELD LINK GROUP -->
-
 [back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
-
-<!-- release -->
-
-[release-shield]: https://img.shields.io/npm/v/@lobehub/ui?label=%F0%9F%A4%AF%20NPM
-[release-url]: https://www.npmjs.com/package/@lobehub/ui
-
-<!-- releaseDate -->
-
-[release-date-shield]: https://img.shields.io/github/release-date/lobehub/lobe-ui?style=flat
-[release-date-url]: https://github.com/lobehub/lobe-ui/releases
-
-<!-- ciTest -->
-
-[ci-test-shield]: https://github.com/lobehub/lobe-ui/workflows/Test%20CI/badge.svg
-[ci-test-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ATest%20CI
-
-<!-- ciRelease -->
-
 [ci-release-shield]: https://github.com/lobehub/lobe-ui/workflows/Release%20CI/badge.svg
 [ci-release-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ARelease%20CI
-
-<!-- contributors -->
-
+[ci-test-shield]: https://github.com/lobehub/lobe-ui/workflows/Test%20CI/badge.svg
+[ci-test-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ATest%20CI
 [contributors-shield]: https://img.shields.io/github/contributors/lobehub/lobe-ui.svg?style=flat
 [contributors-url]: https://github.com/lobehub/lobe-ui/graphs/contributors
-
-<!-- forks -->
-
 [forks-shield]: https://img.shields.io/github/forks/lobehub/lobe-ui.svg?style=flat
 [forks-url]: https://github.com/lobehub/lobe-ui/network/members
-
-<!-- stargazers -->
-
-[stargazers-shield]: https://img.shields.io/github/stars/lobehub/lobe-ui.svg?style=flat
-[stargazers-url]: https://github.com/lobehub/lobe-ui/stargazers
-
-<!-- issues -->
-
+[gitpod-url]: https://gitpod.io/#https://github.com/lobehub/lobe-ui
 [issues-shield]: https://img.shields.io/github/issues/lobehub/lobe-ui.svg?style=flat
 [issues-url]: https://github.com/lobehub/lobe-ui/issues/new/choose
-
-<!-- products -->
-
 [lobe-chat]: https://github.com/lobehub/lobe-chat
-[lobe-theme]: https://github.com/lobehub/sd-webui-lobe-theme
 [lobe-commit]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-commit
 [lobe-i18n]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-i18n
+[lobe-theme]: https://github.com/lobehub/sd-webui-lobe-theme
+[profile-url]: https://github.com/lobehub
+[release-date-shield]: https://img.shields.io/github/release-date/lobehub/lobe-ui?style=flat
+[release-date-url]: https://github.com/lobehub/lobe-ui/releases
+[release-shield]: https://img.shields.io/npm/v/@lobehub/ui?label=%F0%9F%A4%AF%20NPM
+[release-url]: https://www.npmjs.com/package/@lobehub/ui
+[stargazers-shield]: https://img.shields.io/github/stars/lobehub/lobe-ui.svg?style=flat
+[stargazers-url]: https://github.com/lobehub/lobe-ui/stargazers

package/es/Hero/style.js

@@ -12,7 +12,7 @@ export var useStyles = createStyles(function (_ref) {
     canvas: cx(stylish.gradientAnimation, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 10;\n      top: -250px;\n      left: 50%;\n      transform: translateX(-50%) scale(1.5);\n\n      width: 600px;\n      height: 400px;\n\n      opacity: 0.2;\n      filter: blur(100px);\n\n      ", " {\n        width: 200px;\n        height: 300px;\n      }\n    "])), responsive.mobile)),
     container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    box-sizing: border-box;\n    text-align: center;\n  "]))),
     desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 0;\n    font-size: ", "px;\n    color: ", ";\n    text-align: center;\n\n    ", " {\n      margin: 24px 16px;\n      font-size: ", "px;\n    }\n  "])), token.fontSizeHeading3, token.colorTextSecondary, responsive.mobile, token.fontSizeHeading5),
-    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    z-index: 10;\n    margin: 0;\n    font-size: 100px;\n\n    ", "\n\n    b {\n      ", "\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n\n      &::selection {\n        -webkit-text-fill-color: #000 !important;\n      }\n    }\n  "])), responsive({
+    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    z-index: 10;\n    margin: 0;\n    font-size: 100px;\n\n    ", "\n\n    b {\n      ", "\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n\n      -webkit-text-fill-color: transparent;\n\n      &::selection {\n        -webkit-text-fill-color: #000 !important;\n      }\n    }\n  "])), responsive({
       mobile: {
         display: 'flex',
         flexDirection: 'column',

package/es/Markdown/index.d.ts

@@ -1,3 +1,4 @@
+import 'katex/dist/katex.min.css';
 import { CSSProperties } from 'react';
 export interface MarkdownProps {
     /**

package/es/Markdown/index.js

@@ -4,11 +4,14 @@ var _excluded = ["children", "className", "style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Collapse, Divider, Image, Typography } from 'antd';
+import 'katex/dist/katex.min.css';
 import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import ReactMarkdown from 'react-markdown';
+import rehypeKatex from 'rehype-katex';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
 import Code from "./Code";
 import CodeBlock from "./CodeBlock";
 import { useStyles } from "./style";
@@ -49,8 +52,8 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
       children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
         className: styles.markdown,
         components: components,
-        rehypePlugins: [rehypeRaw],
-        remarkPlugins: [remarkGfm]
+        rehypePlugins: [rehypeRaw, rehypeKatex],
+        remarkPlugins: [remarkGfm, remarkMath]
       }, props), {}, {
         children: children
       }))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.85.0",
+  "version": "1.86.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -88,6 +88,7 @@
     "emoji-regex": "^10",
     "fast-deep-equal": "^3",
     "immer": "^10",
+    "katex": "^0.16",
     "leva": "^0",
     "lodash-es": "^4",
     "lucide-react": "latest",
@@ -100,8 +101,10 @@
     "react-markdown": "^8",
     "react-rnd": "^10",
     "react-simple-code-editor": "^0",
+    "rehype-katex": "^6",
     "rehype-raw": "^6",
     "remark-gfm": "^3",
+    "remark-math": "^5",
     "shikiji": "^0",
     "styled-components": "^6",
     "three": "^0.150",