@ant-design/agentic-ui 2.0.14 → 2.0.16

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

@@ -41,7 +41,7 @@ import {
   Tooltip
 } from "chart.js";
 import classNames from "classnames";
-import React, { useContext, useEffect, useRef, useState } from "react";
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Scatter } from "react-chartjs-2";
 import ChartStatistic from "../ChartStatistic";
 import {
@@ -50,28 +50,14 @@ import {
   ChartToolBar,
   downloadChart
 } from "../components";
-import {
-  useChartStatistic
-} from "../hooks/useChartStatistic";
+import { defaultColorList } from "../const";
 import { useStyle } from "./style";
 ChartJS.register(LinearScale, PointElement, LineElement, Tooltip, Legend);
-var defaultColors = [
-  { backgroundColor: "#917EF7", borderColor: "#917EF7" },
-  // 第一个颜色：紫色
-  { backgroundColor: "#2AD8FC", borderColor: "#2AD8FC" },
-  // 第二个颜色：蓝色
-  { backgroundColor: "rgba(42, 216, 252, 0.6)", borderColor: "#2AD8FC" },
-  // 第三个颜色：青色
-  { backgroundColor: "rgba(244, 91, 181, 0.6)", borderColor: "#F45BB5" },
-  // 粉色
-  { backgroundColor: "rgba(0, 166, 255, 0.6)", borderColor: "#00A6FF" }
-  // 天蓝色
-];
 var ScatterChart = (_a) => {
   var _b = _a, {
     data,
-    width = 800,
-    height = 600,
+    width = 600,
+    height = 400,
     className,
     title,
     toolbarExtra,
@@ -79,13 +65,15 @@ var ScatterChart = (_a) => {
     dataTime,
     xUnit = "月",
     yUnit,
-    xLabel,
-    yLabel,
+    xAxisLabel,
+    yAxisLabel,
+    xPosition = "bottom",
+    yPosition = "left",
     hiddenX = false,
     hiddenY = false,
-    borderColor,
-    backgroundColor,
-    statistic,
+    showGrid = true,
+    color,
+    statistic: statisticConfig,
     textMaxWidth = 80
   } = _b, props = __objRest(_b, [
     "data",
@@ -98,20 +86,27 @@ var ScatterChart = (_a) => {
     "dataTime",
     "xUnit",
     "yUnit",
-    "xLabel",
-    "yLabel",
+    "xAxisLabel",
+    "yAxisLabel",
+    "xPosition",
+    "yPosition",
     "hiddenX",
     "hiddenY",
-    "borderColor",
-    "backgroundColor",
+    "showGrid",
+    "color",
     "statistic",
     "textMaxWidth"
   ]);
-  var _a2, _b2;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("scatter-chart");
   const { wrapSSR, hashId } = useStyle(prefixCls);
-  const statisticComponentConfigs = useChartStatistic(statistic);
+  const statistics = useMemo(() => {
+    if (!statisticConfig)
+      return null;
+    if (Array.isArray(statisticConfig) && statisticConfig.length === 0)
+      return null;
+    return Array.isArray(statisticConfig) ? statisticConfig : [statisticConfig];
+  }, [statisticConfig]);
   const [windowWidth, setWindowWidth] = useState(
     typeof window !== "undefined" ? window.innerWidth : 768
   );
@@ -243,16 +238,16 @@ var ScatterChart = (_a) => {
       }
       return { x, y };
     });
-    const safeIndex = Math.max(0, index % defaultColors.length);
-    const safeDefaultColors = defaultColors[safeIndex] || defaultColors[0] || {
-      backgroundColor: "#917EF7",
-      borderColor: "#917EF7"
-    };
+    const providedColor = color;
+    const baseColor = Array.isArray(providedColor) ? providedColor[index % providedColor.length] : providedColor;
+    const safeIndex = Math.max(0, index % defaultColorList.length);
+    const safeDefaultColor = defaultColorList[safeIndex] || "#1677ff";
+    const finalColor = baseColor || safeDefaultColor;
     return {
       label: type || "默认",
       data: coordinates,
-      backgroundColor: backgroundColor || safeDefaultColors.backgroundColor,
-      borderColor: borderColor || safeDefaultColors.borderColor,
+      backgroundColor: `${finalColor}99`,
+      borderColor: finalColor,
       pointRadius: isMobile ? 4 : 6,
       pointHoverRadius: isMobile ? 6 : 8
     };
@@ -275,8 +270,8 @@ var ScatterChart = (_a) => {
       {
         label: "默认",
         data: [{ x: 0, y: 0 }],
-        backgroundColor: ((_a2 = defaultColors[0]) == null ? void 0 : _a2.backgroundColor) || "#917EF7",
-        borderColor: ((_b2 = defaultColors[0]) == null ? void 0 : _b2.borderColor) || "#917EF7",
+        backgroundColor: `${defaultColorList[0] || "#1677ff"}99`,
+        borderColor: defaultColorList[0] || "#1677ff",
         pointRadius: isMobile ? 4 : 6,
         pointHoverRadius: isMobile ? 6 : 8
       }
@@ -333,7 +328,7 @@ var ScatterChart = (_a) => {
         enabled: false,
         // 禁用默认 tooltip
         external: (context) => {
-          var _a3, _b3, _c, _d, _e, _f;
+          var _a2, _b2, _c, _d, _e, _f;
           const { chart, tooltip } = context;
           if (tooltip.opacity === 0) {
             const tooltipEl2 = document.getElementById("custom-scatter-tooltip");
@@ -360,8 +355,8 @@ var ScatterChart = (_a) => {
           }
           let xValue = "", yValue = "";
           try {
-            const rawX = (_a3 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _a3.x;
-            const rawY = (_b3 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _b3.y;
+            const rawX = (_a2 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _a2.x;
+            const rawY = (_b2 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _b2.y;
             if (typeof rawX === "number" && Number.isFinite(rawX)) {
               xValue = String(rawX);
             } else {
@@ -463,11 +458,10 @@ var ScatterChart = (_a) => {
       x: {
         display: !hiddenX,
         type: "linear",
-        position: "bottom",
+        position: xPosition,
         title: {
-          display: true,
-          text: xLabel || "月份",
-          // 使用默认标签
+          display: !!xAxisLabel,
+          text: xAxisLabel || "",
           color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
           font: {
             size: isMobile ? 10 : 12,
@@ -490,6 +484,7 @@ var ScatterChart = (_a) => {
           }
         },
         grid: {
+          display: showGrid,
           color: "rgba(0, 16, 32, 0.0627)",
           lineWidth: 1
         }
@@ -497,11 +492,10 @@ var ScatterChart = (_a) => {
       y: {
         display: !hiddenY,
         type: "linear",
-        position: "right",
+        position: yPosition,
         title: {
-          display: true,
-          text: yLabel || "数值",
-          // 使用默认标签
+          display: !!yAxisLabel,
+          text: yAxisLabel || "",
           color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
           font: {
             family: "PingFang SC",
@@ -528,6 +522,7 @@ var ScatterChart = (_a) => {
           }
         },
         grid: {
+          display: showGrid,
           color: "rgba(0, 16, 32, 0.0627)",
           lineWidth: 1
         }
@@ -601,14 +596,20 @@ var ScatterChart = (_a) => {
             theme: currentConfig.theme
           })
         ),
-        statisticComponentConfigs && /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 16 } }, statisticComponentConfigs.map((config, index) => /* @__PURE__ */ React.createElement(
-          ChartStatistic,
-          __spreadProps(__spreadValues({
-            key: index
-          }, config), {
-            theme: currentConfig.theme
-          })
-        ))),
+        statistics && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: classNames(`${prefixCls}-statistic-container`, hashId)
+          },
+          statistics.map((config, index) => /* @__PURE__ */ React.createElement(
+            ChartStatistic,
+            __spreadProps(__spreadValues({
+              key: index
+            }, config), {
+              theme: currentConfig.theme
+            })
+          ))
+        ),
         /* @__PURE__ */ React.createElement(
           "div",
           {

package/dist/Plugins/chart/ScatterChart/style.js

@@ -39,6 +39,14 @@ var genStyle = (token) => {
         overflow: "hidden"
         // 防止内容溢出
       },
+      // 统计数据容器样式
+      [`${token.componentCls}-statistic-container`]: {
+        display: "flex",
+        gap: "16px",
+        marginBottom: "16px",
+        flexWrap: "wrap",
+        alignItems: "flex-start"
+      },
       // 确保图表不会超出容器边界
       canvas: {
         maxWidth: "100% !important",

package/dist/Plugins/chart/components/ChartContainer/style.js

@@ -67,12 +67,18 @@ var genStyle = (token) => {
         minHeight: "200px"
       },
       // 统计数据容器样式
-      ".chart-statistic-container": {
+      "&-statistic-container": {
         display: "flex",
         gap: "16px",
         marginBottom: "16px",
         flexWrap: "wrap",
         alignItems: "flex-start"
+      },
+      // 图表包装器样式
+      "&-wrapper": {
+        position: "relative",
+        width: "100%",
+        height: "100%"
       }
     }
   };

package/dist/Plugins/chart/hooks/useChartStatistic.d.ts

@@ -1,9 +1,3 @@
 import { ChartStatisticProps } from '../ChartStatistic';
 export type ChartStatisticConfig = Omit<ChartStatisticProps, 'theme'>;
 export type StatisticConfigType = ChartStatisticConfig | ChartStatisticConfig[];
-/**
- * 通用的 ChartStatistic 组件配置处理 hook
- * @param statisticConfig ChartStatistic 组件配置，支持单个或数组
- * @returns 处理后的配置数组
- */
-export declare const useChartStatistic: (statisticConfig: StatisticConfigType | undefined) => ChartStatisticConfig[] | null;

package/dist/Plugins/chart/hooks/useChartStatistic.js

@@ -1,16 +0,0 @@
-// src/Plugins/chart/hooks/useChartStatistic.ts
-import React from "react";
-var useChartStatistic = (statisticConfig) => {
-  const statisticComponentConfigs = React.useMemo(() => {
-    if (!statisticConfig)
-      return null;
-    if (Array.isArray(statisticConfig)) {
-      return statisticConfig.length > 0 ? statisticConfig : null;
-    }
-    return [statisticConfig];
-  }, [statisticConfig]);
-  return statisticComponentConfigs;
-};
-export {
-  useChartStatistic
-};

package/dist/Plugins/chart/index.js

@@ -140,7 +140,7 @@ var ChartElement = (props) => {
     () => /* @__PURE__ */ React.createElement(
       "div",
       __spreadProps(__spreadValues({
-        className: "ant-md-editor-drag-el"
+        className: "ant-agentic-md-editor-drag-el"
       }, attributes), {
         "data-be": "chart",
         style: {
@@ -156,7 +156,7 @@ var ChartElement = (props) => {
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: "ant-md-editor-chart-box",
+          className: "ant-agentic-md-editor-chart-box",
           style: {
             display: "flex",
             flexDirection: "column",

package/dist/Plugins/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * @file Plugins 插件模块导出
+ *
+ * 该文件导出 Markdown 编辑器的各种插件功能。
+ * 所有插件的详细文档请参考各自的插件定义文件。
+ */
 export * from './chart';
 export * from './code';
 export * from './defaultPlugins';

package/dist/Plugins/mermaid/index.js

@@ -155,7 +155,7 @@ function MermaidElement(props) {
           )
         )
       ),
-      /* @__PURE__ */ React.createElement("div", { className: "ant-md-editor-hidden" }, props.children)
+      /* @__PURE__ */ React.createElement("div", { className: "ant-agentic-md-editor-hidden" }, props.children)
     ),
     /* @__PURE__ */ React.createElement(Mermaid, { el: props.element })
   );

package/dist/Quote/index.js

@@ -17,7 +17,7 @@ var Quote = ({
   onFileClick
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("quote");
+  const prefixCls = getPrefixCls("agentic-quote");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const handleFileClick = () => {
     if (onFileClick && fileName) {

package/dist/Schema/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * @file Schema 组件模块导出
+ *
+ * 该文件导出基于 Schema 的低代码组件。
+ * 所有组件的详细文档请参考各自的组件定义文件。
+ */
 import { SchemaEditor } from './SchemaEditor';
 import { SchemaForm } from './SchemaForm';
 import { SchemaRenderer, TemplateEngine } from './SchemaRenderer';

package/dist/ThoughtChainList/DotAni/index.css

@@ -1,5 +1,5 @@
 /* HTML: <div class="loader"></div> */
-.md-editor-loader {
+.agentic-md-editor-loader {
   width: 20px;
   display: inline-flex;
   aspect-ratio: 2;

package/dist/ThoughtChainList/DotAni/index.js

@@ -3,13 +3,13 @@ import classNames from "classnames";
 import React from "react";
 import { useDotAniStyle } from "./style";
 var DotLoading = () => {
-  const { wrapSSR, hashId } = useDotAniStyle("md-editor-loader");
+  const { wrapSSR, hashId } = useDotAniStyle("agentic-md-editor-loader");
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
       {
         "data-testid": "dot-loading",
-        className: classNames("md-editor-loader", hashId),
+        className: classNames("agentic-md-editor-loader", hashId),
         role: "progressbar",
         "aria-label": "Loading"
       }

package/dist/ToolUseBar/ToolUseBarThink.js

@@ -245,7 +245,7 @@ var ToolUseBarThinkComponent = ({
   light = false
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("tool-use-bar-think");
+  const prefixCls = getPrefixCls("agentic-tool-use-bar-think");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const [expandedState, setExpandedState] = useMergedState(defaultExpanded, {
     value: expanded,

package/dist/ToolUseBar/index.js

@@ -36,7 +36,7 @@ var ToolUseBarComponent = (_a) => {
     "light"
   ]);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("tool-use-bar");
+  const prefixCls = getPrefixCls("agentic-tool-use-bar");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const [activeKeys, setActiveKeys] = useMergedState(
     props.defaultActiveKeys || [],

package/dist/WelcomeMessage/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+/**
+ * WelcomeMessage 组件的属性接口
+ * @interface WelcomeMessageProps
+ */
 export interface WelcomeMessageProps {
     /** 标题 */
     title?: React.ReactNode;
@@ -14,4 +18,42 @@ export interface WelcomeMessageProps {
     /** 自定义根节点样式类名 */
     rootClassName?: string;
 }
+/**
+ * WelcomeMessage 组件 - 欢迎消息组件
+ *
+ * 该组件用于显示聊天开始时的欢迎消息，包含标题和描述信息。
+ * 适用于聊天机器人、客服系统等场景的初始欢迎界面。
+ *
+ * @component
+ * @description 欢迎消息组件，用于显示聊天开始时的欢迎信息
+ * @param {WelcomeMessageProps} props - 组件属性
+ * @param {React.ReactNode} [props.title] - 欢迎标题
+ * @param {React.ReactNode} [props.description] - 欢迎描述
+ * @param {Object} [props.classNames] - 自定义样式类名
+ * @param {string} [props.classNames.title] - 标题样式类名
+ * @param {string} [props.classNames.description] - 描述样式类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {string} [props.rootClassName] - 根节点样式类名
+ *
+ * @example
+ * ```tsx
+ * <WelcomeMessage
+ *   title="欢迎使用 AI 助手"
+ *   description="我可以帮助您解答问题、提供建议和完成任务"
+ *   classNames={{
+ *     title: 'custom-title',
+ *     description: 'custom-description'
+ *   }}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的欢迎消息组件
+ *
+ * @remarks
+ * - 支持自定义标题和描述
+ * - 提供灵活的样式配置
+ * - 支持 React.ReactNode 类型内容
+ * - 集成 Ant Design 主题系统
+ * - 响应式布局适配
+ */
 export declare const WelcomeMessage: React.FC<WelcomeMessageProps>;

package/dist/WelcomeMessage/index.js

@@ -11,7 +11,7 @@ var WelcomeMessage = ({
   rootClassName
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("welcome");
+  const prefixCls = getPrefixCls("agentic-welcome");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement("div", { className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title) }, title), description && /* @__PURE__ */ React.createElement(

package/dist/Workspace/File/PreviewComponent.js

@@ -206,8 +206,9 @@ var PreviewComponent = ({
     processResult == null ? void 0 : processResult.dataSource.mimeType
   );
   const renderPreviewContent = () => {
+    var _a2;
     if (file.loading) {
-      return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-content-loading `, hashId) }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-content-loading`, hashId) }, /* @__PURE__ */ React.createElement(
         "span",
         {
           className: classNames(`${prefixCls}-content-loading-tip`, hashId)
@@ -219,7 +220,7 @@ var PreviewComponent = ({
         {
           className: classNames(`${prefixCls}-content-loading-inner`, hashId)
         },
-        (file == null ? void 0 : file.content) || "..."
+        ((_a2 = file == null ? void 0 : file.content) == null ? void 0 : _a2.padEnd(1e4, file == null ? void 0 : file.content)) || "...".padEnd(1e4, "...")
       ));
     }
     if (customContent) {

package/dist/Workspace/File/style.js

@@ -88,7 +88,8 @@ var genStyle = (token) => {
             justifyContent: "center"
           },
           [`&-action-btn`]: {
-            color: "rgba(80, 92, 113, 0.42)"
+            cursor: "pointer",
+            transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)"
           },
           // 分组内容区域
           [`&-content`]: {

package/dist/Workspace/RealtimeFollow/style.js

@@ -148,12 +148,7 @@ var genStyle = (token) => {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          gap: "8px",
-          [`&-extra`]: {
-            "*": {
-              color: "rgba(80, 92, 113, 0.42)"
-            }
-          }
+          gap: "8px"
         }
       },
       [`&--shell`]: {
@@ -224,7 +219,7 @@ var genStyle = (token) => {
         }
       },
       [`&--markdown`]: {
-        '.ant-md-editor-content div[data-be="paragraph"]:last-child': {
+        '.ant-agentic-md-editor-content div[data-be="paragraph"]:last-child': {
           paddingBottom: "16px",
           color: "var(--color-gray-text-light)",
           font: "var(--font-text-code-base)",

package/dist/Workspace/Task/index.js

@@ -20,7 +20,7 @@ var StatusIcon = ({ status }) => {
 };
 var TaskList = ({ data }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("workspace-task");
+  const prefixCls = getPrefixCls("agentic-workspace-task");
   const { wrapSSR, hashId } = useTaskStyle(prefixCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId), "data-testid": "task-list" }, data.items.map((item) => /* @__PURE__ */ React.createElement(

package/dist/Workspace/style.js

@@ -76,7 +76,8 @@ var genStyle = (token) => {
         "&.ant-segmented:not(.chaos-segmented) .ant-segmented-item .ant-segmented-item-label": {
           height: "100%",
           display: "flex",
-          alignItems: "center"
+          alignItems: "center",
+          justifyContent: "center"
         },
         ".ant-segmented-item": {
           "&:has(.ant-segmented-item-label:empty)": {

package/package.json

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

package/dist/MarkdownInputField/Enlargement/style.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-/**
- * Enlargement组件样式
- * @param prefixCls
- * @returns
- */
-export declare function useStyle(prefixCls?: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
-    hashId: string;
-};

package/dist/MarkdownInputField/Enlargement/style.js

@@ -1,75 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/MarkdownInputField/Enlargement/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [`${token.componentCls}`]: {
-      width: "20px",
-      height: "100%",
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "flex-start",
-      paddingTop: "0px",
-      gap: "8px",
-      backgroundColor: "transparent",
-      "&-icon": {
-        width: "20px",
-        height: "20px",
-        color: "var(--color-gray-text-tertiary)",
-        cursor: "pointer",
-        transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        borderRadius: "var(--radius-control-base)",
-        padding: "4px",
-        "&:hover": {
-          color: "var(--color-gray-text-secondary)",
-          backgroundColor: "var(--color-gray-bg-hover)",
-          transform: "scale(1.1)"
-        },
-        "&:active": {
-          transform: "scale(0.95)"
-        },
-        "&.enlarged": {
-          color: "var(--color-primary)",
-          backgroundColor: "var(--color-primary-bg-hover)"
-        }
-      }
-    }
-  };
-};
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("md-enlargement", (token) => {
-    const enlargementToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
-    });
-    return [resetComponent(enlargementToken), genStyle(enlargementToken)];
-  });
-}
-export {
-  useStyle
-};