@antv/dumi-theme-antv 0.7.9 → 0.8.0-beta.0

package/dist/slots/CodeEditor/index.js

@@ -13,7 +13,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import MonacoEditor, { loader } from '@monaco-editor/react';
-import { Switch } from 'antd';
+import { Drawer, Switch } from 'antd';
 import { autoType as d3AutoType, dsvFormat } from 'd3-dsv';
 import { useLocale, useSiteData } from 'dumi';
 import { debounce, noop } from 'lodash-es';
@@ -25,6 +25,7 @@ import Loading from "dumi/theme/slots/Loading";
 import styles from "./index.module.less";
 import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import { compile, execute, replaceInsertCss } from "./utils";
+import MsgBox from "../../pages/AIPlayground/components/MsgBox";
 loader.config({
   'vs/nls': {
     availableLanguages: {
@@ -100,6 +101,10 @@ var CodeEditor = function CodeEditor(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     currentEditorTab = _useState12[0],
     setCurrentEditorTab = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showAI = _useState14[0],
+    setShowAI = _useState14[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
 
   // 出发 auto resize
@@ -377,6 +382,9 @@ var CodeEditor = function CodeEditor(_ref) {
         return null;
     }
   };
+  var onClickAI = function onClickAI() {
+    setShowAI(true);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.editor
   }, /*#__PURE__*/React.createElement(Toolbar, {
@@ -393,6 +401,7 @@ var CodeEditor = function CodeEditor(_ref) {
     },
     onEditorTabChange: onTabChange,
     onToggleFullscreen: onFullscreen,
+    onClickAI: onClickAI,
     slots: {
       Spec: /*#__PURE__*/React.createElement("span", {
         style: {
@@ -444,7 +453,24 @@ var CodeEditor = function CodeEditor(_ref) {
       onMount: function onMount(editor) {
         monacoRef.current = editor;
       }
-    }));
+    }), /*#__PURE__*/React.createElement(Drawer, {
+      placement: "right",
+      closable: true,
+      open: showAI,
+      getContainer: false,
+      onClose: function onClose() {
+        return setShowAI(false);
+      },
+      rootClassName: styles.drawer
+    }, /*#__PURE__*/React.createElement(MsgBox, {
+      simple: true,
+      messages: [{
+        id: crypto.randomUUID(),
+        role: 'assistant',
+        content: "\u6211\u662FAntV AI\u52A9\u624B\u3002\u60A8\u53EF\u4EE5\u968F\u65F6\u5411\u6211\u63D0\u95EE\uFF0C\u8BA9\u6211\u4E3A\u60A8\uFF1A\n              \n1\u3001\u89E3\u8BFB\u5F53\u524D\u56FE\u8868\u7684\u4EE3\u7801\u914D\u7F6E\u3002\n              \n2\u3001\u901A\u8FC7\u81EA\u7136\u8BED\u8A00\u5BF9\u8BDD\uFF0C\u57FA\u4E8E\u5F53\u524D\u6848\u4F8B\u751F\u6210\u65B0\u4EE3\u7801\u4EE5\u5B9A\u5236\u56FE\u8868\u3002",
+        createdAt: Date.now()
+      }]
+    })));
   }));
 };
 export default CodeEditor;

package/dist/slots/CodeEditor/index.module.less

@@ -9,3 +9,25 @@
     width: 100%;
   }
 }
+
+.drawer{
+  margin-top: 36px;
+  :global {
+    .ant-drawer-content {
+      background: #f8f9fc;
+      div.ant-drawer-header {
+        padding-bottom: unset;
+        border-bottom: unset;
+        flex-direction: row-reverse;
+
+        .ant-drawer-header-title {
+          flex: unset;
+        }
+      }
+      .ant-drawer-body{
+        display: flex;
+        flex-direction: column;
+      }
+    }
+  }
+}

package/dist/{pages/Index/components → slots}/Detail/News.js

@@ -1,6 +1,6 @@
 import { Link, useLocale } from 'dumi';
 import React from 'react';
-import { ic } from "../../../../slots/hooks";
+import { ic } from "../hooks";
 import styles from "./News.module.less";
 var numberImages = ['https://gw.alipayobjects.com/zos/antfincdn/IqREAm36K7/1.png', 'https://gw.alipayobjects.com/zos/antfincdn/3fG1Iqjfnz/2.png'];
 export var News = function News(_ref) {

package/dist/{pages/Index/components → slots}/Detail/index.js

@@ -1,11 +1,11 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "style", "title", "engine", "description", "image", "imageStyle", "githubUrl", "showGithubStars", "buttons", "news"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -20,8 +20,9 @@ import gh from 'parse-github-url';
 import React, { useEffect, useState } from 'react';
 import GitHubButton from 'react-github-button';
 import { News } from "./News";
-import { ic } from "../../../../slots/hooks";
+import { ic } from "../hooks";
 import styles from "./index.module.less";
+import { HomeDialog } from "../../components/AI/HomeDialog";
 /**
  * Index.技术栈的描述区域！
  * 各自配置
@@ -67,37 +68,15 @@ export var Detail = function Detail(_ref) {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.text
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.titleButtons
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.title, 'detail-title')
   }, /*#__PURE__*/React.createElement("span", {
     className: cx(styles.engine, 'detail-engine')
   }, engineText), ic(title).replace(engineText, '')), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.description, 'detail-description')
-  }, ic(description)), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.buttons, 'detail-buttons')
-  }, buttons.map(function (_ref2) {
-    var type = _ref2.type,
-      style = _ref2.style,
-      text = _ref2.text,
-      link = _ref2.link,
-      shape = _ref2.shape,
-      icon = _ref2.icon;
-    return /*#__PURE__*/React.createElement("a", {
-      key: ic(text),
-      className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
-      style: _objectSpread({
-        borderRadius: shape === 'round' ? '1000px' : '12px'
-      }, style),
-      href: link[lang] ? link[lang] : link
-    }, icon !== null && /*#__PURE__*/React.createElement("div", {
-      className: styles.icon,
-      style: icon ? {
-        backgroundImage: "url(".concat(icon, ")")
-      } : {}
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles.button
-    }, ic(text)));
-  }), showGitHubStarsButton && /*#__PURE__*/React.createElement("div", {
+  }, showGitHubStarsButton && /*#__PURE__*/React.createElement("div", {
     key: "github",
     className: styles.githubWrapper
   }, /*#__PURE__*/React.createElement(GitHubButton, {
@@ -105,7 +84,11 @@ export var Detail = function Detail(_ref) {
     size: "large",
     namespace: githubObj.owner,
     repo: githubObj.name
-  })))), /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement(HomeDialog, {
+    style: {
+      margin: "140px auto"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.news, 'news')
   }, (news || remoteNews).slice(0, 3).map(function (n, i) {
     return /*#__PURE__*/React.createElement(News, _extends({

package/dist/{pages/Index/components → slots}/Detail/index.module.less

@@ -1,25 +1,31 @@
-@import '../../../../common/styles/variables.less';
+@import '../../common/styles/variables.less';
 
 .wrapper {
-  min-height: 650px;
-  max-height: 803px;
+  min-height: 1000px;
+  max-height: 1150px;
   background: linear-gradient(225deg, #ffffff, #f0f5ff);
   height: calc(94vh);
   position: relative;
   overflow: hidden;
 
   .content {
-    .container1440;
+    .container1440();
     height: 100%;
     position: relative;
   }
 
   .text {
     position: relative;
-    top: 26%;
+    top: 12%;
     z-index: 1;
     margin-left: 4.5%;
 
+    .titleButtons{
+      display: flex;
+      gap: 50px;
+      justify-content: center;
+    }
+
     .title {
       font-size: 3.4em; //2.875em;
       color: rgba(0, 0, 0, 1);
@@ -52,7 +58,7 @@
 
     .buttons {
       display: flex;
-      margin-top: max(3%, 40px);
+      margin-top: 10px;
 
       .buttonLink {
         display: flex;
@@ -190,7 +196,7 @@
     position: absolute;
     right: 0;
     margin-top: -300px;
-    width: 52%;
+    width: 32%;
     max-width: 598px;
     height: 324px;
     margin: auto;

package/dist/slots/Footer/index.module.less

@@ -5,7 +5,7 @@
 
   :global(.rc-footer-container),
   :global(.rc-footer-bottom-container) {
-    .container1440;
+    .container1440();
   }
 
   :global(.rc-footer-bottom-container) {

package/dist/slots/Header/Products/Product.module.less

@@ -20,7 +20,7 @@
   pointer-events: none;
 
   .container {
-    .container1440;
+    .container1440();
   }
 
   &.show {

package/dist/slots/Header/Products/getProducts.js

@@ -34,34 +34,28 @@ export var CATEGORIES = [{
 }];
 export function getNewProducts(_ref) {
   var language = _ref.language,
-    isChinaMirrorHost = _ref.isChinaMirrorHost;
-  // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/antv/site-data/sprints 修改区块内容
-  return fetch('https://assets.antv.antgroup.com/antv/products.json' // 生产环境
-  // 'https://site-data-pre.alipay.com/antv/products.json', // 预发测试
-  ).then(function (res) {
-    return res.json();
-  }).then(function (products) {
-    return products.filter(function (d) {
-      return d.lang === language;
-    }).map(function (d) {
-      var links = typeof d.links === 'string' ? JSON.parse(d.links) : _objectSpread({}, d.links);
-      var newLinks = {};
-      each(links, function (value, k) {
-        var actualUrl = (value === null || value === void 0 ? void 0 : value.url) || '';
-        if (isChinaMirrorHost) {
-          // g2plot.antv.vision => antv-g2plot.gitee.io
-          var match = actualUrl.match(/([http|https]):\/\/(.*)\.antv\.vision/);
-          if (match && match[2]) {
-            actualUrl = actualUrl.replace("".concat(match[2], ".antv.vision"), "antv-".concat(match[2], ".gitee.io"));
-          }
+    isChinaMirrorHost = _ref.isChinaMirrorHost,
+    products = _ref.products;
+  return products.filter(function (d) {
+    return d.lang === language;
+  }).map(function (d) {
+    var links = typeof d.links === 'string' ? JSON.parse(d.links) : _objectSpread({}, d.links);
+    var newLinks = {};
+    each(links, function (value, k) {
+      var actualUrl = (value === null || value === void 0 ? void 0 : value.url) || '';
+      if (isChinaMirrorHost) {
+        // g2plot.antv.vision => antv-g2plot.gitee.io
+        var match = actualUrl.match(/([http|https]):\/\/(.*)\.antv\.vision/);
+        if (match && match[2]) {
+          actualUrl = actualUrl.replace("".concat(match[2], ".antv.vision"), "antv-".concat(match[2], ".gitee.io"));
         }
-        newLinks[k] = _objectSpread(_objectSpread({}, value), {}, {
-          url: actualUrl
-        });
-      });
-      return _objectSpread(_objectSpread({}, d), {}, {
-        links: newLinks
+      }
+      newLinks[k] = _objectSpread(_objectSpread({}, value), {}, {
+        url: actualUrl
       });
     });
+    return _objectSpread(_objectSpread({}, d), {}, {
+      links: newLinks
+    });
   });
 }

package/dist/slots/Header/Products/index.js

@@ -15,11 +15,15 @@ import { useChinaMirrorHost } from "../../hooks";
 import Product from "./Product";
 import styles from "./Product.module.less";
 import { CATEGORIES, getNewProducts } from "./getProducts";
+import { useProducts } from "../../../hooks/useProducts";
 export var Products = function Products(_ref) {
   var show = _ref.show,
     language = _ref.language,
     className = _ref.className,
     bannerVisible = _ref.bannerVisible;
+  var _useProducts = useProducts(),
+    _useProducts$data = _useProducts.data,
+    products = _useProducts$data === void 0 ? [] : _useProducts$data;
   var locale = useLocale();
   var _useChinaMirrorHost = useChinaMirrorHost(),
     _useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
@@ -30,24 +34,24 @@ export var Products = function Products(_ref) {
     setProducts = _React$useState2[1];
   var lang = locale.id === 'zh' ? 'zh' : 'en';
   React.useEffect(function () {
-    getNewProducts({
+    var data = getNewProducts({
       language: lang,
-      isChinaMirrorHost: isChinaMirrorHost
-    }).then(function (data) {
-      var newProducts = CATEGORIES.map(function (_ref2) {
-        var name = _ref2.name,
-          type = _ref2.type;
-        return {
-          name: name,
-          type: type,
-          products: data.filter(function (item) {
-            return item.category === type;
-          })
-        };
-      });
-      setProducts(newProducts);
+      isChinaMirrorHost: isChinaMirrorHost,
+      products: products
+    });
+    var newProducts = CATEGORIES.map(function (_ref2) {
+      var name = _ref2.name,
+        type = _ref2.type;
+      return {
+        name: name,
+        type: type,
+        products: data.filter(function (item) {
+          return item.category === type;
+        })
+      };
     });
-  }, [lang, isChinaMirrorHost]);
+    setProducts(newProducts);
+  }, [lang, isChinaMirrorHost, products.length]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.products, className, _defineProperty(_defineProperty({}, styles.show, !!show), styles.bannerVisible, !!bannerVisible))
   }, /*#__PURE__*/React.createElement("div", {

package/dist/slots/Header/Search/SearchResult.js

@@ -1,7 +1,8 @@
-import { InboxOutlined } from '@ant-design/icons';
-import { useIntl } from 'dumi';
+import { useIntl, useSiteData } from 'dumi';
 import React from 'react';
 import styles from "./SearchResult.module.less";
+import classnames from "classnames";
+import { createNewSession } from "../../../model/AIChat";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
     return /*#__PURE__*/React.createElement("span", {
@@ -15,13 +16,41 @@ var getHighlightInfo = function getHighlightInfo(textSegments) {
  * @returns
  */
 export var SearchResult = function SearchResult(_ref) {
-  var results = _ref.results;
+  var results = _ref.results,
+    keywords = _ref.keywords;
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
   var intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
-  }, results !== null && results !== void 0 && results.length ? results.map(function (r) {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.subject
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*7svFR6wkPMoAAAAAAAAAAAAADmJ7AQ/original",
+    alt: "AntV"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.br
+  }), /*#__PURE__*/React.createElement("a", {
+    className: styles.result,
+    onClick: function onClick() {
+      createNewSession({
+        promptText: keywords,
+        mode: "solve",
+        lib: !themeConfig.isAntVSite ? themeConfig.title : undefined
+      });
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.title, styles.highlighted)
+  }, keywords), /*#__PURE__*/React.createElement("div", {
+    className: styles.description
+  }, "\u8BD5\u8BD5\xA0", /*#__PURE__*/React.createElement("span", {
+    className: styles.highlighted
+  }, "AI"), "\xA0\u53EF\u89C6\u5316\u7B54\u7591"))), results !== null && results !== void 0 && results.length ? results.map(function (r, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: styles.item
+      className: styles.item,
+      key: index
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.subject
     }, r.subject), /*#__PURE__*/React.createElement("div", {
@@ -34,13 +63,5 @@ export var SearchResult = function SearchResult(_ref) {
     }, getHighlightInfo(r.title)), /*#__PURE__*/React.createElement("div", {
       className: styles.description
     }, getHighlightInfo(r.description))));
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: styles.empty
-  }, /*#__PURE__*/React.createElement(InboxOutlined, {
-    style: {
-      fontSize: 20
-    }
-  }), /*#__PURE__*/React.createElement("div", null, intl.formatMessage({
-    id: '没有找到查询结果'
-  }))));
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };

package/dist/slots/Header/Search/index.js

@@ -58,7 +58,8 @@ export var Search = function Search() {
     placement: "topLeft",
     destroyTooltipOnHide: false,
     content: /*#__PURE__*/React.createElement(SearchResult, {
-      results: searchResults
+      results: searchResults,
+      keywords: keywords
     })
   }, /*#__PURE__*/React.createElement("label", {
     className: styles.search

package/dist/slots/Header/index.module.less

@@ -39,7 +39,7 @@
     margin-bottom: -@nav-height;
 
     .container {
-      .container1440;
+      .container1440();
     }
   }
 
@@ -108,7 +108,7 @@
 
         .languageSwitcher {
           position: relative;
-          top: 1px;
+          top: 9px;
         }
 
         .wxQrcode {

package/dist/typings.d.ts

@@ -13,6 +13,11 @@ declare module '*.json' {
   export default content;
 }
 
+declare module '*.module.less' {
+  const classes: any;
+  export default classes;
+}
+
 declare module '*.less' {
   const content: any;
   export default content;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.7.9",
+  "version": "0.8.0-beta.0",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",
@@ -57,14 +57,19 @@
     "@ant-design/cssinjs": "^1.23.0",
     "@ant-design/icons": "^4.8.3",
     "@ant-design/pro-components": "^2.8.7",
+    "@ant-design/x": "^1.6.1",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
     "@babel/standalone": "^7.26.2",
+    "@codesandbox/sandpack-react": "^2.20.0",
     "@docsearch/css": "^3.8.0",
     "@docsearch/react": "^3.8.0",
     "@emotion/server": "^11.11.0",
+    "@fingerprintjs/fingerprintjs": "^4.6.2",
     "@monaco-editor/react": "^4.6.0",
     "@petercatai/assistant": "^2.0.24",
     "@stackblitz/sdk": "^1.11.0",
+    "@tanstack/react-query": "^5.90.2",
+    "ahooks": "^3.9.5",
     "antd": "^5.24.5",
     "antd-style": "^3.7.1",
     "babel-loader": "^10.0.0",
@@ -83,6 +88,7 @@
     "indent-string": "^5.0.0",
     "insert-css": "^2.0.0",
     "leancloud-storage": "^4.15.2",
+    "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
     "lodash.merge": "^4.6.2",
     "mini-css-extract-plugin": "^2.9.2",
@@ -102,6 +108,7 @@
     "react-router-dom": "^6.28.0",
     "react-slick": "^0.29.0",
     "react-split-pane": "^0.1.92",
+    "react-syntax-highlighter": "^15.6.6",
     "react-use": "^17.5.1",
     "reading-time": "^1.5.0",
     "rehype-raw": "^7.0.0",
@@ -133,6 +140,7 @@
     "@types/react": "^18.3.12",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-slick": "^0.23.13",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@types/styled-components": "^5.1.34",
     "@umijs/lint": "^4.3.34",
     "css-loader": "^7.1.2",
@@ -161,5 +169,16 @@
   "authors": [
     "dumi",
     "antv"
-  ]
+  ],
+  "resolutions": {
+    "@monaco-editor/loader": "1.5.0"
+  },
+  "overrides": {
+    "@monaco-editor/loader": "1.5.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "@monaco-editor/loader": "1.5.0"
+    }
+  }
 }