@agentscope-ai/dumi-theme-spark 0.0.98 → 0.0.100

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

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

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

@@ -1 +1,2 @@
-export default function DemoTitle(props: any): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export default function DemoTitle(props: any): JSX.Element;

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

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

package/dist/builtins/Previewer/index.js

@@ -18,6 +18,7 @@ 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 { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function (props) {
   var _demoContainer$curren;
@@ -71,25 +72,27 @@ export default function (props) {
         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"
-        })
+      }), !props.noaction && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__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,

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import './index.less';
-export default function Nav(): import("react/jsx-runtime").JSX.Element;
+export default function Nav(): JSX.Element;

package/dist/layouts/GlobalLayout/Scroll.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren } from "react";
-declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-export default _default;
+import React, { PropsWithChildren } from "react";
+type ScrollProps = React.HTMLAttributes<HTMLDivElement>;
+declare const Scroll: React.ForwardRefExoticComponent<ScrollProps & React.RefAttributes<HTMLDivElement>>;
+export default Scroll;
 export declare function ScrollGradient(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/layouts/GlobalLayout/Scroll.js

@@ -11,9 +11,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { createStyles, cx } from "antd-style";
-import { forwardRef, useState } from "react";
+import React, { forwardRef, useState } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default /*#__PURE__*/forwardRef(function (props, ref) {
+var Scroll = /*#__PURE__*/forwardRef(function Scroll(props, ref) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHover = _useState2[0],
@@ -30,6 +30,7 @@ export default /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }));
 });
+export default Scroll;
 export function ScrollGradient(props) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;

package/dist/layouts/GlobalLayout/ThemeConfig.js

@@ -10,14 +10,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { FloatButton, Flex } from "antd";
+import { FloatButton, Input, Flex } from "antd";
 import { useState } from "react";
 import { Drawer, Select, IconButton, message } from '@agentscope-ai/design';
 import { EditOutlined } from "@agentscope-ai/icons-override-antd";
 import { useIntl } from "dumi";
 import useTheme from "./useTheme";
 import { ColorPicker } from 'antd';
-import { SparkClearLine, SparkCopyLine, SparkMoonLine, SparkSunLine } from "@agentscope-ai/icons";
+import { SparkClearLine, SparkCopyLine, SparkFileCodeLine, SparkMoonLine, SparkSunLine } from "@agentscope-ai/icons";
 import copy from "copy-to-clipboard";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -32,6 +32,14 @@ export default function () {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    jsonMode = _useState4[0],
+    setJsonMode = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    json = _useState6[0],
+    setJson = _useState6[1];
   var intl = useIntl();
   if (parent !== window) return null;
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -74,6 +82,12 @@ export default function () {
             }));
           },
           icon: theme.darkMode ? /*#__PURE__*/_jsx(SparkMoonLine, {}) : /*#__PURE__*/_jsx(SparkSunLine, {})
+        }), /*#__PURE__*/_jsx(IconButton, {
+          type: jsonMode ? 'primary' : 'default',
+          onClick: function onClick() {
+            setJsonMode(!jsonMode);
+          },
+          icon: /*#__PURE__*/_jsx(SparkFileCodeLine, {})
         }), /*#__PURE__*/_jsx("div", {
           style: {
             flex: 1
@@ -97,7 +111,7 @@ export default function () {
             }));
           }
         })]
-      }), /*#__PURE__*/_jsx("div", {
+      }), !jsonMode && /*#__PURE__*/_jsx("div", {
         style: {
           marginTop: 16,
           display: 'flex',
@@ -128,6 +142,29 @@ export default function () {
             })]
           }, key);
         })
+      }), jsonMode && /*#__PURE__*/_jsx("div", {
+        style: {
+          marginTop: 16
+        },
+        children: /*#__PURE__*/_jsx(Input.TextArea, {
+          value: json,
+          autoSize: {
+            minRows: 10
+          },
+          onChange: function onChange(e) {
+            setJson(e.target.value);
+            try {
+              var _json = JSON.parse(e.target.value);
+              setTheme(_objectSpread(_objectSpread({}, theme), {}, {
+                customToken: _json
+              }));
+            } catch (error) {
+              message.error(intl.formatMessage({
+                id: 'jsonInvalid'
+              }));
+            }
+          }
+        })
       })]
     })]
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/dumi-theme-spark",
-  "version": "0.0.98",
+  "version": "0.0.100",
   "description": "A spark site theme package for dumi",
   "keywords": [
     "dumi",
@@ -46,6 +46,7 @@
   "dependencies": {
     "@agentscope-ai/icons": "^1.0.1",
     "@agentscope-ai/icons-override-antd": "^6.0.0",
+    "@agentscope-ai/icons-svg-override-antd": "^4.4.2",
     "@alibot/dumi-plugin-api-parser": "1.0.3",
     "@fingerprintjs/fingerprintjs": "^4.6.2",
     "@makotot/ghostui": "^2.0.0",
@@ -58,9 +59,11 @@
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@agentscope-ai/design": "^1",
+    "@agentscope-ai/design": "^1.0.20",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@types/lodash-es": "^4.17.12",
     "@umijs/lint": "^4.0.0",
     "antd": "^5.26.6",