@antv/dumi-theme-antv 0.8.0-beta.2 → 0.8.0-beta.3

package/dist/components/AI/HomeDialog/PromptTextarea/ChooseLib/index.module.less

@@ -1,5 +1,4 @@
 .icon {
-  object-fit: cover;
   width: 25px;
   height: 25px;
 }

package/dist/hooks/useProducts.js

@@ -1,8 +1,9 @@
 import { useQuery } from '@tanstack/react-query';
 export function getProducts() {
   // 如需要修改产品信息，请到 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', // 预发测试
+  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();
   });

package/dist/pages/AIPlayground/components/SessionLayout/index.module.less

@@ -31,7 +31,6 @@
 .taskBox {
   height: calc(100% - 32px);
   margin: 16px;
-  padding: 16px;
   flex-grow: 1;
   background: #ffffff;
 }

package/dist/pages/AIPlayground/components/TaskBox/index.js

@@ -1,14 +1,47 @@
-import React from 'react';
-import { Sandpack } from "@codesandbox/sandpack-react";
-import styles from "./index.module.less";
+import { Sandpack } from '@codesandbox/sandpack-react';
+import { useSiteData } from 'dumi';
+import React, { useMemo } from 'react';
+import { useSnapshot } from 'valtio';
 import { AIChatStore } from "../../../../model/AIChat";
-import { useSnapshot } from "valtio";
+import CodeRunner from "dumi/theme/slots/CodeRunner";
 import { wrap2Sandpack } from "./generateCode";
