@agentscope-ai/dumi-theme-spark 0.0.98

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/builtins/AntdApiRef/index.d.ts

@@ -0,0 +1,3 @@
+export default function AntdAPIRef(props: {
+    url: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/builtins/AntdApiRef/index.js

@@ -0,0 +1,36 @@
+import { createStyles } from "antd-style";
+import { useIntl } from "dumi";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function AntdAPIRef(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var intl = useIntl();
+  return /*#__PURE__*/_jsx("div", {
+    className: "markdown",
+    children: /*#__PURE__*/_jsxs("p", {
+      className: styles.container,
+      children: [intl.formatMessage({
+        id: 'antdAPIRef'
+      }), /*#__PURE__*/_jsx("a", {
+        href: props.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: styles.link,
+        children: props.url
+      })]
+    })
+  });
+}
+var useStyles = createStyles(function (_ref) {
+  var token = _ref.token;
+  return {
+    container: {},
+    link: {
+      padding: '0 4px',
+      color: token.colorInfo
+    }
+  };
+});

package/dist/builtins/DemoTitle/index.d.ts

@@ -0,0 +1 @@
+export default function DemoTitle(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/builtins/DemoTitle/index.js

@@ -0,0 +1,98 @@
+import { createStyles } from 'antd-style';
+import { Button, copy, Dropdown, message } from '@agentscope-ai/design';
+import { SparkCopyLine, SparkDownLine, SparkLinkLine, SparkMagicWandLine } from '@agentscope-ai/icons';
+import { useIntl, useSiteData } from 'dumi';
+import { useCurrentNavByIntl } from "../../utils/getTargetLocalePath";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default function DemoTitle(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var name = useCurrentNavByIntl(2);
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  var llmTxtBase = themeConfig.demoTitle.llmTxtBase;
+  var intl = useIntl();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("h1", {
+      className: styles.h1,
+      children: props.title
+    }), /*#__PURE__*/_jsx("div", {
+      className: "markdown",
+      children: /*#__PURE__*/_jsx("p", {
+        children: props.desc
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Dropdown, {
+        menu: {
+          items: [{
+            label: /*#__PURE__*/_jsxs("div", {
+              children: [/*#__PURE__*/_jsx(SparkMagicWandLine, {
+                style: {
+                  marginRight: '4px',
+                  fontSize: '16px'
+                }
+              }), "Copy Prompt"]
+            }),
+            key: 'Prompt'
+          }, {
+            label: /*#__PURE__*/_jsxs("div", {
+              children: [/*#__PURE__*/_jsx(SparkLinkLine, {
+                style: {
+                  marginRight: '4px',
+                  fontSize: '16px'
+                }
+              }), "Copy URL"]
+            }),
+            key: 'URL'
+          }],
+          onClick: function onClick(e) {
+            var id = props.llmTxtName || props.title || name;
+            var url = "".concat(llmTxtBase, "/").concat(id, "/index.zh-CN.llms.txt");
+            if (e.key === 'Prompt') {
+              fetch(url).then(function (res) {
+                return res.text();
+              }).then(function (text) {
+                copy(text);
+                message.success(intl.formatMessage({
+                  id: 'copySuccess'
+                }));
+              }).catch(function (err) {
+                message.error('something error');
+              });
+            } else {
+              copy(url);
+              message.success(intl.formatMessage({
+                id: 'copySuccess'
+              }));
+            }
+          }
+        },
+        children: /*#__PURE__*/_jsxs(Button, {
+          className: styles.button,
+          children: [/*#__PURE__*/_jsx(SparkCopyLine, {}), /*#__PURE__*/_jsx("span", {
+            children: "Copy Prompt"
+          }), /*#__PURE__*/_jsx(SparkDownLine, {})]
+        })
+      })
+    })]
+  });
+}
+var useStyles = createStyles(function (_ref) {
+  var token = _ref.token;
+  return {
+    button: {
+      marginTop: '24px'
+    },
+    h1: {
+      fontSize: '24px',
+      lineHeight: '32px',
+      fontWeight: 'bold',
+      margin: '8px 0',
+      color: token.colorTextBase
+    }
+  };
+});

package/dist/builtins/FAQ/index.d.ts

@@ -0,0 +1,2 @@
+declare function FAQ(props: any): import("react/jsx-runtime").JSX.Element;
+export default FAQ;

package/dist/builtins/FAQ/index.js

@@ -0,0 +1,51 @@
+import { createStyles } from 'antd-style';
+import { FormattedMessage } from 'dumi';
+
+// @ts-ignore
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function FAQ(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "markdown",
+    children: [/*#__PURE__*/_jsx("hr", {
+      className: styles.hr
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.faq,
+      children: [/*#__PURE__*/_jsx("strong", {
+        className: styles.title,
+        children: "FAQs"
+      }), /*#__PURE__*/_jsx("p", {
+        className: styles.p,
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "faqDesc"
+        })
+      })]
+    }), props.children]
+  });
+}
+var useStyles = createStyles(function (_ref) {
+  var token = _ref.token;
+  return {
+    hr: {
+      margin: '40px 0',
+      border: 'none',
+      borderTop: "1px dashed ".concat(token.colorBorderSecondary)
+    },
+    title: {
+      fontSize: 14
+    },
+    faq: {
+      marginTop: 48,
+      marginBottom: 32
+    },
+    p: {
+      fontSize: 14,
+      lineHeight: '24px'
+    }
+  };
+});
+export default FAQ;

