@antv/dumi-theme-antv 0.8.3 → 0.8.5

package/dist/components/AI/HomeDialog/index.js

@@ -27,8 +27,9 @@ export function HomeDialog(props) {
     _fileSummary = _useState4[0],
     setFileSummary = _useState4[1];
   var handleConfirm = function handleConfirm() {
-    // 在新标签页打开新站点，携带问题参数
-    var encodedMessage = encodeURIComponent(promptText);
+    // 在新标签页打开新站点，携带问题参数，并将选择的技术栈拼接在消息前面
+    var libPrefix = snap.lib ? lang === 'zh' ? "\u4F7F\u7528".concat(snap.lib, "\u65F6\uFF0C") : "When using ".concat(snap.lib, ", ") : '';
+    var encodedMessage = encodeURIComponent("".concat(libPrefix).concat(promptText));
     var targetUrl = "https://sive.antv.antgroup.com/qa?message=".concat(encodedMessage);
     window.open(targetUrl, '_blank', 'noopener,noreferrer');
   };

package/dist/layouts/GlobalLayout/index.js

@@ -13,7 +13,7 @@ var GlobalLayout = function GlobalLayout() {
     if (typeof window !== 'undefined') {
       window.antd = antd;
     }
-    console.log("%c @antv/dumi-theme-antv %c ".concat("0.8.3", " %c"), 'background:#35495e; padding: 1px; border-radius: 3px 0 0 3px; color: #fff;', 'background:#41b883; padding: 1px; border-radius: 0 3px 3px 0; color: #fff;', 'background:transparent;');
+    console.log("%c @antv/dumi-theme-antv %c ".concat("0.8.5", " %c"), 'background:#35495e; padding: 1px; border-radius: 3px 0 0 3px; color: #fff;', 'background:#41b883; padding: 1px; border-radius: 0 3px 3px 0; color: #fff;', 'background:transparent;');
   }, []);
   return outlet && /*#__PURE__*/React.createElement(QueryClientProvider, {
     client: queryClient

package/dist/slots/CodeEditor/Toolbar.js

@@ -16,12 +16,12 @@ import { Tooltip, Typography } from 'antd';
 import { FormattedMessage, useLocale } from 'dumi';
 import React, { useEffect, useState } from 'react';
 import { ping } from "../utils";
-import { extractImportDeps, getCodeSandboxConfig, getRiddleConfig, getStackblitzConfig } from "./utils";
+import { extractImportDeps, getRiddleConfig, getStackblitzConfig } from "./utils";
 import styles from "./Toolbar.module.less";
 var Paragraph = Typography.Paragraph;
 export var EDITOR_TABS = /*#__PURE__*/function (EDITOR_TABS) {
-  EDITOR_TABS["JAVASCRIPT"] = "JavaScript";
   EDITOR_TABS["SPEC"] = "Spec";
+  EDITOR_TABS["API"] = "API";
   EDITOR_TABS["DATA"] = "Data";
   return EDITOR_TABS;
 }({});
@@ -30,17 +30,11 @@ export var Toolbar = function Toolbar(_ref) {
     fileExtension = _ref.fileExtension,
     _ref$playground = _ref.playground,
     playground = _ref$playground === void 0 ? {} : _ref$playground,
-    location = _ref.location,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? '' : _ref$title,
-    _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,
-    onToggleFullscreen = _ref$onToggleFullscre === void 0 ? null : _ref$onToggleFullscre,
     onExecuteCode = _ref.onExecuteCode,
     onClickAI = _ref.onClickAI,
     onReload = _ref.onReload,
@@ -52,11 +46,8 @@ export var Toolbar = function Toolbar(_ref) {
   // 使用 playground.dependencies 定义的版本号
   var dependencies = _objectSpread(_objectSpread({}, extractImportDeps(sourceCode)), playground.dependencies);
   var devDependencies = playground.devDependencies || {};
-  var codeSandboxConfig = getCodeSandboxConfig(exampleTitle, sourceCode, fileExtension, dependencies, devDependencies, playground);
   var riddlePrefillConfig = getRiddleConfig(exampleTitle, sourceCode, fileExtension, dependencies, devDependencies, playground);
   var stackblitzPrefillConfig = getStackblitzConfig(exampleTitle, sourceCode, fileExtension, dependencies, devDependencies, playground);
-  // const htmlCode = getHtmlCodeTemplate(exampleTitle, sourceCode, fileExtension, dependencies, devDependencies, playground);
-
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     riddleVisible = _useState2[0],
@@ -73,14 +64,13 @@ 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, " ", slot && slot);
+    }, tab);
   })), showAI ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
     className: styles.ai,
     onClick: onClickAI

