@ant-design/agentic-ui 2.0.26 → 2.0.28

package/dist/Bubble/type.d.ts

@@ -2,10 +2,10 @@ import { TooltipProps } from 'antd';
 import { ReactNode } from 'react';
 import { MarkdownEditorProps } from '../MarkdownEditor/types';
 import { AttachmentFile } from '../MarkdownInputField/AttachmentButton/types';
+import { BaseStyleProps, BubbleMetaData, MessageBubbleData, MultiClassNameProps, MultiStyleProps, WithFalse } from '../Types';
 import type { UseSpeechAdapter } from './MessagesContent/VoiceButton';
 import { BubbleExtraProps } from './types/BubbleExtra';
 import { DocInfoListProps } from './types/DocInfo';
-import { BaseStyleProps, WithFalse, MessageBubbleData, BubbleMetaData, MultiStyleProps, MultiClassNameProps } from '../Types';
 /**
  * 基础样式属性
  * @deprecated 请使用 BaseStyleProps from '../Types'

package/dist/Bubble/types/BubbleExtra.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithFalse, MessageBubbleData } from '../../Types';
+import { MessageBubbleData, WithFalse } from '../../Types';
 export interface SimpleBubbleProps<T = Record<string, any>> {
     originData?: T & MessageBubbleData;
     [key: string]: any;

package/dist/MarkdownEditor/editor/style.js

@@ -35,6 +35,7 @@ var blinkCaret = new Keyframes("blink-caret", {
   to: { borderColor: "transparent" },
   "50%": { borderColor: "var(--color-primary-control-fill-primary)" }
 });
+var COMMENT_HIGHLIGHT_COLOR = "var(--agentic-comment-highlight-color, rgba(21, 0, 255, 0.15))";
 var genStyle = (token) => {
   return {
     // 拖拽手柄样式
@@ -412,11 +413,11 @@ var genStyle = (token) => {
       },
       "& &-comment-comment": {
         display: "inline-block",
-        background: "linear-gradient(transparent 65%, rgba(21, 0, 255, 0.15))",
+        background: `linear-gradient(transparent 65%, ${COMMENT_HIGHLIGHT_COLOR})`,
         cursor: "pointer"
       },
       "& &-comment-highlight": {
-        backgroundColor: "rgba(21, 0, 255, 0.15)",
+        backgroundColor: COMMENT_HIGHLIGHT_COLOR,
         borderBottom: 0,
         cursor: "pointer"
       },

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -199,9 +199,7 @@ var BUTTON_TITLE_STYLE = {
   color: "var(--color-gray-text-default)"
 };
 var ButtonContent = ({ title }) => {
-  if (!title)
-    return /* @__PURE__ */ React.createElement(Paperclip, null);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paperclip, null), /* @__PURE__ */ React.createElement("div", { style: BUTTON_TITLE_STYLE }, title));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paperclip, null), title !== null && /* @__PURE__ */ React.createElement("div", { style: BUTTON_TITLE_STYLE }, title));
 };
 var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render }) => {
   const context = useContext(ConfigProvider.ConfigContext);
@@ -213,10 +211,11 @@ var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render
       return;
     uploadImage == null ? void 0 : uploadImage();
   };
+  const buttonWithStyle = /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(ButtonContent, { title }));
   const wrapper = render ? render({
-    children: /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(ButtonContent, { title })),
+    children: buttonWithStyle,
     supportedFormat: format
-  }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(ButtonContent, { title })));
+  }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, buttonWithStyle);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",

package/dist/Plugins/chart/AreaChart/index.js

@@ -30,6 +30,7 @@ import {
   PointElement,
   Tooltip
 } from "chart.js";