package/dist/builtins/FAQItem/index.d.ts

@@ -0,0 +1,2 @@
+declare const FAQItem: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default FAQItem;

package/dist/builtins/FAQItem/index.js

@@ -0,0 +1,72 @@
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 { SparkJianMinusLine, SparkPlusLine } from '@agentscope-ai/icons';
+import { createStyles } from 'antd-style';
+import { useState } from 'react';
+import { IconButton } from '@agentscope-ai/design';
+
+// @ts-ignore
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FAQItem = function FAQItem(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.item,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.title,
+      onClick: function onClick() {
+        return setOpen(!open);
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        style: {
+          flex: 1
+        },
+        children: props.title
+      }), /*#__PURE__*/_jsx(IconButton, {
+        bordered: false,
+        icon: open ? /*#__PURE__*/_jsx(SparkJianMinusLine, {}) : /*#__PURE__*/_jsx(SparkPlusLine, {})
+      })]
+    }), open && /*#__PURE__*/_jsx("div", {
+      className: styles.content,
+      children: props.children
+    })]
+  });
+};
+var useStyles = createStyles(function (_ref) {
+  var token = _ref.token;
+  return {
+    item: {
+      padding: '20px 0',
+      borderTop: "1px solid ".concat(token.colorBorderSecondary)
+    },
+    title: {
+      display: 'flex',
+      fontSize: 16,
+      fontWeight: 500,
+      lineHeight: '32px',
+      color: token.colorText,
+      cursor: 'pointer',
+      '&:hover': {
+        color: token.colorTextSecondary
+      }
+    },
+    content: {
+      padding: '12px 0 20px 0',
+      fontSize: 14,
+      lineHeight: '24px',
+      color: token.colorTextSecondary
+    }
+  };
+});
+export default FAQItem;

package/dist/builtins/Install/index.d.ts

@@ -0,0 +1,3 @@
+export default function Install(props: {
+    children: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/builtins/Install/index.js

@@ -0,0 +1,77 @@
+import { message } from '@agentscope-ai/design';
+import { createStyles } from "antd-style";
+import copy from "copy-to-clipboard";
+import { FormattedMessage, useIntl } from "dumi";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function Install(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var intl = useIntl();
+  var content = props.children.trim();
+  content = content.indexOf('from') !== -1 ? content : "import { ".concat(content, " } from '@agentscope-ai/design'");
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("hr", {
+      className: styles.hr
+    }), /*#__PURE__*/_jsx("div", {
+      className: "markdown",
+      children: /*#__PURE__*/_jsx("h4", {
+        className: styles.title,
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "usage"
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.outerContainer,
+      onClick: function onClick() {
+        copy(content);
+        message.success(intl.formatMessage({
+          id: 'copySuccess'
+        }));
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.container,
+        children: content
+      })
+    }), /*#__PURE__*/_jsx("hr", {
+      className: styles.hr
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.placeholder
+    })]
+  });
+}
+var useStyles = createStyles(function (_ref) {
+  var token = _ref.token;
+  return {
+    placeholder: {
+      height: 32
+    },
+    hr: {
+      margin: '40px 0',
+      border: 'none',
+      borderTop: "1px dashed ".concat(token.colorBorderSecondary)
+    },
+    title: {},
+    outerContainer: {
+      marginTop: 12,
+      cursor: 'pointer',
+      borderRadius: 12,
+      backgroundColor: token.colorFillQuaternary,
+      padding: 4
+    },
+    container: {
+      background: token.colorBgBase,
+      whiteSpace: 'pre-wrap',
+      borderRadius: 8,
+      border: "1px solid ".concat(token.colorBorderSecondary),
+      fontSize: 14,
+      lineHeight: '24px',
+      padding: '20px 27px 20px 27px',
+      color: token.colorText,
+      fontFamily: '"SFMono-Regular",consolas,"Liberation Mono",menlo,courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"'
+    }
+  };
+});

package/dist/builtins/Previewer/PreviewerActions.d.ts

@@ -0,0 +1,21 @@
+import { type IPreviewerProps } from 'dumi';
+import { ReactNode } from 'react';
+interface IPreviewerActionsProps extends IPreviewerProps {
+    /**
+     * disabled actions
+     */
+    disabledActions?: ('CSB' | 'STACKBLITZ' | 'EXTERNAL' | 'HTML2SKETCH')[];
+    extra?: ReactNode;
+    forceShowCode?: boolean;
+    demoContainer: HTMLDivElement | HTMLIFrameElement;
+    onSourceTranspile?: (args: {
+        err: Error;
+        source?: null;
+    } | {
+        err?: null;
+        source: Record<string, string>;
+    }) => void;
+    onSourceChange?: (source: Record<string, string>) => void;
+}
+export default function (props: IPreviewerActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/builtins/Previewer/PreviewerActions.js

@@ -0,0 +1,65 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 { useState } from 'react';
+// @ts-ignore
+import SourceCode from 'dumi/theme/builtins/SourceCode';
+import { Tabs } from 'antd';
+import { createStyles } from 'antd-style';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default function (props) {
+  var _files$activeKey$0$ma;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var files = Object.entries(props.asset.dependencies).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      type = _ref2[1].type;
+    return type === 'FILE';
+  });
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useState3 = useState(props.forceShowCode || props.defaultShowCode),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showCode = _useState4[0],
+    setShowCode = _useState4[1];
+  var lang = ((_files$activeKey$0$ma = files[activeKey][0].match(/\.([^.]+)$/)) === null || _files$activeKey$0$ma === void 0 ? void 0 : _files$activeKey$0$ma[1]) || 'text';
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Tabs, {
+      className: styles.tabs,
+      defaultActiveKey: String(activeKey),
+      onChange: function onChange(key) {
+        return setActiveKey(Number(key));
+      },
+      items: files.map(function (_ref3, i) {
+        var _ref4 = _slicedToArray(_ref3, 1),
+          filename = _ref4[0];
+        return {
+          key: String(i),
+          // remove leading ./ prefix
+          label: filename.replace(/^\.\//, ''),
+          // only support to edit entry file currently
+          children: /*#__PURE__*/_jsx(SourceCode, {
+            lang: lang,
+            children: files[activeKey][1].value.trim()
+          })
+        };
+      })
+    })
+  });
+}
+var useStyles = createStyles(function (_ref5) {
+  var css = _ref5.css;
+  return {
+    tabs: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .sps-tabs-nav {\n      margin: 0\n    }\n    \n    .sps-tabs-nav-wrap {\n      padding: 0 24px;\n    }\n  "])))
+  };
+});

package/dist/builtins/Previewer/index.d.ts

