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

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.99",
   "description": "A spark site theme package for dumi",
   "keywords": [
     "dumi",
@@ -58,7 +58,7 @@
     "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/lodash-es": "^4.17.12",