+import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Line } from "react-chartjs-2";
 import {
@@ -44,6 +45,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(
   CategoryScale,
   LinearScale,
@@ -111,6 +113,7 @@ var AreaChart = ({
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("area-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -321,66 +324,74 @@ var AreaChart = ({
   const handleDownload = () => {
     downloadChart(chartRef.current, "area-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant,
-      style: {
-        width: responsiveWidth,
-        height: responsiveHeight
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { marginTop: "20px", height: responsiveHeight }
+        isMobile,
+        variant,
+        style: {
+          width: responsiveWidth,
+          height: responsiveHeight
+        }
       },
-      /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      /* @__PURE__ */ React.createElement(
+        ChartToolBar,
+        {
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
+        }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { marginTop: "20px", height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      )
     )
   );
 };

package/dist/Plugins/chart/BarChart/index.js

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/Plugins/chart/BarChart/index.tsx
 import { ConfigProvider } from "antd";
+import classNames from "classnames";
 import {
   BarElement,
   CategoryScale,
@@ -43,6 +44,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
 var hexToRgba = (hex, alpha) => {
   const sanitized = hex.replace("#", "");
@@ -109,6 +111,7 @@ var BarChart = ({
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("bar-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -621,73 +624,81 @@ var BarChart = ({
   const handleDownload = () => {
     downloadChart(chartRef.current, "bar-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant,
-      style: {
-        width: responsiveWidth,
-        height: responsiveHeight
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { marginTop: "20px", height: responsiveHeight }
+        isMobile,
+        variant,
+        style: {
+          width: responsiveWidth,
+          height: responsiveHeight
+        }
       },
       /* @__PURE__ */ React.createElement(
-        Bar,
+        ChartToolBar,
         {
-          ref: chartRef,
-          data: processedData,
-          options,
-          plugins: [ChartDataLabels]
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
         }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { marginTop: "20px", height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(
+          Bar,
+          {
+            ref: chartRef,
+            data: processedData,
+            options,
+            plugins: [ChartDataLabels]
+          }
+        )
       )
     )
   );

package/dist/TaskList/index.js

@@ -6,9 +6,9 @@ import { useMergedState } from "rc-util";
 import React, { memo, useCallback, useContext } from "react";
 import { ActionIconBox } from "../Components/ActionIconBox";
 import { I18nContext } from "../I18n";
-import { LoadingLottie } from "./LoadingLottie";
+import { Loading } from "../Components/Loading";
 import { useStyle } from "./style";
-var LOTTIE_SIZE = 16;
+var LOADING_SIZE = 16;
 var buildClassName = (...args) => classNames(...args);
 var hasTaskContent = (content) => {
   if (Array.isArray(content)) {
@@ -22,7 +22,7 @@ var getArrowRotation = (collapsed) => ({
 var StatusIcon = ({ status, prefixCls, hashId }) => {
   const statusMap = {
     success: /* @__PURE__ */ React.createElement(SuccessFill, null),
-    loading: /* @__PURE__ */ React.createElement(LoadingLottie, { size: LOTTIE_SIZE }),
+    loading: /* @__PURE__ */ React.createElement(Loading, { size: LOADING_SIZE }),
     pending: /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-status-idle`, hashId) }, /* @__PURE__ */ React.createElement(CircleDashed, null)),
     error: /* @__PURE__ */ React.createElement(X, null)
   };

package/dist/Workspace/Task/index.js

@@ -1,5 +1,5 @@
 // src/Workspace/Task/index.tsx
-import LoadingLottie from "../../TaskList/LoadingLottie";
+import { Loading } from "../../Components/Loading";
 import { Check, CircleDashed, OctagonX } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
@@ -12,7 +12,7 @@ var StatusIcon = ({ status }) => {
     case "error":
       return /* @__PURE__ */ React.createElement(OctagonX, { style: { color: "var(--color-red-control-fill-primary)" } });
     case "loading":
-      return /* @__PURE__ */ React.createElement(LoadingLottie, { style: { color: "var(--color-gray-text-disabled)" } });
+      return /* @__PURE__ */ React.createElement(Loading, { style: { color: "var(--color-gray-text-disabled)" } });
     case "pending":
     default:
       return /* @__PURE__ */ React.createElement(CircleDashed, { style: { color: "var(--color-gray-text-disabled)" } });

package/dist/index.d.ts

@@ -57,7 +57,7 @@ export { default as Quote } from './Quote';
 export * from './Plugins/chart';
 export * from './Plugins/mermaid';
 export * from './MarkdownEditor/types';
-export type { BubbleClassNames, BubbleItemStyleProps, BubbleRenderConfig, BubbleStyles, BubbleStyleProps, CustomConfig, WithFalse, } from './Bubble/type';
+export type { BubbleClassNames, BubbleItemStyleProps, BubbleRenderConfig, BubbleStyleProps, BubbleStyles, CustomConfig, WithFalse, } from './Bubble/type';
 export type { CustomConfig as BubbleCustomConfig } from './Bubble/type';
 export * from './Bubble/types/DocInfo';
 export * from './ThoughtChainList/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.26",
+  "version": "2.0.28",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",

package/dist/TaskList/LoadingLottie/index.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-export interface LottieVoiceProps {
-    /**
-     * 是否自动播放动画
-     */
-    autoplay?: boolean;
-    /**
-     * 是否循环播放动画
-     */
-    loop?: boolean;
-    /**
-     * 动画容器类名
-     */
-    className?: string;
-    /**
-     * 动画容器样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 动画尺寸
-     */
-    size?: number;
-}
-/**
- * LoadingLottie 组件 - Lottie加载动画组件
- *
- * 该组件使用Lottie动画库提供流畅的加载动画效果，支持自定义尺寸、播放控制等。
- * 提供更好的用户体验，替代传统的CSS加载动画。
- *
- * @component
- * @description Lottie加载动画组件，提供流畅的加载动画效果
- * @param {LottieVoiceProps} props - 组件属性
- * @param {boolean} [props.autoplay=true] - 是否自动播放动画
- * @param {boolean} [props.loop=true] - 是否循环播放动画
- * @param {string} [props.className] - 动画容器类名
- * @param {React.CSSProperties} [props.style] - 动画容器样式
- * @param {number} [props.size=32] - 动画尺寸
- *
- * @example
- * ```tsx
- * <LoadingLottie
- *   autoplay={true}
- *   loop={true}
- *   size={48}
- *   className="custom-loading"
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的Lottie加载动画组件
- *
- * @remarks
- * - 使用Lottie动画库
- * - 提供流畅的动画效果
- * - 支持自定义尺寸
- * - 支持播放控制
- * - 支持自定义样式
- * - 提供默认的加载动画
- */
-export declare const LoadingLottie: React.FC<LottieVoiceProps>;
-export default LoadingLottie;

package/dist/TaskList/LoadingLottie/index.js

@@ -1,39 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
-// src/TaskList/LoadingLottie/index.tsx
-import Lottie from "lottie-react";
-import React from "react";
-import loadingLottie from "./loading.json";
-var LoadingLottie = ({
-  autoplay = true,
-  loop = true,
-  className,
-  style,
-  size = 32
-}) => {
-  const containerStyle = __spreadValues({
-    width: size,
-    height: size
-  }, style);
-  return /* @__PURE__ */ React.createElement("div", { style: containerStyle, className }, /* @__PURE__ */ React.createElement(Lottie, { animationData: loadingLottie, loop, autoplay }));
-};
-var LoadingLottie_default = LoadingLottie;
-export {
-  LoadingLottie,
-  LoadingLottie_default as default
-};

package/dist/TaskList/LoadingLottie/loading.json

@@ -1,483 +0,0 @@
-{
-  "v": "5.12.2",
-  "fr": 25,
-  "ip": 0,
-  "op": 70,
-  "w": 300,
-  "h": 300,
-  "nm": "loading 2",
-  "ddd": 0,
-  "assets": [],
-  "layers": [
-    {
-      "ddd": 0,
-      "ind": 1,
-      "ty": 4,
-      "nm": "loading",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.667], "y": [1] },
-              "o": { "x": [0.167], "y": [0] },
-              "t": 0,
-              "s": [45]
-            },
-            {
-              "i": { "x": [0.667], "y": [1] },
-              "o": { "x": [0.333], "y": [0] },
-              "t": 15,
-              "s": [45]
-            },
-            {
-              "i": { "x": [0.833], "y": [1] },
-              "o": { "x": [0.333], "y": [0] },
-              "t": 35,
-              "s": [405]
-            },
-            {
-              "i": { "x": [0.833], "y": [1] },
-              "o": { "x": [0.167], "y": [0] },
-              "t": 50,
-              "s": [405]
-            },
-            { "t": 70, "s": [765] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [150, 150, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 0,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 10,
-              "s": [110, 110, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 15,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 25,
-              "s": [80, 80, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 35,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 45,
-              "s": [110, 110, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 50,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [1, 1, 1] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0, 0, 0] },
-              "t": 60,
-              "s": [80, 80, 100]
-            },
-            { "t": 70, "s": [90, 90, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "sy": [
-        {
-          "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 5 },
-          "o": { "a": 0, "k": 50, "ix": 2 },
-          "s": { "a": 0, "k": 15, "ix": 11 },
-          "r": { "a": 0, "k": 50, "ix": 12 },
-          "sr": { "a": 0, "k": 1, "ix": 9 },
-          "ch": { "a": 0, "k": 0, "ix": 10 },
-          "bm": { "a": 0, "k": 11, "ix": 1 },
-          "no": { "a": 0, "k": 0, "ix": 3 },
-          "j": { "a": 0, "k": 0, "ix": 13 },
-          "ty": 4,
-          "nm": "内发光"
-        }
-      ],
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0],
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0],
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0]
-                        ],
-                        "v": [
-                          [100, -60],
-                          [100, 60],
-                          [60, 100],
-                          [-60, 100],
-                          [-100, 60],
-                          [-100, -60],
-                          [-60, -100],
-                          [60, -100]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 15,
-                    "s": [
-                      {
-                        "i": [
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0],
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0],
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0]
-                        ],
-                        "v": [
-                          [100, -60],
-                          [100, 60],
-                          [60, 100],
-                          [-60, 100],
-                          [-100, 60],
-                          [-100, -60],
-                          [-60, -100],
-                          [60, -100]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 35,
-                    "s": [
-                      {
-                        "i": [
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906],
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906]
-                        ],
-                        "o": [
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906],
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906]
-                        ],
-                        "v": [
-                          [0, -110],
-                          [77.782, -77.782],
-                          [110, 0],
-                          [77.782, 77.782],
-                          [0, 110],
-                          [-77.782, 77.782],
-                          [-110, 0],
-                          [-77.782, -77.782]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 50,
-                    "s": [
-                      {
-                        "i": [
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906],
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906]
-                        ],
-                        "o": [
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906],
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906]
-                        ],
-                        "v": [
-                          [0, -110],
-                          [77.782, -77.782],
-                          [110, 0],
-                          [77.782, 77.782],
-                          [0, 110],
-                          [-77.782, 77.782],
-                          [-110, 0],
-                          [-77.782, -77.782]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "t": 70,
-                    "s": [
-                      {
-                        "i": [
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0],
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0],
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0]
-                        ],
-                        "v": [
-                          [100, -60],
-                          [100, 60],
-                          [60, 100],
-                          [-60, 100],
-                          [-100, 60],
-                          [-100, -60],
-                          [-60, -100],
-                          [60, -100]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "路径 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 0, "ix": 5 },
-              "lc": 1,
-              "lj": 1,
-              "ml": 4,
-              "bm": 0,
-              "nm": "描边 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "gf",
-              "o": { "a": 0, "k": 100, "ix": 10 },
-              "r": 1,
-              "bm": 0,
-              "g": {
-                "p": 5,
-                "k": {
-                  "a": 1,
-                  "k": [
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 0,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 10,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 15,
-                      "s": [
-                        0, 0.296, 0.388, 1, 0.377, 0.614, 0.665, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 35,
-                      "s": [
-                        0, 0.296, 0.388, 1, 0.377, 0.614, 0.665, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 45,
-                      "s": [
-                        0, 0.296, 0.388, 1, 0.377, 0.614, 0.665, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 50,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "t": 55,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    }
-                  ],
-                  "ix": 9
-                }
-              },
-              "s": { "a": 0, "k": [-95.176, -7.154], "ix": 5 },
-              "e": { "a": 0, "k": [169.105, 83.696], "ix": 6 },
-              "t": 2,
-              "h": { "a": 0, "k": 0, "ix": 7 },
-              "a": { "a": 0, "k": 0, "ix": 8 },
-              "nm": "Gradient Fill 1",
-              "mn": "ADBE Vector Graphic - G-Fill",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [0, 0], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "变换"
-            }
-          ],
-          "nm": "矩形 2",
-          "np": 3,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 125,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    }
-  ],
-  "markers": [],
-  "props": {}
-}