@antv/dumi-theme-antv 0.3.11 → 0.3.13

package/dist/layouts/entry/Index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Index 路由下的入口
  * - 获取数据
  * - 组合 slots 下的木偶组件
  */
-export declare const Index: () => JSX.Element;
+export declare const Index: () => React.JSX.Element;

package/dist/pages/404.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * 404 页面
  */
-declare const NotFound: () => JSX.Element;
+declare const NotFound: () => React.JSX.Element;
 export default NotFound;

package/dist/pages/Examples/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Examples 页面
  *
  * @author YuZhanglong <loveyzl1123@gmail.com>
  */
-declare const Example: () => JSX.Element;
+declare const Example: () => React.JSX.Element;
 export default Example;

package/dist/slots/404.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const NotFound: () => JSX.Element;
+import React from 'react';
+export declare const NotFound: () => React.JSX.Element;

package/dist/slots/CodeEditor/Toolbar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 export declare enum EDITOR_TABS {
     JAVASCRIPT = "JavaScript",
     SPEC = "Spec",
@@ -63,6 +63,10 @@ declare type ToolbarProps = {
      * 执行代码
      */
     onExecuteCode: () => void;
+    /**
+     * Tab 的附加内容
+     */
+    slots: Record<string, ReactElement>;
 };
 export declare const Toolbar: React.FC<ToolbarProps>;
 export {};

package/dist/slots/CodeEditor/Toolbar.js

@@ -37,6 +37,7 @@ export var Toolbar = function Toolbar(_ref) {
     _ref$isFullScreen = _ref.isFullScreen,
     isFullScreen = _ref$isFullScreen === void 0 ? false : _ref$isFullScreen,
     editorTabs = _ref.editorTabs,
+    slots = _ref.slots,
     currentEditorTab = _ref.currentEditorTab,
     onEditorTabChange = _ref.onEditorTabChange,
     _ref$onToggleFullscre = _ref.onToggleFullscreen,
@@ -69,13 +70,14 @@ export var Toolbar = function Toolbar(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.editortabs
   }, editorTabs.map(function (tab, index) {
+    var slot = slots[tab];
     return /*#__PURE__*/React.createElement("span", {
       key: index,
       className: tab === currentEditorTab ? styles.current : '',
       onClick: function onClick() {
         return onEditorTabChange(tab);
       }
-    }, tab);
+    }, tab, " ", slot && slot);
   })), riddleVisible ? /*#__PURE__*/React.createElement("form", {
     action: "//riddle.alibaba-inc.com/riddles/define",
     method: "POST",

package/dist/slots/CodeEditor/index.js

@@ -13,6 +13,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import MonacoEditor, { loader } from '@monaco-editor/react';
+import { Switch } from 'antd';
 import { autoType as d3AutoType, dsvFormat } from 'd3-dsv';
 import { useLocale, useSiteData } from 'dumi';
 import { debounce, noop } from 'lodash-es';
@@ -78,20 +79,24 @@ export var CodeEditor = function CodeEditor(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     code = _useState6[0],
     setCode = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    full = _useState8[0],
+    setFull = _useState8[1];
   // monaco instance
   var monacoRef = useRef(null);
   // 文件后缀
   var fileExtension = relativePath.split('.')[relativePath.split('.').length - 1] || 'js';
   // 菜单栏
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    editorTabs = _useState8[0],
-    setEditorTabs = _useState8[1];
-  // 当前选中菜单栏
-  var _useState9 = useState(EDITOR_TABS.JAVASCRIPT),
+  var _useState9 = useState([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    currentEditorTab = _useState10[0],
-    setCurrentEditorTab = _useState10[1];
+    editorTabs = _useState10[0],
+    setEditorTabs = _useState10[1];
+  // 当前选中菜单栏
+  var _useState11 = useState(EDITOR_TABS.JAVASCRIPT),
+    _useState12 = _slicedToArray(_useState11, 2),
+    currentEditorTab = _useState12[0],
+    setCurrentEditorTab = _useState12[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
 
   // 出发 auto resize
@@ -175,7 +180,10 @@ export var CodeEditor = function CodeEditor(_ref) {
     // 清空 data 和 spec
     // 放在该案例运行错误，返回之前案例的 data 和 spec
     setData(null);
-    if (showSpecTab) setSpec(null);
+    if (showSpecTab) {
+      setSpec(null);
+      setFull(false);
+    }
   }, [exampleId]);
 
   // 代码变化的时候，运行代码
@@ -309,7 +317,7 @@ export var CodeEditor = function CodeEditor(_ref) {
   }, [currentEditorTab]);
   var parseFunction = function parseFunction(string) {
     return string.replace(/"\<func\>(.*?)\<\/func\>"/g, function (_, code) {
-      return code;
+      return code.replace(/\\n/g, '\n').replace(/\\"/g, '"');
     });
   };
 
@@ -318,7 +326,7 @@ export var CodeEditor = function CodeEditor(_ref) {
   // { add: (x, y) => x + y } => '{ add: <func>(x, y) => x + y</func> }'
   var withFunction = function withFunction(_, value) {
     if (typeof value !== 'function') return value;
-    return "<func>".concat(value.toString().replace(/\n/g, ''), "</func>");
+    return "<func>".concat(value.toString(), "</func>");
   };
   var languageOf = function languageOf(tab) {
     switch (tab) {
@@ -336,9 +344,15 @@ export var CodeEditor = function CodeEditor(_ref) {
       case EDITOR_TABS.JAVASCRIPT:
         return code;
       case EDITOR_TABS.SPEC:
-        return format(parseFunction("(".concat(JSON.stringify(spec, withFunction), ")")), {
-          plugins: [parserBabel]
-        });
+        {
+          var _code = function _code(spec) {
+            if (!full) return "(".concat(spec, ")");
+            return "import { Chart } from '@antv/g2';\n          \n          const chart = new Chart({container:'container'});\n\n          chart.options(".concat(spec, ");\n\n          chart.render();\n          ");
+          };
+          return format(parseFunction(_code(JSON.stringify(spec, withFunction))), {
+            plugins: [parserBabel]
+          });
+        }
       case EDITOR_TABS.DATA:
         return JSON.stringify(data, null, 2);
       default:
@@ -368,7 +382,24 @@ export var CodeEditor = function CodeEditor(_ref) {
       return executeCode(code);
     },
     onEditorTabChange: onTabChange,
-    onToggleFullscreen: onFullscreen
+    onToggleFullscreen: onFullscreen,
+    slots: {
+      Spec: /*#__PURE__*/React.createElement("span", {
+        style: {
+          paddingLeft: '0.25em',
+          paddingRight: 0
+        }
+      }, /*#__PURE__*/React.createElement(Switch, {
+        style: {
+          width: 30
+        },
+        size: "small",
+        onChange: function onChange(checked) {
+          return setFull(checked);
+        },
+        checked: full
+      }))
+    }
   }), editorTabs.map(function (tab) {
     return /*#__PURE__*/React.createElement("div", {
       key: tab,

package/dist/slots/Header/Logo.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Header.LOGO
  */
 export declare const Logo: ({ style }: {
     style: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/slots/Header/LogoWhite.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Header.LogoWhite
  */
 export declare const LogoWhite: ({ style }: {
     style: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/slots/Header/Navs.d.ts

@@ -4,6 +4,7 @@ declare type dropdownItem = {
         [key: string]: string;
     };
     url: string;
+    target?: '_blank';
 };
 export declare type INav = {
     slug?: string;

package/dist/slots/Header/Navs.js

@@ -37,14 +37,18 @@ export var Navs = function Navs(_ref) {
       placement: "bottom",
       overlay: /*#__PURE__*/React.createElement(Menu, null, nav.dropdownItems.map(function (_ref2) {
         var name = _ref2.name,
-          url = _ref2.url;
+          url = _ref2.url,
+          target = _ref2.target;
+        var displayName = name[locale.id];
         return /*#__PURE__*/React.createElement(Menu.Item, {
           key: url
-        }, /*#__PURE__*/React.createElement("a", {
+        }, target === '_blank' || url.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
+          href: url,
           target: "_blank",
-          rel: "noreferrer",
-          href: url
-        }, name[locale.id], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
+          rel: "noreferrer"
+        }, displayName, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {
+          to: url
+        }, displayName));
       }))
     }, /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(DownOutlined, null)))) : /*#__PURE__*/React.createElement("li", {
       key: title,

package/dist/slots/Header/Search/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Search: () => JSX.Element;
+import React from 'react';
+export declare const Search: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {