@antv/dumi-theme-antv 0.8.0-beta.1 → 0.8.0-beta.11

package/dist/slots/Header/index.module.less

@@ -65,7 +65,7 @@
     .container {
       max-width: 100%;
       padding: 0 20px;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      border-bottom: 1px solid rgba(0, 0, 0, 10%);
     }
 
     .nav {
@@ -87,7 +87,7 @@
 
             &:hover {
               background: #fff;
-              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 10%);
             }
           }
         }
@@ -174,11 +174,11 @@
       font-size: 18px;
 
       a {
-        color: rgba(0, 0, 0, 0.85);
+        color: rgba(0, 0, 0, 85%);
         transition: all 0.3s;
 
         &:hover {
-          color: rgba(0, 0, 0, 1);
+          color: rgba(0, 0, 0, 100%);
         }
       }
     }
@@ -400,7 +400,7 @@
 }
 
 .remindHref {
-  margin: 0px 6px 0px 5px;
+  margin: 0 6px 0 5px;
 }
 
 .modalContent {
@@ -460,3 +460,11 @@
     }
   }
 }
+
+.userIcon {
+  font-size: 16px;
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.2em;
+  fill: currentColor;
+}

package/dist/slots/LiveExample/index.module.less

@@ -54,7 +54,7 @@
     display: block;
     color: #fb1716;
     padding: 0.25rem 0;
-    border-left: 3px solid #ff0000;
+    border-left: 3px solid #f00;
     padding-left: 12px;
   }
 }

package/dist/slots/Loading/index.module.less

@@ -15,8 +15,10 @@
       top: 50%;
       margin: -50px 0 0 -120px;
     }
+
     .loader {
       --duration: 3s;
+
       width: 44px;
       height: 44px;
       position: relative;
@@ -24,7 +26,7 @@
       margin: 0 16px;
     }
 