+import styles from "./index.module.less";
 // import {code} from "../../demo";
 // import {requestProxy, useVisionsnapSdk} from "../../../../hooks/useVisionsnapSdk";
 
 function TaskBox() {
   var snap = useSnapshot(AIChatStore);
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  var demoId = useMemo(function () {
+    return crypto.randomUUID();
+  }, [snap.codeBlock]);
+  var exampleTopics = useMemo(function () {
+    return [{
+      icon: '',
+      title: {},
+      id: snap.anonymousUserId,
+      examples: [
+      // 这是一个 Example 对象
+      {
+        icon: '',
+        title: {},
+        id: snap.activeSessionId,
+        api: 'https://example.com/api/pie-chart',
+        // 必须的 api 属性
+        demos: [
+        // 这是一个 Demo 对象
+        {
+          id: demoId,
+          screenshot: '',
+          title: {},
+          filename: 'index.tsx',
+          // 必须的 filename 属性
+          source: snap.codeBlock
+        }]
+      }]
+    }];
+  }, [demoId, snap.activeSessionId, snap.anonymousUserId, snap.codeBlock]);
 
   // const { sdk, loading } = useVisionsnapSdk('3.2.4');
   //
@@ -27,35 +60,46 @@ function TaskBox() {
   //                        // requestProxy={requestProxy}
   //                        isStreaming={false} />
   // );
-
-  return /*#__PURE__*/React.createElement(Sandpack, {
-    template: "vanilla" // 指定项目模板，Sandpack 会据此配置环境
-    ,
-    files: wrap2Sandpack(snap.codeBlock),
-    options: {
-      showLineNumbers: true,
-      // 显示行号
-      showTabs: true,
-      closableTabs: false,
-      editorHeight: 'calc(100vh - 150px)',
-      rtl: true,
-      classes: {
-        'sp-layout': styles['antv-sp-layout']
+  if (themeConfig.isAntVSite) {
+    return /*#__PURE__*/React.createElement(Sandpack, {
+      template: "vanilla" // 指定项目模板，Sandpack 会据此配置环境
+      ,
+      files: wrap2Sandpack(snap.codeBlock),
+      options: {
+        showLineNumbers: true,
+        // 显示行号
+        showTabs: true,
+        closableTabs: false,
+        editorHeight: 'calc(100vh - 150px)',
+        rtl: true,
+        classes: {
+          'sp-layout': styles['antv-sp-layout']
+        }
+      },
+      theme: "light" // 主题：dark, light, auto
+      ,
+      customSetup: {
+        entry: '/index.tsx',
+        npmRegistries: [{
+          limitToScopes: false,
+          // 设为 false 使所有包都从自定义 registry 获取
+          registryUrl: 'https://registry.npmmirror.com',
+          // 使用淘宝镜像
+          enabledScopes: [],
+          proxyEnabled: false
+        }]
       }
-    },
-    theme: "light" // 主题：dark, light, auto
-    ,
-    customSetup: {
-      entry: "/index.tsx",
-      npmRegistries: [{
-        limitToScopes: false,
-        // 设为 false 使所有包都从自定义 registry 获取
-        registryUrl: 'https://registry.npmmirror.com',
-        // 使用淘宝镜像
-        enabledScopes: [],
-        proxyEnabled: false
-      }]
-    }
-  });
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(CodeRunner, {
+      isPlayground: true,
+      showAI: false,
+      size: 0.5,
+      topic: snap.anonymousUserId,
+      example: snap.activeSessionId,
+      demo: demoId,
+      exampleTopics: exampleTopics
+    });
+  }
 }
 export default TaskBox;

package/dist/slots/CodeEditor/Toolbar.js

@@ -44,7 +44,9 @@ export var Toolbar = function Toolbar(_ref) {
     onToggleFullscreen = _ref$onToggleFullscre === void 0 ? null : _ref$onToggleFullscre,
     onExecuteCode = _ref.onExecuteCode,
     onClickAI = _ref.onClickAI,
-    onReload = _ref.onReload;
+    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;
 
@@ -80,7 +82,7 @@ export var Toolbar = function Toolbar(_ref) {
         return onEditorTabChange(tab);
       }
     }, tab, " ", slot && slot);
-  })), /*#__PURE__*/React.createElement("a", {
+  })), showAI ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
     className: styles.ai,
     onClick: onClickAI
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -92,7 +94,7 @@ export var Toolbar = function Toolbar(_ref) {
   }, /*#__PURE__*/React.createElement("span", {
     className: styles.ai,
     onClick: onReload
-  }, /*#__PURE__*/React.createElement(ReloadOutlined, null))), riddleVisible ? /*#__PURE__*/React.createElement("form", {
+  }, /*#__PURE__*/React.createElement(ReloadOutlined, null)))) : null, riddleVisible ? /*#__PURE__*/React.createElement("form", {
     action: "//riddle.alibaba-inc.com/riddles/define",
     method: "POST",
     target: "_blank"

package/dist/slots/CodeEditor/index.js

@@ -57,7 +57,9 @@ 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;
   var locale = useLocale();
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
@@ -104,8 +106,8 @@ var CodeEditor = function CodeEditor(_ref) {
     setCurrentEditorTab = _useState12[1];
   var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    showAI = _useState14[0],
-    setShowAI = _useState14[1];
+    showAIDrawer = _useState14[0],
+    setShowAIDrawer = _useState14[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
 
   // 出发 auto resize
@@ -281,7 +283,7 @@ var CodeEditor = function CodeEditor(_ref) {
   // 用于更新当前 example 的 spec 和 data
   useEffect(function () {
     setCurrentEditorTab(EDITOR_TABS.JAVASCRIPT);
-    setShowAI(false);
+    setShowAIDrawer(false);
   }, [exampleId]);
 
   // hook 用户的数据
@@ -385,7 +387,7 @@ var CodeEditor = function CodeEditor(_ref) {
     }
   };
   var onClickAI = function onClickAI() {
-    setShowAI(true);
+    setShowAIDrawer(true);
   };
   var onReload = function onReload() {
     setCode(source);
@@ -407,6 +409,7 @@ var CodeEditor = function CodeEditor(_ref) {
     onEditorTabChange: onTabChange,
     onToggleFullscreen: onFullscreen,
     onClickAI: onClickAI,
+    showAI: showAI,
     onReload: onReload,
     slots: {
       Spec: /*#__PURE__*/React.createElement("span", {
@@ -462,10 +465,10 @@ var CodeEditor = function CodeEditor(_ref) {
     }), /*#__PURE__*/React.createElement(Drawer, {
       placement: "right",
       closable: true,
-      open: showAI,
+      open: showAIDrawer,
       getContainer: false,
       onClose: function onClose() {
-        return setShowAI(false);
+        return setShowAIDrawer(false);
       },
       rootClassName: styles.drawer,
       width: '90%'

package/dist/slots/CodeRunner/index.js

@@ -32,7 +32,9 @@ 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;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo);
 
   // 找不到，啥也别干了，404 页面
@@ -80,7 +82,8 @@ var CodeRunner = function CodeRunner(_ref) {
     onDestroy: noop,
     onReady: noop,
     playground: playground,
-    title: ic(title)
+    title: ic(title),
+    showAI: showAI
   }))));
 };
 export default CodeRunner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.2",
+  "version": "0.8.0-beta.3",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",

package/dist/static/SearchAiIcon.svg

@@ -1,14 +0,0 @@
-<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
-  <g
-    fill="none"
-    stroke="currentColor"
-    stroke-width="65"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  >
-    <circle cx="448" cy="447" r="380" />
-    <line x1="715" y1="715" x2="900" y2="900" />
-    <path d="M 290 605 L 382 290 L 475 605 M 320 500 L 445 500" />
-    <line x1="600" y1="290" x2="600" y2="605" />
-  </g>
-</svg>