@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/MarkdownEditor/editor/style.js

@@ -1,533 +1,578 @@
-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]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/MarkdownEditor/editor/style.ts
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { Keyframes } from "@ant-design/cssinjs";
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
+import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
 import "./code.css";
+// 导入统一的标签样式配置
 import { TAG_STYLES } from "./tagStyles";
-var typing = new Keyframes("typing", {
-  from: { width: 0 },
-  to: { width: "100%" }
-});
-var blinkCaret = new Keyframes("blink-caret", {
-  from: { borderColor: "transparent" },
-  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 {
-    // 拖拽手柄样式
-    ".ant-agentic-md-editor-drag-handle": {
-      position: "absolute",
-      display: "flex",
-      userSelect: "none",
-      alignItems: "center",
-      padding: "2px",
-      borderRadius: "2px",
-      opacity: 0,
-      left: "-28px",
-      boxSizing: "border-box",
-      top: "calc(3px + 0.75em - 14px)"
-    },
-    // 拖拽图标样式
-    ".ant-agentic-md-editor-drag-icon": {
-      display: "flex",
-      alignItems: "center",
-      borderRadius: "18px",
-      cursor: "pointer",
-      padding: "4px",
-      fontSize: "var(--font-size-xl)",
-      color: "rgb(38, 38, 38)",
-      "&:hover": {
-        backgroundColor: "rgb(244, 245, 245)"
-      }
-    },
-    // 拖拽元素悬浮效果
-    ".ant-agentic-md-editor-drag-el:hover > .ant-agentic-md-editor-drag-handle": {
-      opacity: 1
-    },
-    // 可调整大小组件样式
-    ".react-resizable": {
-      position: "relative",
-      transition: "all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)",
-      boxSizing: "border-box",
-      border: "1px solid var(--color-gray-border-light)"
-    },
-    ".react-resizable-handle-hide": {
-      display: "none"
-    },
-    ".react-resizable-selected img": {
-      transform: "scale(1.02)",
-      boxShadow: "0 8px 16px rgba(0, 0, 0, 0.2)",
-      borderRadius: "4px",
-      outline: "2px solid var(--color-primary-control-fill-primary)",
-      outlineOffset: "2px"
+// 定义关键帧动画
+var typing = new Keyframes('typing', {
+    from: {
+        width: 0
     },
-    ".react-resizable-handle": {
-      position: "absolute",
-      padding: "0 3px 3px 0",
-      backgroundRepeat: "no-repeat",
-      backgroundOrigin: "content-box",
-      boxSizing: "border-box",
-      cursor: "se-resize",
-      zIndex: 9999,
-      width: "14px",
-      height: "14px",
-      border: "2px solid var(--color-gray-bg-card-white)",
-      backgroundColor: "var(--color-primary-control-fill-primary)",
-      borderRadius: "10px",
-      bottom: "-7px",
-      right: "-7px",
-      pointerEvents: "all"
-    },
-    // 移动标记样式
-    ".move-mark": {
-      height: "0.125em",
-      backgroundColor: "var(--color-primary-control-fill-primary)",
-      left: 0,
-      zIndex: 1e3,
-      display: "block",
-      position: "absolute",
-      borderRadius: "0.25em",
-      top: 0,
-      transitionDuration: "200ms"
-    },
-    // 隐藏样式
-    ".ant-agentic-md-editor-hidden": {
-      display: "none"
-    },
-    // KaTeX容器样式
-    ".katex-container": {
-      ".newline": {
-        margin: "4px 0"
-      }
+    to: {
+        width: '100%'
+    }
+});
+var blinkCaret = new Keyframes('blink-caret', {
+    from: {
+        borderColor: 'transparent'
     },
-    // 内联代码输入样式
-    ".inline-code-input": {
-      lineHeight: "1.3em",
-      borderRadius: "0.125em",
-      color: "rgb(13 148 136 / 1)",
-      fontFamily: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"',
-      "&:before, &:after": {
-        content: "'$'",
-        fontSize: "1em",
-        color: "rgb(107 114 128 / 1)"
-      },
-      "&:before": {
-        marginRight: "2px"
-      },
-      "&:after": {
-        marginLeft: "2px"
-      }
+    to: {
+        borderColor: 'transparent'
     },
-    [token.componentCls]: {
-      boxSizing: "border-box",
-      caretColor: "var(--color-primary-control-fill-primary)",
-      color: "inherit",
-      font: "var(--font-text-paragraph-lg)",
-      outline: "none !important",
-      minWidth: "0px",
-      width: "100%",
-      margin: "0 auto",
-      "::-webkit-scrollbar": { width: "8px", height: "8px" },
-      "::-webkit-scrollbar-thumb": {
-        backgroundColor: "var(--color-gray-text-tertiary)",
-        borderRadius: "20px"
-      },
-      "&-edit": {
-        "> div.empty:first-child": {
-          '[data-slate-zero-width="n"]': {
-            display: "inline-block",
-            minWidth: 20
-          },
-          "&::before": {
-            cursor: "text",
-            content: "attr(data-slate-placeholder)",
-            color: "rgba(0,0,0,0.45)",
-            display: "inline-block",
-            position: "absolute",
-            width: "max-content",
-            maxWidth: "100%",
-            fontSize: "1em",
-            lineHeight: "21px",
-            wordBreak: "break-word",
-            whiteSpace: "wrap"
-          }
-        },
-        '> div.empty:first-child [data-slate-node="text"]': {
-          display: "inline-block",
-          minWidth: 20
-        }
-      },
-      "&> *:first-child": {
-        marginTop: 0
-      },
-      "& > .link": { textDecoration: "underline" },
-      "& > .attach": {
-        padding: "3px 0"
-      },
-      "& >.attach:not(:last-child)": {
-        marginBottom: "0.3em"
-      },
-      ".attach .file": {
-        borderRadius: "12px",
-        borderWidth: "1px",
-        borderColor: "rgb(229 231 235 / 1)",
-        backgroundColor: "rgb(249 250 251 / 1)",
-        paddingTop: "0.5em",
-        paddingBottom: "0.5em",
-        paddingLeft: "0.75em",
-        paddingRight: "0.75em",
-        transitionDuration: "100ms"
-      },
-      ".attach .file.active": {
-        borderColor: "rgb(0 0 0 / 0.5)"
-      },
-      "[data-fnc='fnc']": __spreadValues({}, TAG_STYLES.fnc),
-      "[data-fnd='fnd']": __spreadValues({}, TAG_STYLES.fnd),
-      "&:last-child": {
-        marginBottom: 0
-      },
-      "pre,code,kbd,samp": {
-        marginTop: "0",
-        marginBottom: "0",
-        fontFamily: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-        fontSize: "0.9em",
-        wordWrap: "normal"
-      },
-      'div[data-be="paragraph"]': {
-        position: "relative",
-        font: "var(--font-text-paragraph-lg)",
-        paddingTop: "0em",
-        display: "block",
-        fontSize: "1em",
-        lineHeight: "1.5em",
-        margin: "var(--margin-2x) 0"
-      },
-      "h1,h2,h3,h4,h5,h6": {
-        position: "relative",
-        textWrap: "balance",
-        ".ant-agentic-md-editor-drag-handle": {
-          top: "calc(3px + 0.05em) !important"
-        }
-      },
-      h1: {
-        fontSize: "30px",
-        lineHeight: "38px",
-        fontWeight: "600",
-        margin: "var(--margin-8x) 0"
-      },
-      h2: {
-        fontSize: "24px",
-        lineHeight: "32px",
-        fontWeight: "600",
-        marginTop: "var(--margin-8x)",
-        marginBottom: "var(--margin-4x)"
-      },
-      h3: {
-        fontSize: "18px",
-        lineHeight: "26px",
-        fontWeight: "600",
-        marginTop: "var(--margin-4x)",
-        marginBottom: "var(--margin-2x)"
-      },
-      h4: {
-        fontSize: "15px",
-        lineHeight: "24px",
-        fontWeight: "600",
-        marginTop: "var(--margin-2x)"
-      },
-      h5: {
-        fontSize: "15px",
-        lineHeight: "24px",
-        fontWeight: "600",
-        marginTop: "var(--margin-2x)"
-      },
-      h6: {
-        fontSize: "15px",
-        lineHeight: "24px",
-        fontWeight: "600",
-        marginTop: "var(--margin-2x)"
-      },
-      'a,span[data-url="url"]': {
-        lineHeight: "24px",
-        position: "relative",
-        font: "var(--font-text-body-lg)",
-        color: "var(--color-gray-text-default)",
-        textDecoration: "underline",
-        textDecorationColor: "var(--color-gray-border-light);",
-        textUnderlineOffset: "4px",
-        cursor: "pointer",
-        "&:hover": {
-          textDecorationColor: "var(--color-gray-text-default)"
-        },
-        "&::after": {
-          content: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.666667,4L11.33333,4C11.70152,4,12,4.298477,12,4.666667L12,11.33333C12,11.70152,11.70152,12,11.33333,12C10.96514,12,10.66667,11.70152,10.66667,11.33333L10.66667,6.27614L5.13828,11.80453C5.01305,11.92976,4.843478,12,4.666667,12C4.298477,12,4,11.70152,4,11.33333C4,11.15652,4.0702379,10.98695,4.195262,10.861930000000001L9.72386,5.33333L4.666667,5.33333C4.298477,5.33333,4,5.03486,4,4.666667C4,4.298477,4.298477,4,4.666667,4Z' fill-rule='evenodd' fill='rgba(0,1,3,0.45)'/%3E%3C/svg%3E")`,
-          width: "16px",
-          height: "16px",
-          position: "relative",
-          marginLeft: "2px",
-          top: "3px",
-          pointerEvents: "none"
-          // 确保 ::after 不阻止点击事件传递到父元素
-        },
-        "&:hover::after": {
-          content: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.666667,4L11.33333,4C11.70152,4,12,4.298477,12,4.666667L12,11.33333C12,11.70152,11.70152,12,11.33333,12C10.96514,12,10.66667,11.70152,10.66667,11.33333L10.66667,6.27614L5.13828,11.80453C5.01305,11.92976,4.843478,12,4.666667,12C4.298477,12,4,11.70152,4,11.33333C4,11.15652,4.0702379,10.98695,4.195262,10.861930000001L9.72386,5.33333L4.666667,5.33333C4.298477,5.33333,4,5.03486,4,4.666667C4,4.298477,4.298477,4,4.666667,4Z' fill-rule='evenodd' fill='rgba(0,1,3,0.88)'/%3E%3C/svg%3E")`
-        }
-      },
-      "ol,ul": {
-        paddingLeft: "1.8em",
-        marginTop: "var(--margin-2x)",
-        marginBottom: "var(--margin-4x)"
-      },
-      li: {
-        position: "relative",
-        margin: "var(--margin-2x) 0",
-        "&::marker": {
-          color: "var(--color-gray-text-light)",
-          fontWeight: 600,
-          fontSize: "0.9rem",
-          lineHeight: "var(--line-height-base)",
-          letterSpacing: "var(--letter-spacing-base)",
-          fontFamily: "var(--font-family-base)"
-        },
-        "ul, ol": {
-          margin: 0
-        }
-      },
-      "li:has(ul), li:has(ol), li:has(+ li ul), li:has(+ li ol), li:has(~ li ul), li:has(~ li ol)": {
-        marginTop: "var(--margin-4x)"
-      },
-      "li:has(ul) ~ li, li:has(ol) ~ li": {
-        marginTop: "var(--margin-4x)"
-      },
-      "li > p": { marginTop: "1em" },
-      "li + li": { marginTop: "0.25em" },
-      blockquote: {
-        display: "flex",
-        padding: "8px 12px",
-        gap: "10px",
-        flexGrow: 1,
-        zIndex: 1,
-        fontSize: "var(--font-size-base)",
-        fontWeight: "normal",
-        lineHeight: "160%",
-        letterSpacing: "normal",
-        position: "relative",
-        color: "var(--color-gray-text-secondary)",
-        margin: "0 !important",
-        "&:before": {
-          content: "''",
-          left: "0",
-          position: "absolute",
-          top: "11px",
-          height: "calc(100% - 22px)",
-          borderRadius: "4px",
-          width: "3px",
-          display: "flex",
-          alignSelf: "stretch",
-          zIndex: 0,
-          backgroundColor: "var(--color-gray-control-fill-secondary)"
+    '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 = function(token) {
+    var _obj;
+    return _obj = {
+        // 拖拽手柄样式
+        '.ant-agentic-md-editor-drag-handle': {
+            position: 'absolute',
+            display: 'flex',
+            userSelect: 'none',
+            alignItems: 'center',
+            padding: '2px',
+            borderRadius: '2px',
+            opacity: 0,
+            left: '-28px',
+            boxSizing: 'border-box',
+            top: 'calc(3px + 0.75em - 14px)'
+        },
+        // 拖拽图标样式
+        '.ant-agentic-md-editor-drag-icon': {
+            display: 'flex',
+            alignItems: 'center',
+            borderRadius: '18px',
+            cursor: 'pointer',
+            padding: '4px',
+            fontSize: 'var(--font-size-xl)',
+            color: 'rgb(38, 38, 38)',
+            '&:hover': {
+                backgroundColor: 'rgb(244, 245, 245)'
+            }
+        },
+        // 拖拽元素悬浮效果
+        '.ant-agentic-md-editor-drag-el:hover > .ant-agentic-md-editor-drag-handle': {
+            opacity: 1
+        },
+        // 可调整大小组件样式
+        '.react-resizable': {
+            position: 'relative',
+            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)',
+            boxSizing: 'border-box',
+            border: '1px solid var(--color-gray-border-light)'
+        },
+        '.react-resizable-handle-hide': {
+            display: 'none'
+        },
+        '.react-resizable-selected img': {
+            transform: 'scale(1.02)',
+            boxShadow: '0 8px 16px rgba(0, 0, 0, 0.2)',
+            borderRadius: '4px',
+            outline: '2px solid var(--color-primary-control-fill-primary)',
+            outlineOffset: '2px'
+        },
+        '.react-resizable-handle': {
+            position: 'absolute',
+            padding: '0 3px 3px 0',
+            backgroundRepeat: 'no-repeat',
+            backgroundOrigin: 'content-box',
+            boxSizing: 'border-box',
+            cursor: 'se-resize',
+            zIndex: 9999,
+            width: '14px',
+            height: '14px',
+            border: '2px solid var(--color-gray-bg-card-white)',
+            backgroundColor: 'var(--color-primary-control-fill-primary)',
+            borderRadius: '10px',
+            bottom: '-7px',
+            right: '-7px',
+            pointerEvents: 'all'
+        },
+        // 移动标记样式
+        '.move-mark': {
+            height: '0.125em',
+            backgroundColor: 'var(--color-primary-control-fill-primary)',
+            left: 0,
+            zIndex: 1000,
+            display: 'block',
+            position: 'absolute',
+            borderRadius: '0.25em',
+            top: 0,
+            transitionDuration: '200ms'
+        },
+        // 隐藏样式
+        '.ant-agentic-md-editor-hidden': {
+            display: 'none'
+        },
+        // KaTeX容器样式
+        '.katex-container': {
+            '.newline': {
+                margin: '4px 0'
+            }
+        },
+        // 内联代码输入样式
+        '.inline-code-input': {
+            lineHeight: '1.3em',
+            borderRadius: '0.125em',
+            color: 'rgb(13 148 136 / 1)',
+            fontFamily: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"',
+            '&:before, &:after': {
+                content: "'$'",
+                fontSize: '1em',
+                color: 'rgb(107 114 128 / 1)'
+            },
+            '&:before': {
+                marginRight: '2px'
+            },
+            '&:after': {
+                marginLeft: '2px'
+            }
         }
-      },
-      "@media screen and (max-width: 600px)": {
+    }, _define_property(_obj, token.componentCls, {
+        boxSizing: 'border-box',
+        caretColor: 'var(--color-primary-control-fill-primary)',
+        color: 'inherit',
+        font: 'var(--font-text-paragraph-lg)',
+        outline: 'none !important',
+        minWidth: '0px',
+        width: '100%',
+        margin: '0 auto',
+        '::-webkit-scrollbar': {
+            width: '8px',
+            height: '8px'
+        },
+        '::-webkit-scrollbar-thumb': {
+            backgroundColor: 'var(--color-gray-text-tertiary)',
+            borderRadius: '20px'
+        },
+        '&-edit': {
+            '> div.empty:first-child': {
+                '[data-slate-zero-width="n"]': {
+                    display: 'inline-block',
+                    minWidth: 20
+                },
+                '&::before': {
+                    cursor: 'text',
+                    content: 'attr(data-slate-placeholder)',
+                    color: 'rgba(0,0,0,0.45)',
+                    display: 'inline-block',
+                    position: 'absolute',
+                    width: 'max-content',
+                    maxWidth: '100%',
+                    fontSize: '1em',
+                    lineHeight: '21px',
+                    wordBreak: 'break-word',
+                    whiteSpace: 'wrap'
+                }
+            },
+            '> div.empty:first-child [data-slate-node="text"]': {
+                display: 'inline-block',
+                minWidth: 20
+            }
+        },
+        '&> *:first-child': {
+            marginTop: 0
+        },
+        '& > .link': {
+            textDecoration: 'underline'
+        },
+        '& > .attach': {
+            padding: '3px 0'
+        },
+        '& >.attach:not(:last-child)': {
+            marginBottom: '0.3em'
+        },
+        '.attach .file': {
+            borderRadius: '12px',
+            borderWidth: '1px',
+            borderColor: 'rgb(229 231 235 / 1)',
+            backgroundColor: 'rgb(249 250 251 / 1)',
+            paddingTop: '0.5em',
+            paddingBottom: '0.5em',
+            paddingLeft: '0.75em',
+            paddingRight: '0.75em',
+            transitionDuration: '100ms'
+        },
+        '.attach .file.active': {
+            borderColor: 'rgb(0 0 0 / 0.5)'
+        },
+        "[data-fnc='fnc']": _object_spread({}, TAG_STYLES.fnc),
+        "[data-fnd='fnd']": _object_spread({}, TAG_STYLES.fnd),
+        '&:last-child': {
+            marginBottom: 0
+        },
+        'pre,code,kbd,samp': {
+            marginTop: '0',
+            marginBottom: '0',
+            fontFamily: 'ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace',
+            fontSize: '0.9em',
+            wordWrap: 'normal'
+        },
+        'div[data-be="paragraph"]': {
+            position: 'relative',
+            font: 'var(--font-text-paragraph-lg)',
+            paddingTop: '0em',
+            display: 'block',
+            fontSize: '1em',
+            lineHeight: '1.5em',
+            margin: 'var(--margin-2x) 0'
+        },
+        'h1,h2,h3,h4,h5,h6': {
+            position: 'relative',
+            textWrap: 'balance',
+            '.ant-agentic-md-editor-drag-handle': {
+                top: 'calc(3px + 0.05em) !important'
+            }
+        },
         h1: {
-          fontSize: "1.5em"
+            fontSize: '30px',
+            lineHeight: '38px',
+            fontWeight: '600',
+            margin: 'var(--margin-8x) 0'
         },
         h2: {
-          fontSize: "1.25em"
+            fontSize: '24px',
+            lineHeight: '32px',
+            fontWeight: '600',
+            marginTop: 'var(--margin-8x)',
+            marginBottom: 'var(--margin-4x)'
         },
         h3: {
-          fontSize: "1.125em"
+            fontSize: '18px',
+            lineHeight: '26px',
+            fontWeight: '600',
+            marginTop: 'var(--margin-4x)',
+            marginBottom: 'var(--margin-2x)'
         },
         h4: {
-          fontSize: "1em"
+            fontSize: '15px',
+            lineHeight: '24px',
+            fontWeight: '600',
+            marginTop: 'var(--margin-2x)'
+        },
+        h5: {
+            fontSize: '15px',
+            lineHeight: '24px',
+            fontWeight: '600',
+            marginTop: 'var(--margin-2x)'
+        },
+        h6: {
+            fontSize: '15px',
+            lineHeight: '24px',
+            fontWeight: '600',
+            marginTop: 'var(--margin-2x)'
+        },
+        'a,span[data-url="url"]': {
+            lineHeight: '24px',
+            position: 'relative',
+            font: 'var(--font-text-body-lg)',
+            color: 'var(--color-gray-text-default)',
+            textDecoration: 'underline',
+            textDecorationColor: 'var(--color-gray-border-light);',
+            textUnderlineOffset: '4px',
+            cursor: 'pointer',
+            '&:hover': {
+                textDecorationColor: 'var(--color-gray-text-default)'
+            },
+            '&::after': {
+                content: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.666667,4L11.33333,4C11.70152,4,12,4.298477,12,4.666667L12,11.33333C12,11.70152,11.70152,12,11.33333,12C10.96514,12,10.66667,11.70152,10.66667,11.33333L10.66667,6.27614L5.13828,11.80453C5.01305,11.92976,4.843478,12,4.666667,12C4.298477,12,4,11.70152,4,11.33333C4,11.15652,4.0702379,10.98695,4.195262,10.861930000000001L9.72386,5.33333L4.666667,5.33333C4.298477,5.33333,4,5.03486,4,4.666667C4,4.298477,4.298477,4,4.666667,4Z' fill-rule='evenodd' fill='rgba(0,1,3,0.45)'/%3E%3C/svg%3E\")",
+                width: '16px',
+                height: '16px',
+                position: 'relative',
+                marginLeft: '2px',
+                top: '3px',
+                pointerEvents: 'none'
+            },
+            '&:hover::after': {
+                content: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.666667,4L11.33333,4C11.70152,4,12,4.298477,12,4.666667L12,11.33333C12,11.70152,11.70152,12,11.33333,12C10.96514,12,10.66667,11.70152,10.66667,11.33333L10.66667,6.27614L5.13828,11.80453C5.01305,11.92976,4.843478,12,4.666667,12C4.298477,12,4,11.70152,4,11.33333C4,11.15652,4.0702379,10.98695,4.195262,10.861930000001L9.72386,5.33333L4.666667,5.33333C4.298477,5.33333,4,5.03486,4,4.666667C4,4.298477,4.298477,4,4.666667,4Z' fill-rule='evenodd' fill='rgba(0,1,3,0.88)'/%3E%3C/svg%3E\")"
+            }
+        },
+        'ol,ul': {
+            paddingLeft: '1.8em',
+            marginTop: 'var(--margin-2x)',
+            marginBottom: 'var(--margin-4x)'
+        },
+        li: {
+            position: 'relative',
+            margin: 'var(--margin-2x) 0',
+            '&::marker': {
+                color: 'var(--color-gray-text-light)',
+                fontWeight: 600,
+                fontSize: '0.9rem',
+                lineHeight: 'var(--line-height-base)',
+                letterSpacing: 'var(--letter-spacing-base)',
+                fontFamily: 'var(--font-family-base)'
+            },
+            'ul, ol': {
+                margin: 0
+            }
+        },
+        'li:has(ul), li:has(ol), li:has(+ li ul), li:has(+ li ol), li:has(~ li ul), li:has(~ li ol)': {
+            marginTop: 'var(--margin-4x)'
+        },
+        'li:has(ul) ~ li, li:has(ol) ~ li': {
+            marginTop: 'var(--margin-4x)'
+        },
+        'li > p': {
+            marginTop: '1em'
+        },
+        'li + li': {
+            marginTop: '0.25em'
+        },
+        blockquote: {
+            display: 'flex',
+            padding: '8px 12px',
+            gap: '10px',
+            flexGrow: 1,
+            zIndex: 1,
+            fontSize: 'var(--font-size-base)',
+            fontWeight: 'normal',
+            lineHeight: '160%',
+            letterSpacing: 'normal',
+            position: 'relative',
+            color: 'var(--color-gray-text-secondary)',
+            margin: '0 !important',
+            '&:before': {
+                content: "''",
+                left: '0',
+                position: 'absolute',
+                top: '11px',
+                height: 'calc(100% - 22px)',
+                borderRadius: '4px',
+                width: '3px',
+                display: 'flex',
+                alignSelf: 'stretch',
+                zIndex: 0,
+                backgroundColor: 'var(--color-gray-control-fill-secondary)'
+            }
+        },
+        '@media screen and (max-width: 600px)': {
+            h1: {
+                fontSize: '1.5em'
+            },
+            h2: {
+                fontSize: '1.25em'
+            },
+            h3: {
+                fontSize: '1.125em'
+            },
+            h4: {
+                fontSize: '1em'
+            },
+            'h1,h2': {
+                marginTop: '1em',
+                marginBottom: '1em'
+            },
+            'h3,h4,h5,h6': {
+                marginTop: '0.8em',
+                marginBottom: '0.8em'
+            },
+            'ol,ul': {
+                paddingLeft: '1em'
+            }
+        },
+        '[data-be]:not(p):not(data-be="list")': {
+            position: 'relative',
+            '*': {
+                outline: 'none',
+                boxSizing: 'border-box'
+            }
+        },
+        '[data-be="list"] > ul': {
+            marginTop: '0.25em',
+            marginBottom: '0.25em'
+        },
+        '[data-be="chart"]': {
+            marginTop: '0.5em',
+            marginBottom: '0.5em'
+        },
+        '[data-be="card"]': {
+            marginTop: '0.5em',
+            marginBottom: '0.5em'
         },
-        "h1,h2": {
-          marginTop: "1em",
-          marginBottom: "1em"
+        '& &-inline-code': {
+            display: 'inline',
+            fontFamily: "'Roboto,Mono SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
+            margin: '1px 3px',
+            wordBreak: 'break-all',
+            font: 'var(--font-text-code-base)',
+            letterSpacing: 'normal',
+            color: 'var(--color-gray-text-default)',
+            alignItems: 'center',
+            padding: '4px 6px',
+            gap: '4px',
+            zIndex: 1,
+            borderRadius: '6px',
+            background: 'var(--color-gray-bg-tip)'
         },
-        "h3,h4,h5,h6": {
-          marginTop: "0.8em",
-          marginBottom: "0.8em"
+        '& &-comment-comment': {
+            display: 'inline-block',
+            background: "linear-gradient(transparent 65%, ".concat(COMMENT_HIGHLIGHT_COLOR, ")"),
+            cursor: 'pointer'
         },
-        "ol,ul": {
-          paddingLeft: "1em"
+        '& &-comment-highlight': {
+            backgroundColor: COMMENT_HIGHLIGHT_COLOR,
+            borderBottom: 0,
+            cursor: 'pointer'
+        },
+        '& &-high-text': {
+            borderRadius: '12px'
+        },
+        '& &-m-html': {
+            color: 'rgba(0,0,0,0.45)'
+        },
+        '&:not(:last-child)': {
+            marginBottom: '0.5em'
+        },
+        "h2 + [data-be='list'] ul": {
+            marginTop: '0'
+        },
+        "h2 + [data-be='list'] ol": {
+            marginTop: '0'
+        },
+        '[data-align="left"]': {
+            textAlign: 'left'
+        },
+        '[data-align="center"]': {
+            textAlign: 'center'
+        },
+        '[data-align="right"]': {
+            textAlign: 'right'
+        },
+        // 分割线
+        hr: {
+            border: 'none',
+            borderTop: '1px solid var(--color-gray-border-light)',
+            padding: '0',
+            height: '0',
+            margin: 'var(--margin-8x) 0'
+        },
+        // 打字机效果样式
+        '.ant-agentic-md-editor-content .typewriter:last-of-type > *:last-of-type span[data-slate-leaf]:last-of-type span[data-slate-string]': {
+            borderRight: '0.15em solid var(--color-primary-control-fill-primary)',
+            animationName: "".concat(typing.getName(), ", ").concat(blinkCaret.getName()),
+            animationDuration: '3.5s, 0.5s',
+            animationTimingFunction: 'steps(30, end), step-end',
+            animationIterationCount: '1, infinite',
+            animationFillMode: 'forwards, both'
         }
-      },
-      '[data-be]:not(p):not(data-be="list")': {
-        position: "relative",
-        "*": {
-          outline: "none",
-          boxSizing: "border-box"
+    }), _define_property(_obj, "".concat(token.componentCls, "-compact"), {
+        'div[data-be="paragraph"]': {
+            paddingTop: '0px',
+            paddingBottom: '0px',
+            marginBottom: '0px'
+        },
+        '[data-be="list"]': {
+            marginTop: '0.3em',
+            marginBottom: '0.3em'
         }
-      },
-      '[data-be="list"] > ul': {
-        marginTop: "0.25em",
-        marginBottom: "0.25em"
-      },
-      '[data-be="chart"]': {
-        marginTop: "0.5em",
-        marginBottom: "0.5em"
-      },
-      '[data-be="card"]': {
-        marginTop: "0.5em",
-        marginBottom: "0.5em"
-      },
-      "& &-inline-code": {
-        display: "inline",
-        fontFamily: `'Roboto,Mono SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
-        margin: "1px 3px",
-        wordBreak: "break-all",
-        font: "var(--font-text-code-base)",
-        letterSpacing: "normal",
-        color: "var(--color-gray-text-default)",
-        alignItems: "center",
-        padding: "4px 6px",
-        gap: "4px",
-        zIndex: 1,
-        borderRadius: "6px",
-        background: "var(--color-gray-bg-tip)"
-      },
-      "& &-comment-comment": {
-        display: "inline-block",
-        background: `linear-gradient(transparent 65%, ${COMMENT_HIGHLIGHT_COLOR})`,
-        cursor: "pointer"
-      },
-      "& &-comment-highlight": {
-        backgroundColor: COMMENT_HIGHLIGHT_COLOR,
-        borderBottom: 0,
-        cursor: "pointer"
-      },
-      "& &-high-text": {
-        borderRadius: "12px"
-      },
-      "& &-m-html": {
-        color: "rgba(0,0,0,0.45)"
-      },
-      "&:not(:last-child)": {
-        marginBottom: "0.5em"
-      },
-      "h2 + [data-be='list'] ul": {
-        marginTop: "0"
-      },
-      "h2 + [data-be='list'] ol": {
-        marginTop: "0"
-      },
-      '[data-align="left"]': {
-        textAlign: "left"
-      },
-      '[data-align="center"]': {
-        textAlign: "center"
-      },
-      '[data-align="right"]': {
-        textAlign: "right"
-      },
-      // 分割线
-      hr: {
-        border: "none",
-        borderTop: "1px solid var(--color-gray-border-light)",
-        padding: "0",
-        height: "0",
-        margin: "var(--margin-8x) 0"
-      },
-      // 打字机效果样式
-      ".ant-agentic-md-editor-content .typewriter:last-of-type > *:last-of-type span[data-slate-leaf]:last-of-type span[data-slate-string]": {
-        borderRight: "0.15em solid var(--color-primary-control-fill-primary)",
-        animationName: `${typing.getName()}, ${blinkCaret.getName()}`,
-        animationDuration: "3.5s, 0.5s",
-        animationTimingFunction: "steps(30, end), step-end",
-        animationIterationCount: "1, infinite",
-        animationFillMode: "forwards, both"
-      }
-    },
-    [`${token.componentCls}-compact`]: {
-      'div[data-be="paragraph"]': {
-        paddingTop: "0px",
-        paddingBottom: "0px",
-        marginBottom: "0px"
-      },
-      '[data-be="list"]': {
-        marginTop: "0.3em",
-        marginBottom: "0.3em"
-      }
-    }
-  };
+    }), _obj;
 };
-var genSlideStyle = (token) => {
-  return {
-    [`${token.componentCls}-report`]: {
-      '[data-be="chart"]': {
-        width: "100%"
-      },
-      '[data-be="code"]': {
-        marginBottom: "12px"
-      },
-      [`${token.componentCls}-description-table`]: {
-        display: "table",
-        "th,td": {
-          padding: "8px 16px",
-          textAlign: "left",
-          borderBottom: "1px solid rgb(209 213 219 / 0.8)",
-          borderRight: "1px solid rgb(209 213 219 / 0.8)"
-        },
-        "th:last-child,td:last-child": {
-          borderRight: "1px solid var(--color-gray-border-light)"
-        },
-        "th:last-child": {
-          borderTopRightRadius: 8
-        },
-        "th:first-child": {
-          borderTopLeftRadius: 8
-        },
-        "tr:last-child th,tr:last-child td": {
-          borderBottom: "none"
+var genSlideStyle = function(token) {
+    var _obj;
+    return _obj = {}, _define_property(_obj, "".concat(token.componentCls, "-report"), _define_property({
+        '[data-be="chart"]': {
+            width: '100%'
+        },
+        '[data-be="code"]': {
+            marginBottom: '12px'
+        }
+    }, "".concat(token.componentCls, "-description-table"), {
+        display: 'table',
+        'th,td': {
+            padding: '8px 16px',
+            textAlign: 'left',
+            borderBottom: '1px solid rgb(209 213 219 / 0.8)',
+            borderRight: '1px solid rgb(209 213 219 / 0.8)'
+        },
+        'th:last-child,td:last-child': {
+            borderRight: '1px solid var(--color-gray-border-light)'
+        },
+        'th:last-child': {
+            borderTopRightRadius: 8
+        },
+        'th:first-child': {
+            borderTopLeftRadius: 8
+        },
+        'tr:last-child th,tr:last-child td': {
+            borderBottom: 'none'
         },
         th: {
-          backgroundColor: "rgb(229 231 235 / 0.5)"
+            backgroundColor: 'rgb(229 231 235 / 0.5)'
         }
-      }
-    },
-    [`${token.componentCls}-tag`]: {
-      position: "absolute",
-      zIndex: 1e3
-    }
-  };
+    })), _define_property(_obj, "".concat(token.componentCls, "-tag"), {
+        position: 'absolute',
+        zIndex: 1000
+    }), _obj;
 };
-function useStyle(prefixCls, propsToken) {
-  return useEditorStyleRegister("editor-content", (token) => {
-    const editorToken = __spreadProps(__spreadValues(__spreadValues({}, token), propsToken), {
-      componentCls: `.${prefixCls}`
+/**
+ * BubbleChat
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls, propsToken) {
+    return useEditorStyleRegister('editor-content', function(token) {
+        var editorToken = _object_spread_props(_object_spread({}, token, propsToken), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(editorToken),
+            genStyle(editorToken),
+            genSlideStyle(editorToken)
+        ];
     });
-    return [
-      resetComponent(editorToken),
-      genStyle(editorToken),
-      genSlideStyle(editorToken)
-    ];
-  });
 }
-export {
-  useStyle
-};