@antv/dumi-theme-antv 0.7.9 → 0.8.0-alpha.3

package/dist/pages/Index/components/Features/index.module.less

@@ -16,12 +16,12 @@
     height: 100%;
     margin-left: 4.2%;
     position: relative;
-    .container1440;
+    .container1440();
   }
 
   .title {
     font-weight: 500;
-    margin: 17px 0 0 0;
+    margin: 17px 0 0;
     position: relative;
     font-family: AlibabaPuHuiTiB;
     font-size: 40px;
@@ -52,9 +52,9 @@
     display: flex;
     justify-content: center;
     width: 100%;
-    background-color: #ffffff;
+    background-color: #fff;
     border: 1px solid #e5e8ef;
-    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.03);
+    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 3%);
     border-radius: 16px;
     overflow: hidden;
   }
@@ -77,12 +77,12 @@
 
           .cardWrapper {
             flex: none;
-            margin: 0 0 28px 0;
+            margin: 0 0 28px;
             width: 100%;
             max-width: 100%;
 
             &:last-child {
-              margin: 0 0 30px 0;
+              margin: 0 0 30px;
             }
           }
         }

package/dist/pages/Index/components/_.less

@@ -81,30 +81,30 @@ h6 {
       width: 100%;
       height: 11px;
       margin: -5px 0;
-      border-top: 5px solid rgba(255, 255, 255, 0);
-      border-bottom: 5px solid rgba(255, 255, 255, 0);
+      border-top: 5px solid rgba(255, 255, 255, 0%);
+      border-bottom: 5px solid rgba(255, 255, 255, 0%);
       cursor: row-resize;
 
       &:hover {
-        border-top: 5px solid rgba(0, 0, 0, 0.5);
-        border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+        border-top: 5px solid rgba(0, 0, 0, 50%);
+        border-bottom: 5px solid rgba(0, 0, 0, 50%);
       }
     }
 
     &.vertical {
       width: 11px;
       margin: 0 -5px;
-      border-right: 5px solid rgba(255, 255, 255, 0);
-      border-left: 5px solid rgba(255, 255, 255, 0);
+      border-right: 5px solid rgba(255, 255, 255, 0%);
+      border-left: 5px solid rgba(255, 255, 255, 0%);
       cursor: col-resize;
 
-      Pane2 {
+      pane2 {
         border-left: 1px solid #e6e6e6;
       }
 
       &:hover {
-        border-right: 5px solid rgba(0, 0, 0, 0.5);
-        border-left: 5px solid rgba(0, 0, 0, 0.5);
+        border-right: 5px solid rgba(0, 0, 0, 50%);
+        border-left: 5px solid rgba(0, 0, 0, 50%);
       }
     }
 

package/dist/pages/Index/index.js

@@ -11,7 +11,7 @@ import CommonHelmet from "../../common/CommonHelmet";
 import { ic } from "../../slots/hooks";
 import { Cases } from "./components/Cases";
 import { Companies } from "./components/Companies";
-import { Detail } from "./components/Detail";
+import { Detail } from "dumi/theme/slots/Detail";
 import { Features } from "./components/Features";
 var Index = function Index() {
   var _useSiteData = useSiteData(),

package/dist/plugin/index.js

@@ -47,12 +47,14 @@ var MOCK_META = { frontmatter: { title: "mock-meta" }, texts: [], toc: [] };
 var plugin_default = (api) => {
   api.describe({ key: `dumi-theme:${require("../../package.json").name}` });
   api.chainWebpack((config) => {
-    config.plugin("critters").use(import_critters_webpack_plugin.default, [
-      {
-        preload: "js-lazy",
-        inlineThreshold: 10240
-      }
-    ]);
+    if (api.env === "production") {
+      config.plugin("critters").use(import_critters_webpack_plugin.default, [
+        {
+          preload: "js-lazy",
+          inlineThreshold: 10240
+        }
+      ]);
+    }
   });
   api.modifyDefaultConfig((memo) => {
     memo.resolve.codeBlockMode = "passive";
@@ -163,6 +165,12 @@ export default function ThemeAntVContextWrapper() {
         absPath: "/:language/examples/:topic/:example",
         path: ":language/examples/:topic/:example",
         file: `${PAGES_DIR}/Example`
+      },
+      {
+        id: "dumi-theme-antv-ai-playground-lang",
+        absPath: "/:language/ai-playground",
+        path: ":language/ai-playground",
+        file: `${PAGES_DIR}/AIPlayground`
       }
     ];
     extraRoutesList.forEach((itemRoute) => {

package/dist/slots/Banner/Notification.module.less

@@ -17,7 +17,7 @@
 
     .content {
       padding-left: 20px;
-      color: rgba(49, 70, 89, 1);
+      color: rgba(49, 70, 89, 100%);
       text-align: left;
 
       .description {
@@ -28,7 +28,7 @@
       }
 
       .date {
-        color: rgba(216, 203, 249, 1);
+        color: rgba(216, 203, 249, 100%);
         bottom: 0;
         font-size: 1em;
         margin-top: 4px;
@@ -38,7 +38,7 @@
   }
 
   &:hover .description {
-    color: rgba(89, 126, 247, 1);
+    color: rgba(89, 126, 247, 100%);
   }
 }
 
@@ -67,12 +67,12 @@
 @keyframes showAndHide0 {
   0% {
     opacity: 1;
-    top: 0px;
+    top: 0;
   }
 
   33.3% {
     opacity: 1;
-    top: 0px;
+    top: 0;
   }
 
   50% {
@@ -87,7 +87,7 @@
 
   100% {
     opacity: 1;
-    top: 0px;
+    top: 0;
   }
 }
 
@@ -105,12 +105,12 @@
 
   50% {
     opacity: 1;
-    top: 0px;
+    top: 0;
   }
 
   83.3% {
     opacity: 1;
-    top: 0px;
+    top: 0;
   }
 
   100% {

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

@@ -3,13 +3,14 @@
 .wrapper {
   min-height: 650px;
   max-height: 803px;
-  background: linear-gradient(225deg, #ffffff, #f0f5ff);
+  background: linear-gradient(225deg, #fff, #f0f5ff);
   height: calc(94vh);
   position: relative;
   overflow: hidden;
 
   .content {
-    .container1440;
+    .container1440();
+
     height: 100%;
     position: relative;
   }
@@ -23,14 +24,14 @@
     .title {
       font-size: 3.4em; //2.875em;
       font-weight: 800;
-      color: rgba(0, 0, 0, 1);
+      color: rgba(0, 0, 0, 100%);
       position: relative;
     }
 
     .description {
       margin-top: 0.83%; //12px;
-      margin-bottom: 0px;
-      color: rgba(106, 123, 140, 1);
+      margin-bottom: 0;
+      color: rgba(106, 123, 140, 100%);
       font-size: 1.14em;
       font-weight: 200;
       position: relative;
@@ -162,6 +163,7 @@
           .gh-count {
             position: relative;
             display: none;
+
             /* hidden to start */
             margin-left: 52px;
             margin-top: 7px;
@@ -183,8 +185,8 @@
             color: #4183c4;
           }
 
-          .gh-count:before,
-          .gh-count:after {
+          .gh-count::before,
+          .gh-count::after {
             content: '';
             position: absolute;
             display: inline-block;
@@ -194,7 +196,7 @@
             border-style: solid;
           }
 
-          .gh-count:before {
+          .gh-count::before {
             top: 50%;
             left: -3px;
             margin-top: -5px;
@@ -202,7 +204,7 @@
             border-right-color: #fafafa;
           }
 
-          .gh-count:after {
+          .gh-count::after {
             top: 50%;
             border-width: 5px 5px 5px 0;
             border-right-color: #d4d4d4;
@@ -228,7 +230,6 @@
     display: flex;
     position: absolute;
     right: 0;
-    margin-top: -300px;
     width: 52%;
     max-width: 598px;
     height: 324px;

package/dist/slots/CodeEditor/Toolbar.js

@@ -10,10 +10,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 _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); }
-import { CodeSandboxOutlined, PlayCircleOutlined, ThunderboltOutlined } from '@ant-design/icons';
+import { PlayCircleOutlined, ReloadOutlined, ThunderboltOutlined } from '@ant-design/icons';
 import stackblitzSdk from '@stackblitz/sdk';
 import { Tooltip, Typography } from 'antd';
-import { getParameters } from 'codesandbox/lib/api/define';
 import { FormattedMessage, useLocale } from 'dumi';
 import React, { useEffect, useState } from 'react';
 import { ping } from "../utils";
@@ -42,7 +41,11 @@ export var Toolbar = function Toolbar(_ref) {
     onEditorTabChange = _ref.onEditorTabChange,
     _ref$onToggleFullscre = _ref.onToggleFullscreen,
     onToggleFullscreen = _ref$onToggleFullscre === void 0 ? null : _ref$onToggleFullscre,
-    onExecuteCode = _ref.onExecuteCode;
+    onExecuteCode = _ref.onExecuteCode,
+    onClickAI = _ref.onClickAI,
+    onReload = _ref.onReload,
+    _ref$showAI = _ref.showAI,
+    showAI = _ref$showAI === void 0 ? true : _ref$showAI;
   var locale = useLocale();
   var exampleTitle = _typeof(title) === 'object' ? title[locale.id] : title;
 
@@ -78,7 +81,19 @@ export var Toolbar = function Toolbar(_ref) {
         return onEditorTabChange(tab);
       }
     }, tab, " ", slot && slot);
-  })), riddleVisible ? /*#__PURE__*/React.createElement("form", {
+  })), showAI ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
+    className: styles.ai,
+    onClick: onClickAI
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "ai.toolbar.assistant"
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "ai.toolbar.restore"
+    })
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.ai,
+    onClick: onReload
+  }, /*#__PURE__*/React.createElement(ReloadOutlined, null)))) : null, riddleVisible ? /*#__PURE__*/React.createElement("form", {
     action: "//riddle.alibaba-inc.com/riddles/define",
     method: "POST",
     target: "_blank"
@@ -88,7 +103,7 @@ export var Toolbar = function Toolbar(_ref) {
     value: JSON.stringify(riddlePrefillConfig)
   }), /*#__PURE__*/React.createElement(Tooltip, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "\u5728 Riddle \u4E2D\u6253\u5F00"
+      id: "ai.toolbar.open.riddle"
     })
   }, /*#__PURE__*/React.createElement("input", {
     type: "submit",
@@ -96,33 +111,14 @@ export var Toolbar = function Toolbar(_ref) {
     className: styles.riddle
   }))) : null, /*#__PURE__*/React.createElement(Tooltip, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "\u5728 StackBlitz \u4E2D\u6253\u5F00"
+      id: "ai.toolbar.open.stackblitz"
     })
   }, /*#__PURE__*/React.createElement(ThunderboltOutlined, {
     className: styles.stackblitz,
     onClick: function onClick() {
       stackblitzSdk.openProject(stackblitzPrefillConfig);
     }
-  })), /*#__PURE__*/React.createElement(Tooltip, {
-    title: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "\u5728 CodeSandbox \u4E2D\u6253\u5F00"
-    })
-  }, /*#__PURE__*/React.createElement("form", {
-    action: "https://codesandbox.io/api/v1/sandboxes/define",
-    method: "POST",
-    target: "_blank"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "hidden",
-    name: "parameters",
-    value: getParameters(codeSandboxConfig)
-  }), /*#__PURE__*/React.createElement("button", {
-    type: "submit",
-    className: styles.codesandbox
-  }, /*#__PURE__*/React.createElement(CodeSandboxOutlined, {
-    style: {
-      marginLeft: 8
-    }
-  })))), /*#__PURE__*/React.createElement(Paragraph, {
+  })), /*#__PURE__*/React.createElement(Paragraph, {
     copyable: {
       text: sourceCode
     },
@@ -131,7 +127,7 @@ export var Toolbar = function Toolbar(_ref) {
     }
   }), /*#__PURE__*/React.createElement(Tooltip, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "\u6267\u884C\u4EE3\u7801"
+      id: "ai.toolbar.execute"
     })
   }, /*#__PURE__*/React.createElement(PlayCircleOutlined, {
     onClick: onExecuteCode,

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

@@ -80,3 +80,10 @@
     }
   }
 }