-    .loader:before {
+    .loader::before {
       content: ' ';
       width: 6px;
       height: 6px;
@@ -34,9 +36,9 @@
       background: #ff700a;
       top: 37px;
       left: 19px;
-      -webkit-transform: translate(-18px, -18px);
       transform: translate(-18px, -18px);
-      -webkit-animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      transform: translate(-18px, -18px);
+      animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -58,21 +60,21 @@
     .loader svg polygon {
       stroke-dasharray: 145 76 145 76;
       stroke-dashoffset: 0;
-      -webkit-animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
     .loader svg rect {
       stroke-dasharray: 192 64 192 64;
       stroke-dashoffset: 0;
-      -webkit-animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
     .loader svg circle {
       stroke-dasharray: 150 50 150 50;
       stroke-dashoffset: 75;
-      -webkit-animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -80,11 +82,11 @@
       width: 48px;
     }
 
-    .loader.triangle:before {
+    .loader.triangle::before {
       left: 21px;
-      -webkit-transform: translate(-10px, -18px);
       transform: translate(-10px, -18px);
-      -webkit-animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      transform: translate(-10px, -18px);
+      animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -99,7 +101,7 @@
   }
 }
 
-@-webkit-keyframes ~":global(pathTriangle)" {
+@keyframes ~":global(pathTriangle)" {
   33% {
     stroke-dashoffset: 74;
   }
@@ -127,41 +129,41 @@
   }
 }
 
-@-webkit-keyframes ~":global(dotTriangle)" {
+@keyframes ~":global(dotTriangle)" {
   33% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   66% {
-    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
     transform: translate(10px, -18px);
   }
 
   100% {
-    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
     transform: translate(-10px, -18px);
   }
 }
 
 @keyframes ~":global(dotTriangle)" {
   33% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   66% {
-    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
     transform: translate(10px, -18px);
   }
 
   100% {
-    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
     transform: translate(-10px, -18px);
   }
 }
 
-@-webkit-keyframes ~":global(pathRect)" {
+@keyframes ~":global(pathRect)" {
   25% {
     stroke-dashoffset: 64;
   }
@@ -197,51 +199,51 @@
   }
 }
 
-@-webkit-keyframes ~":global(dotRect)" {
+@keyframes ~":global(dotRect)" {
   25% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   50% {
-    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
     transform: translate(18px, -18px);
   }
 
   75% {
-    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
     transform: translate(0, -36px);
   }
 
   100% {
-    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
     transform: translate(-18px, -18px);
   }
 }
 
 @keyframes ~":global(dotRect)" {
   25% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   50% {
-    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
     transform: translate(18px, -18px);
   }
 
   75% {
-    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
     transform: translate(0, -36px);
   }
 
   100% {
-    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
     transform: translate(-18px, -18px);
   }
 }
 
-@-webkit-keyframes ~":global(pathCircle)" {
+@keyframes ~":global(pathCircle)" {
   25% {
     stroke-dashoffset: 125;
   }

package/dist/slots/ManualContent/index.module.less

@@ -87,7 +87,7 @@
   }
 
   pre[class*='language-'] {
-    background-color: rgba(0, 0, 0, 0.03);
+    background-color: rgba(0, 0, 0, 3%);
     width: 100%;
   }
 
@@ -95,7 +95,7 @@
     padding: 0.2em 0.4em;
     margin: 0;
     font-size: 85%;
-    background-color: rgba(175, 184, 193, 0.2);
+    background-color: rgba(175, 184, 193, 20%);
     border-radius: 6px;
   }
 
@@ -174,7 +174,7 @@
   table th {
     color: #5c6b77;
     font-weight: 500;
-    background: rgba(0, 0, 0, 0.02);
+    background: rgba(0, 0, 0, 2%);
   }
 
   table th,
@@ -193,7 +193,7 @@
     width: 20%;
     font-weight: 500;
     background: #fcfcfc;
-    color: rgba(0, 0, 0, 0.85);
+    color: rgba(0, 0, 0, 85%);
   }
 
   blockquote {
@@ -256,7 +256,6 @@
   background: #fff;
   max-height: 100vh;
   overflow: auto;
-
   position: sticky;
   top: 0;
 
@@ -281,8 +280,8 @@
   margin-bottom: 20px;
   font-weight: 500;
   font-size: 30px;
-  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
-    Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   line-height: 38px;
 }
 
@@ -358,7 +357,7 @@
     justify-content: center;
     align-items: center;
     background: #fff;
-    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
+    box-shadow: 2px 0 8px rgba(0, 0, 0, 15%);
     border-radius: 0 4px 4px 0;
   }
 }
@@ -428,7 +427,7 @@
       &:hover > div {
         transform: translateY(-4px);
         border-color: transparent;
-        box-shadow: 0 6px 16px rgba(107, 147, 224, 0.14);
+        box-shadow: 0 6px 16px rgba(107, 147, 224, 14%);
       }
 
       h4 {
@@ -482,7 +481,7 @@
   :global {
     .SplitPane {
       overflow: auto;
-      left: 0px;
+      left: 0;
       height: calc(100vh - 64px) !important;
     }
 
@@ -623,10 +622,9 @@
 }
 
 .backTop {
-  transition: color 0.3s;
   color: #868484;
   background-color: #fff;
-  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 12%), 0 6px 16px 0 rgba(0, 0, 0, 8%), 0 9px 28px 8px rgba(0, 0, 0, 5%);
   transition: color 0.3s;
   width: 44px;
   height: 44px;
@@ -667,7 +665,7 @@
   justify-content: center;
   align-items: center;
   background: #fff;
-  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 15%);
   border-radius: 0 4px 4px 0;
 }
 
@@ -677,9 +675,8 @@
 
 .readtime {
   color: #0d1a26;
-  line-height: 1.5715;
   list-style: none;
-  -webkit-font-feature-settings: 'tnum';
+  font-feature-settings: 'tnum';
   font-feature-settings: 'tnum';
   display: inline-block;
   height: auto;
@@ -694,6 +691,6 @@
   opacity: 1;
   transition: all 0.3s;
   background-color: #fff;
-  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
-    Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }

package/dist/slots/_.less

@@ -95,30 +95,30 @@ h6 {
       width: 100%;
       height: 11px;
       margin: -5px 0;
-      border-top: 5px solid rgba(255, 255, 255, 0);
-      border-bottom: 5px solid rgba(255, 255, 255, 0);
+      border-top: 5px solid rgba(255, 255, 255, 0%);
+      border-bottom: 5px solid rgba(255, 255, 255, 0%);
       cursor: row-resize;
 
       &:hover {
-        border-top: 5px solid rgba(0, 0, 0, 0.5);
-        border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+        border-top: 5px solid rgba(0, 0, 0, 50%);
+        border-bottom: 5px solid rgba(0, 0, 0, 50%);
       }
     }
 
     &.vertical {
       width: 11px;
       margin: 0 -5px;
-      border-right: 5px solid rgba(255, 255, 255, 0);
-      border-left: 5px solid rgba(255, 255, 255, 0);
+      border-right: 5px solid rgba(255, 255, 255, 0%);
+      border-left: 5px solid rgba(255, 255, 255, 0%);
       cursor: col-resize;
 
-      Pane2 {
+      pane2 {
         border-left: 1px solid #e6e6e6;
       }
 
       &:hover {
-        border-right: 5px solid rgba(0, 0, 0, 0.5);
-        border-left: 5px solid rgba(0, 0, 0, 0.5);
+        border-right: 5px solid rgba(0, 0, 0, 50%);
+        border-left: 5px solid rgba(0, 0, 0, 50%);
       }
     }
 

package/dist/static/user.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 160c70.4 0 128 57.6 128 128s-57.6 128-128 128-128-57.6-128-128 57.6-128 128-128z m236.8 507.733333c-23.466667 32-117.333333 100.266667-236.8 100.266667s-213.333333-68.266667-236.8-100.266667c-8.533333-10.666667-10.666667-21.333333-8.533333-32 29.866667-110.933333 130.133333-187.733333 245.333333-187.733333s215.466667 76.8 245.333333 187.733333c2.133333 10.666667 0 21.333333-8.533333 32z" fill="currentColor"></path>
+</svg>

package/dist/utils/env.js

@@ -8,4 +8,41 @@ export var isBrowser = function isBrowser() {
 export var safeWindow = function safeWindow(fn) {
   if (isBrowser()) return fn(window);
   return undefined;
+};
+
+/**
+ * 根据当前环境动态获取 API 的 baseURL。
+ * 在浏览器中，它会根据域名判断；在服务端，它会返回一个固定的生产环境地址。
+ * @returns {string} API 的 baseURL
+ */
+export var getBaseURL = function getBaseURL() {
+  // 关键：检查是否在浏览器环境
+  if (typeof window === 'undefined') {
+    // === 服务端环境 (SSR/Pre-render) ===
+    // 在服务端渲染时，我们无法知道用户最终会通过哪个域名访问。
+    // 通常，我们默认返回生产环境的 API 地址。
+    // 这样预渲染出的页面如果需要请求数据，会直接请求线上API。
+    return 'https://www.weavefox.cn';
+  }
+
+  // === 浏览器环境 ===
+  var hostname = window.location.hostname;
+
+  // 生产环境
+  if (hostname.endsWith('antv.antgroup.com')) {
+    return 'https://www.weavefox.cn';
+  }
+
+  // 预发环境
+  if (hostname.endsWith('-pre.alipay.com')) {
+    return 'https://prepub.weavefox.cn';
+  }
+
+  // 本地环境
+  if (hostname.endsWith('.alipay.net')) {
+    return 'https://weavefox.alipay.net:8443';
+  }
+
+  // 默认返回生产环境地址，适用于其他未知域名（如 localhost）
+  return 'https://www.weavefox.cn';
 };

package/dist/utils/index.js

@@ -0,0 +1,7 @@
+export function isUUID(str) {
+  if (typeof str !== 'string') {
+    return false;
+  }
+  var regex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+  return regex.test(str);
+}

package/dist/utils/request.js

@@ -0,0 +1,42 @@
+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); }
+import axios from 'axios';
+import { getBaseURL } from "./env";
+var req = axios.create({
+  baseURL: getBaseURL(),
+  timeout: 60000,
+  withCredentials: true
+});
+
+// 响应拦截器
+req.interceptors.response.use(
+// @ts-ignore - Temporarily ignore type mismatch if it occurs with custom ApiResponse
+function (response) {
+  return response.data;
+});
+
+/**
+ * 封装通用请求方法
+ * @template T - 期望的响应数据类型 (后端返回的 data 字段)
+ */
+var request = {
+  get: function get(url, params, config) {
+    return req.get(url, _objectSpread({
+      params: params
+    }, config));
+  },
+  post: function post(url, data, config) {
+    return req.post(url, data, config);
+  },
+  put: function put(url, data, config) {
+    return req.put(url, data, config);
+  },
+  delete: function _delete(url, config) {
+    return req.delete(url, config);
+  }
+};
+export default request;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.1",
+  "version": "0.8.0-beta.11",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",
@@ -54,13 +54,14 @@
     ]
   },
   "dependencies": {
+    "@ai-sdk/openai": "^2.0.59",
+    "@ai-sdk/react": "^2.0.86",
     "@ant-design/cssinjs": "^1.23.0",
     "@ant-design/icons": "^4.8.3",
     "@ant-design/pro-components": "^2.8.7",
     "@ant-design/x": "^1.6.1",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
     "@babel/standalone": "^7.26.2",
-    "@codesandbox/sandpack-react": "^2.20.0",
     "@docsearch/css": "^3.8.0",
     "@docsearch/react": "^3.8.0",
     "@emotion/server": "^11.11.0",
@@ -70,8 +71,10 @@
     "@stackblitz/sdk": "^1.11.0",
     "@tanstack/react-query": "^5.90.2",
     "ahooks": "^3.9.5",
+    "ai": "^5.0.86",
     "antd": "^5.24.5",
     "antd-style": "^3.7.1",
+    "axios": "^1.13.2",
     "babel-loader": "^10.0.0",
     "babel-plugin-import": "^1.13.8",
     "chalk": "^4.1.2",
@@ -124,7 +127,8 @@
     "uri-parse": "^1.0.0",
     "valtio": "^1.13.2",
     "video-react": "^0.16.0",
-    "xmlbuilder": "^15.1.1"
+    "xmlbuilder": "^15.1.1",
+    "zod": "^3.25.76"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.8.1",