package/dist/slots/CodeEditor/index.js

@@ -1,11 +1,11 @@
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 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); }
@@ -13,12 +13,12 @@ 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 { autoType as d3AutoType, dsvFormat } from 'd3-dsv';
 import { useLocale, useSiteData } from 'dumi';
 import { debounce, noop } from 'lodash-es';
 import { format } from 'prettier';
 import parserBabel from 'prettier/parser-babel';
+import { useMemoizedFn } from 'ahooks';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind, clear } from 'size-sensor';
 import Loading from "dumi/theme/slots/Loading";
@@ -35,8 +35,41 @@ loader.config({
     vs: 'https://gw.alipayobjects.com/os/lib/monaco-editor/0.34.0/min/vs'
   }
 });
+
+// ---- 纯工具函数，不依赖组件状态，提取到组件外部避免重复创建 ----
+
+/** 将 JSON 中的 <func>...</func> 标记还原为真实函数代码 */
+function parseFunction(str) {
+  return str.replace(/"<func>(.*?)<\/func>"/g, function (_, code) {
+    return code.replace(/\\n/g, '\n').replace(/\\"/g, '"');
+  });
+}
+
+/** JSON.stringify replacer：将 function 值标记为 <func>...</func> 以便后续还原 */
+function withFunction(_, value) {
+  if (typeof value !== 'function') return value;
+  return "<func>".concat(value.toString(), "</func>");
+}
+
+/** 将 spec 配置对象转换为完整可执行的 JS 代码字符串 */
+function specToCode(specObj) {
+  var specStr = parseFunction(JSON.stringify(specObj, withFunction));
+  var fullCode = "import { Chart } from '@antv/g2';\n\nconst chart = new Chart({ container: 'container' });\n\nchart.options(".concat(specStr, ");\n\nchart.render();\n");
+  return format(fullCode, {
+    plugins: [parserBabel]
+  });
+}
+
+// ---- 组件类型定义 ----
+
 /**
  * 代码编辑器
+ * showSpecTab=true 时为 Spec first 模式：
+ *   - Spec tab（可编辑）：spec 风格代码，选中时用此代码执行
+ *   - API tab（可编辑）：原始 JS 代码，选中时用此代码执行
+ *   - 两个 tab 各自独立维护代码状态
+ * showSpecTab=false 时为传统模式：
+ *   - 只有 Spec tab，直接编辑和执行 source 代码
  */
 var CodeEditor = function CodeEditor(_ref) {
   var _ref$title = _ref.title,
@@ -47,7 +80,6 @@ var CodeEditor = function CodeEditor(_ref) {
     playground = _ref.playground,
     _ref$replaceId = _ref.replaceId,
     replaceId = _ref$replaceId === void 0 ? 'container' : _ref$replaceId,
-    isFullscreen = _ref.isFullscreen,
     exampleId = _ref.exampleId,
     _ref$onReady = _ref.onReady,
     onReady = _ref$onReady === void 0 ? noop : _ref$onReady,
@@ -55,8 +87,6 @@ var CodeEditor = function CodeEditor(_ref) {
     onDestroy = _ref$onDestroy === void 0 ? noop : _ref$onDestroy,
     _ref$onError = _ref.onError,
     onError = _ref$onError === void 0 ? noop : _ref$onError,
-    _ref$onFullscreen = _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;
@@ -69,40 +99,35 @@ var CodeEditor = function CodeEditor(_ref) {
     showSpecTab = _themeConfig$showSpec === void 0 ? false : _themeConfig$showSpec;
   var _themeConfig$playgrou = themeConfig.playground.playgroundBeforeExecute,
     playgroundBeforeExecute = _themeConfig$playgrou === void 0 ? '' : _themeConfig$playgrou;
-  // 编辑器两个 tab，分别是代码和数据
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
     setData = _useState2[1];
+  // Spec tab 的代码（仅 showSpecTab=true 时使用，由 spec 事件初始化）
   var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    spec = _useState4[0],
-    setSpec = _useState4[1];
+    specCode = _useState4[0],
+    setSpecCode = _useState4[1];
+  // API tab 的代码（传统模式下也作为唯一代码源）
   var _useState5 = useState(source),
     _useState6 = _slicedToArray(_useState5, 2),
-    code = _useState6[0],
-    setCode = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    full = _useState8[0],
-    setFull = _useState8[1];
+    apiCode = _useState6[0],
+    setApiCode = _useState6[1];
   // monaco instance
   var monacoRef = useRef(null);
   // 文件后缀
   var fileExtension = relativePath.split('.')[relativePath.split('.').length - 1] || 'js';
   // 菜单栏
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    editorTabs = _useState10[0],
-    setEditorTabs = _useState10[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    editorTabs = _useState8[0],
+    setEditorTabs = _useState8[1];
   // 当前选中菜单栏
-  var _useState11 = useState(EDITOR_TABS.JAVASCRIPT),
-    _useState12 = _slicedToArray(_useState11, 2),
-    currentEditorTab = _useState12[0],
-    setCurrentEditorTab = _useState12[1];
+  var _useState9 = useState(EDITOR_TABS.SPEC),
+    _useState10 = _slicedToArray(_useState9, 2),
+    currentEditorTab = _useState10[0],
+    setCurrentEditorTab = _useState10[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
-
-  // 出发 auto resize
   var dispatchResizeEvent = function dispatchResizeEvent() {
     var e = new Event('resize');
     window.dispatchEvent(e);
@@ -111,19 +136,17 @@ var CodeEditor = function CodeEditor(_ref) {
     if (e) {
       console.log(e);
       onError(e);
-      e.preventDefault && e.preventDefault();
+      if (e.preventDefault) e.preventDefault();
     } else {
       onError(null);
     }
   }, []);
+
+  // 注册全局错误捕获
   useEffect(function () {
-    // 用于上报错误信息，使用 script 执行代码
     if (typeof window !== 'undefined') {
-      // Cath error of code.
       window.__reportErrorInPlayground = reportError;
-      // Catch error of timeout/raf.
       window.onerror = reportError;
-      // Catch error of  promise.
       window.addEventListener('unhandledrejection', reportError);
     }
     return function () {
@@ -134,99 +157,56 @@ var CodeEditor = function CodeEditor(_ref) {
       }
     };
   }, []);
-  var executeCode = useCallback(debounce(function (v) {
+
+  // 编译并执行代码的核心逻辑，通过 useMemoizedFn 保证始终引用最新的 containerId
+  var executeCodeFn = useMemoizedFn(function (v) {
     try {
       var playgroundBeforeExecuteFunction = new Function('containerId', playgroundBeforeExecute);
       playgroundBeforeExecuteFunction(containerId);
     } catch (e) {
       reportError(e);
-      // 执行出错，不影响后面流程
     }
-    if (currentEditorTab !== EDITOR_TABS.JAVASCRIPT) return;
     if (!v) return;
-
-    // 1. 先编译代码
     var compiled;
     try {
       compiled = compile(replaceInsertCss(v, locale.id), relativePath, es5);
     } catch (e) {
       reportError(e);
-      // 执行出错，后面的步骤不用做了！
       return;
     }
-
-    // 2. 执行代码，try catch 在内部已经做了
     execute(compiled, containerId, playground === null || playground === void 0 ? void 0 : playground.container, replaceId);
-  }, 300), [exampleId, currentEditorTab]);
-  var updateData = function updateData(data) {
-    if (!data) return;
-    var tabs = showSpecTab ? [EDITOR_TABS.JAVASCRIPT, EDITOR_TABS.SPEC, EDITOR_TABS.DATA] : [EDITOR_TABS.JAVASCRIPT, EDITOR_TABS.DATA];
-    setEditorTabs(tabs);
-    setData(data);
-  };
+  });
 
-  // 找到 spec 里面的 online data 并且更新它
-  var updateDataFromSpec = function updateDataFromSpec(options) {
-    if (!options) return;
-    var discoverd = [options];
-    var dataList = [];
-    while (discoverd.length) {
-      var node = discoverd.pop();
-      var _data = node.data;
-      if (_typeof(_data) === 'object' && _data.type === 'fetch') {
-        dataList.push(_data);
-      }
-      discoverd.push.apply(discoverd, _toConsumableArray(node.children || []));
-    }
-    fetchData(dataList.map(function (d) {
-      return d.value;
-    })).then(updateData);
-  };
+  // debounce 实例只创建一次，内部通过 executeCodeFn 间接调用，避免闭包过期
+  var executeCode = useRef(debounce(function (v) {
+    return executeCodeFn(v);
+  }, 300)).current;
 
-  // 案例变化的时候，修改代码
+  // 切例子时取消 pending，避免上一案例的代码渲染到新容器
   useEffect(function () {
-    setCode(source);
-
-    // 清空 data 和 spec
-    // 放在该案例运行错误，返回之前案例的 data 和 spec
-    setData(null);
-    if (showSpecTab) {
-      setSpec(null);
-      setFull(false);
-    }
+    executeCode.cancel();
   }, [exampleId]);
-
-  // 代码变化的时候，运行代码
-  useEffect(function () {
-    executeCode(code);
-  }, [code]);
   useEffect(function () {
-    var dom = document.getElementById(containerId);
-    if (dom) {
-      bind(dom, debounce(function () {
-        dispatchResizeEvent();
-      }, 100));
-    }
     return function () {
-      dom && clear(dom);
+      return executeCode.cancel();
     };
   }, []);
 
-  // 生命周期
-  useEffect(function () {
-    onReady();
-    if (playground !== null && playground !== void 0 && playground.playgroundDidMount) {
-      new Function(playground.playgroundDidMount)();
-    }
-    return function () {
-      onDestroy();
-      if (playground !== null && playground !== void 0 && playground.playgroundWillUnmount) {
-        new Function(playground.playgroundWillUnmount)();
-      }
-    };
-  }, []);
+  /** 根据指定 tab 获取对应的可执行代码 */
+  var getCodeForTab = useCallback(function (tab) {
+    if (tab === EDITOR_TABS.DATA) return '';
+    if (tab === EDITOR_TABS.API) return apiCode;
+    // SPEC tab：传统模式用 apiCode，Spec 模式用 specCode
+    return showSpecTab ? specCode || '' : apiCode;
+  }, [specCode, apiCode, showSpecTab]);
+  var updateData = function updateData(data) {
+    if (!data) return;
+    var tabs = showSpecTab ? [EDITOR_TABS.SPEC, EDITOR_TABS.API, EDITOR_TABS.DATA] : [EDITOR_TABS.SPEC, EDITOR_TABS.DATA];
+    setEditorTabs(tabs);
+    setData(data);
+  };
 
-  // fetch 多份远程数据，如果有多份合并成一份。
+  // fetch 多份远程数据，多份时合并为 { url: data } 映射
   var fetchData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(urls) {
       var parseCSV, parseJSON, dataList;
@@ -244,8 +224,8 @@ var CodeEditor = function CodeEditor(_ref) {
             _context.next = 4;
             return Promise.all(urls.map(function (url) {
               return fetch(url).then(function (response) {
-                var format = url.split('.').pop();
-                if (format === 'csv') return parseCSV(response);
+                var fmt = url.split('.').pop();
+                if (fmt === 'csv') return parseCSV(response);
                 return parseJSON(response);
               });
             }));
@@ -271,77 +251,135 @@ var CodeEditor = function CodeEditor(_ref) {
     };
   }();
 
-  // 切换 example 的时候，切换到代码编辑页面
-  // 用于更新当前 example 的 spec 和 data
-  useEffect(function () {
-    setCurrentEditorTab(EDITOR_TABS.JAVASCRIPT);
-  }, [exampleId]);
+  // 从 spec 对象中提取远程数据 URL 并 fetch
+  var updateDataFromSpec = function updateDataFromSpec(options) {
+    if (!options) return;
+    var discovered = [options];
+    var dataList = [];
+    while (discovered.length) {
+      var node = discovered.pop();
+      var _data = node.data;
+      if (_typeof(_data) === 'object' && _data.type === 'fetch') {
+        dataList.push(_data);
+      }
+      discovered.push.apply(discovered, _toConsumableArray(node.children || []));
+    }
+    fetchData(dataList.map(function (d) {
+      return d.value;
+    })).then(updateData);
+  };
 
-  // hook 用户的数据
+  // 案例变化时：重置所有状态 + 重置 tab + 解析数据 + 执行初始代码
+  // 合并为单一 effect，消除多个 [exampleId] effect 的隐式顺序依赖
   useEffect(function () {
-    // 需要匹配首位的换行符，以及 ' 和 "
+    // 重置状态
+    setApiCode(source);
+    setSpecCode(null);
+    setData(null);
+    setCurrentEditorTab(EDITOR_TABS.SPEC);
+
+    // 防止快速切换示例时，旧请求的结果覆盖新示例的数据
+    var active = true;
+
+    // 解析 source 中的 fetch URL，加载远程数据
     var match = source.matchAll(/fetch\(\s*["|'](.*)["|'],*\s*\)/g);
     var dataFileMatch = Array.from(match);
     if (dataFileMatch && dataFileMatch.length > 0) {
       fetchData(dataFileMatch.map(function (d) {
         return d[1].trim();
       })).then(function (data) {
-        updateData(data);
+        if (active) updateData(data);
       });
     } else {
-      var tabs = showSpecTab ? [EDITOR_TABS.JAVASCRIPT, EDITOR_TABS.SPEC] : [EDITOR_TABS.JAVASCRIPT];
+      var tabs = showSpecTab ? [EDITOR_TABS.SPEC, EDITOR_TABS.API] : [EDITOR_TABS.SPEC];
       setEditorTabs(tabs);
     }
+
+    // 执行初始代码
+    executeCode(source);
+    return function () {
+      active = false;
+    };
   }, [exampleId]);
 
-  // 监听更新 spec 的事件，这是一个定义事件，需要在 .dumi/global.ts 里面 dispatch
+  // 绑定容器 resize 监听
+  useEffect(function () {
+    var dom = document.getElementById(containerId);
+    if (dom) {
+      bind(dom, debounce(function () {
+        dispatchResizeEvent();
+      }, 100));
+    }
+    return function () {
+      if (dom) clear(dom);
+    };
+  }, []);
+
+  // 生命周期
+  useEffect(function () {
+    onReady();
+    if (playground !== null && playground !== void 0 && playground.playgroundDidMount) {
+      new Function(playground.playgroundDidMount)();
+    }
+    return function () {
+      onDestroy();
+      if (playground !== null && playground !== void 0 && playground.playgroundWillUnmount) {
+        new Function(playground.playgroundWillUnmount)();
+      }
+    };
+  }, []);
+
+  // 监听 spec 事件（由代码执行后 dispatch），首次收到时初始化 specCode
+  // 使用 ref 避免闭包过期问题，同时保持 [] 依赖数组只注册一次
+  var specCodeRef = useRef(specCode);
+  specCodeRef.current = specCode;
   useEffect(function () {
     var update = function update(e) {
       var _ref3 = e.detail,
         options = _ref3.options;
-      setSpec(options);
+      if (!options) return;
       updateDataFromSpec(options);
+      // 仅在 specCode 未初始化时设置（首次从 source 执行产生）
+      if (specCodeRef.current === null) {
+        setSpecCode(specToCode(options));
+      }
     };
     window.addEventListener('spec', update);
     return function () {
       window.removeEventListener('spec', update);
     };
-  });
+  }, []);
 
-  // 切换 tab
+  // 切换 tab 时，用目标 tab 对应的代码重新执行渲染
   var onTabChange = useCallback(function (tab) {
     setCurrentEditorTab(tab);
-  }, [exampleId]);
-
-  // useEffect(() => {
-  //   if (monacoRef.current) {
-  //     const v = currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2);
-  //     monacoRef.current.setValue(v);
-  //   }
-  // }, [currentEditorTab]);
+    var code = getCodeForTab(tab);
+    if (code) executeCode(code);
+  }, [getCodeForTab]);
 
+  /**
+   * 编辑时更新对应 tab 的代码并执行
+   * 统一数据源：传统模式下 Spec tab 写入 apiCode
+   */
   var onCodeChange = useCallback(function (value, event) {
-    if (!event.isFlush && currentEditorTab === EDITOR_TABS.JAVASCRIPT) {
-      setCode(value);
+    if (event.isFlush) return;
+    if (currentEditorTab === EDITOR_TABS.SPEC) {
+      if (showSpecTab) {
+        setSpecCode(value);
+      } else {
+        // 传统模式：Spec tab 就是唯一的代码 tab，写入 apiCode
+        setApiCode(value);
+      }
+      executeCode(value);
+    } else if (currentEditorTab === EDITOR_TABS.API) {
+      setApiCode(value);
+      executeCode(value);
     }
-  }, [currentEditorTab]);
-  var parseFunction = function parseFunction(string) {
-    return string.replace(/"\<func\>(.*?)\<\/func\>"/g, function (_, code) {
-      return code.replace(/\\n/g, '\n').replace(/\\"/g, '"');
-    });
-  };
-
-  // 序列化 JavaScript 对象的时候对 function 进行特殊的标注，
-  // 使得解析该字符串的时候能方便的提取 function 对应的字符串。
-  // { 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(), "</func>");
-  };
+  }, [currentEditorTab, showSpecTab]);
   var languageOf = function languageOf(tab) {
     switch (tab) {
-      case EDITOR_TABS.JAVASCRIPT:
       case EDITOR_TABS.SPEC:
+      case EDITOR_TABS.API:
         return 'javascript';
       case EDITOR_TABS.DATA:
         return 'json';
@@ -349,79 +387,49 @@ var CodeEditor = function CodeEditor(_ref) {
         return 'javascript';
     }
   };
+
+  /** 获取 tab 对应的编辑器显示内容（统一数据源） */
   var valueOf = function valueOf(tab) {
     switch (tab) {
-      case EDITOR_TABS.JAVASCRIPT:
-        return code;
       case EDITOR_TABS.SPEC:
-        {
-          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]
-          });
-        }
+        // 传统模式用 apiCode，Spec 模式用 specCode
+        return showSpecTab ? specCode || '' : apiCode;
+      case EDITOR_TABS.API:
+        return apiCode;
       case EDITOR_TABS.DATA:
         return JSON.stringify(data, null, 2);
       default:
         return null;
     }
   };
-  var defaultOf = function defaultOf(tab) {
-    switch (tab) {
-      case EDITOR_TABS.JAVASCRIPT:
-        return code;
-      default:
-        return null;
-    }
-  };
   var onClickAI = function onClickAI() {
     var _themeConfig$ai;
     var aiUrl = (themeConfig === null || themeConfig === void 0 || (_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.url) || 'https://sive.antv.antgroup.com/qa';
     window.open(aiUrl);
   };
   var onReload = function onReload() {
-    setCode(source);
+    setApiCode(source);
+    setSpecCode(null);
+    // 重新执行 source 以重新生成 spec
+    executeCode(source);
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.editor,
     style: style
   }, /*#__PURE__*/React.createElement(Toolbar, {
     fileExtension: fileExtension,
-    sourceCode: code,
+    sourceCode: getCodeForTab(currentEditorTab),
     playground: playground,
-    location: location,
     title: title,
-    isFullScreen: isFullscreen,
     editorTabs: editorTabs,
     currentEditorTab: currentEditorTab,
     onExecuteCode: function onExecuteCode() {
-      return executeCode(code);
+      return executeCode(getCodeForTab(currentEditorTab));
     },
     onEditorTabChange: onTabChange,
-    onToggleFullscreen: onFullscreen,
     onClickAI: onClickAI,
     showAI: showAI,
-    onReload: onReload,
-    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
-      }))
-    }
+    onReload: onReload
   }), editorTabs.map(function (tab) {
     return /*#__PURE__*/React.createElement("div", {
       key: tab,
@@ -433,7 +441,6 @@ var CodeEditor = function CodeEditor(_ref) {
     }, /*#__PURE__*/React.createElement(MonacoEditor, {
       language: languageOf(tab),
       value: valueOf(tab),
-      defaultValue: defaultOf(tab),
       path: "".concat(tab, "_").concat(relativePath || exampleId),
       loading: /*#__PURE__*/React.createElement(Loading, {
         style: {
@@ -441,7 +448,7 @@ var CodeEditor = function CodeEditor(_ref) {
         }
       }),
       options: {
-        readOnly: tab === EDITOR_TABS.DATA || tab === EDITOR_TABS.SPEC,
+        readOnly: tab === EDITOR_TABS.DATA,
         automaticLayout: true,
         minimap: {
           enabled: false

package/dist/slots/CodeEditor/utils.js

@@ -115,6 +115,7 @@ export function replaceInsertCss(str, lang) {
 export function execute(code, playgroundScriptContainer, container) {
   var replaceId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'container';
   var node = document.getElementById(playgroundScriptContainer);
+  if (!node) return;
   var script = document.createElement('script');
   // replace container id in case of multi demos in document
   var newCode = code.replace(/'container'|"container"/, "'".concat(replaceId, "'"));

package/dist/slots/CodeRunner/index.js

@@ -52,10 +52,6 @@ var CodeRunner = function CodeRunner(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     error = _useState2[0],
     setError = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFullScreen = _useState4[0],
-    setFullscreen = _useState4[1];
   var locale = useLocale();
   var header = /*#__PURE__*/React.createElement(CodeHeader, {
     title: ic(title),
@@ -75,7 +71,6 @@ var CodeRunner = function CodeRunner(_ref) {
     relativePath: relativePath,
     replaceId: replaceId,
     onError: setError,
-    onFullscreen: setFullscreen,
     onDestroy: noop,
     onReady: noop,
     playground: playground,

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

@@ -1,10 +1,5 @@
-import { useIntl, useSiteData } from 'dumi';
 import React from 'react';
 import styles from "./SearchResult.module.less";
-import classnames from "classnames";
-import { AIChatStore, createNewSession } from "../../../model/AIChat";
-import { authStore, showLoginModal } from "../../../model/auth";
-import { useSnapshot } from "valtio";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
     return /*#__PURE__*/React.createElement("span", {
@@ -20,52 +15,9 @@ var getHighlightInfo = function getHighlightInfo(textSegments) {
 export var SearchResult = function SearchResult(_ref) {
   var results = _ref.results,
     keywords = _ref.keywords;
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
-  var intl = useIntl();
-  var authSnap = useSnapshot(authStore);
-  function pureSearch() {
-    AIChatStore.mode = 'solve';
-    createNewSession({
-      promptText: keywords,
-      mode: 'solve',
-      lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
-      jump: true,
-      lang: intl.locale === 'zh' ? 'zh' : 'en',
-      entry_point: 'SearchResult'
-    });
-  }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
-  }, /*#__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() {
-      if (!authSnap.isAuthenticated) {
-        showLoginModal(pureSearch);
-        return;
-      }
-      pureSearch();
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.title, styles.highlighted)
-  }, keywords), /*#__PURE__*/React.createElement("div", {
-    className: styles.description
-  }, intl.formatMessage({
-    id: 'ai.search.try'
-  }), "\xA0", /*#__PURE__*/React.createElement("span", {
-    className: styles.highlighted
-  }, "AI"), "\xA0", intl.formatMessage({
-    id: 'ai.search.visualization'
-  })))), results !== null && results !== void 0 && results.length ? results.map(function (r, index) {
+  }, results !== null && results !== void 0 && results.length ? results.map(function (r, index) {
     return /*#__PURE__*/React.createElement("div", {
       className: styles.item,
       key: index

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",
@@ -20,17 +20,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "npm run prepare && father build",
-    "dev": "father dev",
-    "fix": "prettier ./src --write",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepare": "father link-dev-theme",
-    "prepublishOnly": "npm run build",
-    "start": "cd example && npm run dev"
-  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -180,9 +169,13 @@
   "overrides": {
     "@monaco-editor/loader": "1.5.0"
   },
-  "pnpm": {
-    "overrides": {
-      "@monaco-editor/loader": "1.5.0"
-    }
+  "scripts": {
+    "build": "npm run prepare && father build",
+    "dev": "father dev",
+    "fix": "prettier ./src --write",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "start": "cd example && npm run dev"
   }
-}
+}