+
+
+.ai {
+  cursor: pointer;
+  margin-right: 10px;
+  font-size: 12px;
+}

package/dist/slots/CodeEditor/index.js

@@ -13,9 +13,9 @@ 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 { Button, Drawer, Switch, Tooltip } from 'antd';
 import { autoType as d3AutoType, dsvFormat } from 'd3-dsv';
-import { useLocale, useSiteData } from 'dumi';
+import { useIntl, useLocale, useLocation, useSiteData } from 'dumi';
 import { debounce, noop } from 'lodash-es';
 import { format } from 'prettier';
 import parserBabel from 'prettier/parser-babel';
@@ -25,6 +25,8 @@ 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";
+import { ClearOutlined } from '@ant-design/icons';
 loader.config({
   'vs/nls': {
     availableLanguages: {
@@ -56,10 +58,15 @@ var CodeEditor = function CodeEditor(_ref) {
     _ref$onError = _ref.onError,
     onError = _ref$onError === void 0 ? noop : _ref$onError,
     _ref$onFullscreen = _ref.onFullscreen,
-    onFullscreen = _ref$onFullscreen === void 0 ? noop : _ref$onFullscreen;
+    onFullscreen = _ref$onFullscreen === void 0 ? noop : _ref$onFullscreen,
+    _ref$showAI = _ref.showAI,
+    showAI = _ref$showAI === void 0 ? true : _ref$showAI,
+    style = _ref.style;
+  var umiLocation = useLocation();
   var locale = useLocale();
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
+  var intl = useIntl();
   var _themeConfig$es = themeConfig.es5,
     es5 = _themeConfig$es === void 0 ? true : _themeConfig$es,
     _themeConfig$showSpec = themeConfig.showSpecTab,
@@ -100,6 +107,14 @@ var CodeEditor = function CodeEditor(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     currentEditorTab = _useState12[0],
     setCurrentEditorTab = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showAIDrawer = _useState14[0],
+    setShowAIDrawer = _useState14[1];
+  var _useState15 = useState("_"),
+    _useState16 = _slicedToArray(_useState15, 2),
+    msgBoxKey = _useState16[0],
+    setMsgBoxKey = _useState16[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
 
   // 出发 auto resize
@@ -275,6 +290,7 @@ var CodeEditor = function CodeEditor(_ref) {
   // 用于更新当前 example 的 spec 和 data
   useEffect(function () {
     setCurrentEditorTab(EDITOR_TABS.JAVASCRIPT);
+    setShowAIDrawer(false);
   }, [exampleId]);
 
   // hook 用户的数据
@@ -377,8 +393,15 @@ var CodeEditor = function CodeEditor(_ref) {
         return null;
     }
   };
+  var onClickAI = function onClickAI() {
+    setShowAIDrawer(true);
+  };
+  var onReload = function onReload() {
+    setCode(source);
+  };
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.editor
+    className: styles.editor,
+    style: style
   }, /*#__PURE__*/React.createElement(Toolbar, {
     fileExtension: fileExtension,
     sourceCode: code,
@@ -393,6 +416,9 @@ var CodeEditor = function CodeEditor(_ref) {
     },
     onEditorTabChange: onTabChange,
     onToggleFullscreen: onFullscreen,
+    onClickAI: onClickAI,
+    showAI: showAI,
+    onReload: onReload,
     slots: {
       Spec: /*#__PURE__*/React.createElement("span", {
         style: {
@@ -444,7 +470,43 @@ var CodeEditor = function CodeEditor(_ref) {
       onMount: function onMount(editor) {
         monacoRef.current = editor;
       }
-    }));
+    }), /*#__PURE__*/React.createElement(Drawer, {
+      closable: true,
+      open: showAIDrawer,
+      getContainer: false,
+      onClose: function onClose() {
+        return setShowAIDrawer(false);
+      },
+      rootClassName: styles.drawer,
+      width: '80%',
+      key: "".concat(umiLocation.hash, "_").concat(umiLocation.key),
+      extra: /*#__PURE__*/React.createElement(Tooltip, {
+        title: intl.formatMessage({
+          id: 'ai.toolbar.clear.conversation'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        onClick: function onClick() {
+          return setMsgBoxKey(crypto.randomUUID());
+        }
+      }, /*#__PURE__*/React.createElement(ClearOutlined, null)))
+    }, /*#__PURE__*/React.createElement(MsgBox, {
+      key: "".concat(umiLocation.hash, "_").concat(umiLocation.key, "_").concat(msgBoxKey),
+      simple: true,
+      messages: [{
+        id: crypto.randomUUID(),
+        role: 'assistant',
+        content: intl.formatMessage({
+          id: 'ai.assistant.editor.intro'
+        }),
+        createdAt: Date.now()
+      }],
+      context: valueOf(tab),
+      onCodegen: function onCodegen(codeBlock) {
+        setCode(codeBlock);
+      },
+      title: title
+    })));
   }));
 };
 export default CodeEditor;

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

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

package/dist/slots/CodeEditor/utils.js

@@ -75,7 +75,8 @@ export function getStackblitzConfig(title, sourceCode, fileExtension, deps, devD
   return {
     title: title || '',
     description: '',
-    template: 'create-react-app',
+    // https://developer.stackblitz.com/platform/api/javascript-sdk-options#projecttemplate
+    template: playground.template || 'typescript',
     dependencies: deps,
     files: _defineProperty(_defineProperty({}, "index.".concat(fileExtension.startsWith('ts') ? 'ts' : 'js'), sourceCode), 'index.html', playground.container || '<div id="container" />')
   };

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

@@ -2,10 +2,8 @@
   width: 100%;
   height: 100%;
   position: relative;
-
   padding: 24px;
   overflow: auto;
-
   display: flex;
   flex-direction: column;
 
@@ -46,7 +44,6 @@
       position: absolute;
       top: 0;
       left: 0;
-
       background: #fff;
     }
   }

package/dist/slots/CodeRunner/index.js

@@ -32,7 +32,11 @@ var CodeRunner = function CodeRunner(_ref) {
     replaceId = _ref.replaceId,
     isPlayground = _ref.isPlayground,
     _ref$notFound = _ref.notFound,
-    notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound;
+    notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound,
+    _ref$showAI = _ref.showAI,
+    showAI = _ref$showAI === void 0 ? true : _ref$showAI,
+    _ref$showEditor = _ref.showEditor,
+    showEditor = _ref$showEditor === void 0 ? true : _ref$showEditor;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo);
 
   // 找不到，啥也别干了，404 页面
@@ -59,18 +63,13 @@ var CodeRunner = function CodeRunner(_ref) {
     githubUrl: githubUrl
   });
   var exampleId = "".concat(topic, "_").concat(example, "_").concat(demo);
-  return /*#__PURE__*/React.createElement(InViewSuspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(SplitPane, {
-    split: "vertical",
-    defaultSize: "".concat((1 - size) * 100, "%"),
-    minSize: 100
-  }, /*#__PURE__*/React.createElement(CodePreview, {
+  var codePreview = /*#__PURE__*/React.createElement(CodePreview, {
     exampleId: exampleId,
     error: error,
     header: header,
     isPlayground: isPlayground
-  }), /*#__PURE__*/React.createElement(ClientOnly, null, /*#__PURE__*/React.createElement(CodeEditor, {
+  });
+  var codeEditor = /*#__PURE__*/React.createElement(ClientOnly, null, /*#__PURE__*/React.createElement(CodeEditor, {
     exampleId: exampleId,
     source: source,
     relativePath: relativePath,
@@ -79,7 +78,21 @@ var CodeRunner = function CodeRunner(_ref) {
     onFullscreen: setFullscreen,
     onDestroy: noop,
     onReady: noop,
-    playground: playground
-  }))));
+    playground: playground,
+    title: ic(title),
+    showAI: showAI,
+    style: {
+      display: showEditor ? 'block' : 'none'
+    }
+  }));
+  return /*#__PURE__*/React.createElement(InViewSuspense, {
+    fallback: null
+  },
+  // @ts-ignore
+  showEditor ? /*#__PURE__*/React.createElement(SplitPane, {
+    split: "vertical",
+    defaultSize: "".concat((1 - size) * 100, "%"),
+    minSize: 100
+  }, codePreview, codeEditor) : /*#__PURE__*/React.createElement(React.Fragment, null, codePreview, codeEditor));
 };
 export default CodeRunner;

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

@@ -1,8 +1,9 @@
 :global {
   ul.dumi-default-toc {
     > li {
-      margin-left: 0px !important;
+      margin-left: 0 !important;
     }
+
     .active {
       color: #873bf4 !important;
       border-left: 3px solid #873bf4 !important;

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) {