@@ -0,0 +1,2 @@
+import { type IPreviewerProps } from 'dumi';
+export default function (props: IPreviewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/builtins/Previewer/index.js

@@ -0,0 +1,182 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 { createStyles } from 'antd-style';
+import { useLiveDemo, FormattedMessage } from 'dumi';
+import { useMemo, useRef, useState } from 'react';
+import PreviewerActions from "./PreviewerActions";
+import { IconButton, Tabs } from '@agentscope-ai/design';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function (props) {
+  var _demoContainer$curren;
+  var center = props.center,
+    compact = props.compact,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 320 : _props$height;
+  var noConfigProvider = JSON.parse(props.noconfigprovider || "false");
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var demoContainer = useRef(null);
+  var _useState = useState('preview'),
+    _useState2 = _slicedToArray(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
+  var _useLiveDemo = useLiveDemo(props.asset.id, {
+      iframe: Boolean(props.iframe || props._live_in_iframe),
+      // @ts-ignore
+      containerRef: demoContainer
+    }),
+    liveDemoNode = _useLiveDemo.node,
+    setLiveDemoSource = _useLiveDemo.setSource;
+  var options = useMemo(function () {
+    return [{
+      label: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "preview"
+      }),
+      key: 'preview',
+      children: null
+    }, {
+      label: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "code"
+      }),
+      key: 'code',
+      children: null
+    }].map(function (item) {
+      if (item.key === mode) return _objectSpread(_objectSpread({}, item), {}, {
+        className: styles.actionSelected
+      });
+      return item;
+    });
+  }, [mode]);
+  var demoUrl = noConfigProvider ? "".concat(props.demoUrl, "?noConfigProvider=true") : props.demoUrl;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.header,
+      children: [/*#__PURE__*/_jsx("h4", {
+        className: styles.title,
+        id: props.asset.id,
+        children: props.title
+      }), /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(IconButton, {
+          onClick: function onClick() {
+            window.open(demoUrl);
+          },
+          bordered: false,
+          iconType: "spark-enlarge-line"
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.action,
+        children: /*#__PURE__*/_jsx(Tabs, {
+          className: styles.tabs,
+          activeKey: mode,
+          items: options
+          // @ts-ignore
+          ,
+          onChange: setMode,
+          type: "segmented"
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      ref: demoContainer,
+      className: styles.demoContainer,
+      style: mode === 'preview' ? {
+        display: 'block'
+      } : {},
+      children: props.iframe ? /*#__PURE__*/_jsx("iframe", {
+        className: styles.iframe,
+        style: ['string', 'number'].includes(_typeof(props.iframe)) ? {
+          height: Number(props.iframe)
+        } : {},
+        src: demoUrl
+      }) : /*#__PURE__*/_jsx("div", {
+        style: {
+          height: height === 'auto' ? 'auto' : Number(height)
+        },
+        className: cx(styles.liveDemoNode, _defineProperty(_defineProperty({}, styles.center, center), styles.compact, compact)),
+        children: liveDemoNode || props.children
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.codeContainer,
+      style: mode === 'code' ? {
+        display: 'block'
+      } : {},
+      children: /*#__PURE__*/_jsx(PreviewerActions, _objectSpread(_objectSpread({}, props), {}, {
+        onSourceChange: setLiveDemoSource,
+        demoContainer: props.iframe ? (_demoContainer$curren = demoContainer.current) === null || _demoContainer$curren === void 0 ? void 0 : _demoContainer$curren.firstElementChild : demoContainer.current
+      }))
+    })]
+  });
+}
+var useStyles = createStyles(function (_ref) {
+  var token = _ref.token,
+    css = _ref.css;
+  return {
+    container: {
+      margin: '32px 0'
+    },
+    header: {
+      display: 'flex',
+      alignItems: 'center',
+      height: 40,
+      marginBottom: 8,
+      gap: 8
+    },
+    title: {
+      flex: 1,
+      fontSize: 14,
+      fontWeight: 500,
+      color: token.colorText,
+      margin: 0
+    },
+    action: {},
+    actionSelected: {
+      fontWeight: 'bold'
+    },
+    demoContainer: {
+      display: 'none',
+      border: "1px solid ".concat(token.colorBorderSecondary),
+      borderRadius: 8,
+      backgroundColor: token.colorBgBase,
+      overflow: 'auto'
+    },
+    liveDemoNode: {
+      padding: 32,
+      overflow: 'auto'
+    },
+    center: {
+      display: 'flex',
+      alignItems: 'safe center',
+      justifyContent: 'safe center'
+    },
+    compact: {
+      padding: 0
+    },
+    codeContainer: {
+      display: 'none',
+      border: "1px solid ".concat(token.colorBorderSecondary),
+      borderRadius: 8,
+      backgroundColor: token.colorBgBase
+    },
+    iframe: {
+      display: 'block',
+      width: '100%',
+      border: 0
+    },
+    tabs: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .sps-segmented {\n      margin: 0\n    }\n  "])))
+  };
+});

package/dist/layouts/DocLayout/Footer/index.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+declare const ContentFooter: FC;
+export default ContentFooter;