@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Quote/style.js

@@ -1,166 +1,182 @@
-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/Quote/style.ts
-import {
-  useEditorStyleRegister
-} from "../Hooks/useStyle";
-var genQuoteStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&-container": {
-        width: "fit-content",
-        minWidth: "150px",
-        maxWidth: "560px",
-        position: "relative",
-        display: "flex",
-        alignItems: "center",
-        padding: "6px 8px",
-        gap: "8px",
-        borderRadius: "var(--radius-control-base)",
-        cursor: "pointer",
-        font: "var(--font-text-body-sm)"
-      },
-      "&-container:hover": {
-        /* 圆角-控件-sm */
-        borderRadius: "var(--radius-control-sm)",
-        /* gray/gray-控件填充-悬停 */
-        /* 样式描述：--gray-a2 */
-        background: "var(--color-gray-control-fill-hover)",
-        /* 投影-描边-base */
-        boxShadow: "var(--shadow-border-base)"
-      },
-      "&-container:hover &-close-button": {
-        display: "flex",
-        alignItems: "center"
-      },
-      "&-quote-icon": {
-        fontSize: 14,
-        display: "flex",
-        alignItems: "center",
-        color: "var(--color-gray-text-secondary)"
-      },
-      "&-close-button": {
-        fontSize: 14,
-        color: "var(--color-gray-text-default)",
-        display: "none"
-      },
-      "&-quoteDescription": {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
-        flex: 1,
-        color: "var(--color-gray-text-default)",
-        font: "var(--font-text-body-sm)"
-      },
-      // 弹出层样式
-      "&-popup": {
-        position: "absolute",
-        bottom: "30px",
-        // 保持原来的距离
-        minWidth: "240px",
-        maxWidth: "800px",
-        /* 圆角-卡片-base */
-        borderRadius: "var(--radius-card-base)",
-        background: "var(--color-gray-bg-page-light)",
-        boxSizing: "border-box",
-        border: "1px solid var(--color-gray-border-light)",
-        boxShadow: "var(--shadow-popover-base)",
-        display: "none",
-        // 默认隐藏
-        flexDirection: "column",
-        gap: 4,
-        zIndex: 1001,
-        minHeight: "auto",
-        fontSize: "12px",
-        fontWeight: "normal",
-        lineHeight: "20px",
-        letterSpacing: "normal",
-        color: "var(--color-gray-text-secondary)",
-        padding: 4,
-        // 扩展hover区域，填补与容器之间的空隙
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          bottom: "-10px",
-          left: "0",
-          right: "0",
-          height: "10px",
-          background: "transparent",
-          pointerEvents: "auto"
+    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;
+            });
         }
-      },
-      // hover时显示弹框（包括hover到连接区域）
-      "&-container:hover &-popup": {
-        display: "flex"
-      },
-      "&-popup:hover": {
-        display: "flex"
-      },
-      /* gray/gray-背景-页面-浅 */
-      "&-popup-content": {
-        padding: "8px",
-        whiteSpace: "pre-wrap",
-        wordBreak: "break-word",
-        maxHeight: "70px",
-        // 固定高度
-        overflowY: "auto",
-        lineHeight: "20px",
-        boxSizing: "border-box",
-        // 确保 padding 包含在总高度内
-        letterSpacing: "var(--letter-spacing-body-sm, normal)",
-        borderRadius: "var(--radius-card-base)",
-        background: "var(--color-gray-bg-card-white)",
-        boxShadow: "var(--shadow-border-base)"
-      },
-      "&-popup-header": {
-        display: "flex",
-        alignItems: "center",
-        gap: 4,
-        padding: "4px 8px",
-        width: "fit-content",
-        maxWidth: "100%"
-      },
-      "&-popup-header:hover": {
-        borderRadius: "var(--radius-control-base)",
-        background: "var(--color-gray-control-fill-hover)"
-      },
-      "&-popup-title": {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      },
-      "&-popup-range": {
-        flex: "none"
-      }
+        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 { useEditorStyleRegister } from "../Hooks/useStyle";
+var genQuoteStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        '&-container': {
+            width: 'fit-content',
+            minWidth: '150px',
+            maxWidth: '560px',
+            position: 'relative',
+            display: 'flex',
+            alignItems: 'center',
+            padding: '6px 8px',
+            gap: '8px',
+            borderRadius: 'var(--radius-control-base)',
+            cursor: 'pointer',
+            font: 'var(--font-text-body-sm)'
+        },
+        '&-container:hover': {
+            /* 圆角-控件-sm */ borderRadius: 'var(--radius-control-sm)',
+            /* gray/gray-控件填充-悬停 */ /* 样式描述：--gray-a2 */ background: 'var(--color-gray-control-fill-hover)',
+            /* 投影-描边-base */ boxShadow: 'var(--shadow-border-base)'
+        },
+        '&-container:hover &-close-button': {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        '&-quote-icon': {
+            fontSize: 14,
+            display: 'flex',
+            alignItems: 'center',
+            color: 'var(--color-gray-text-secondary)'
+        },
+        '&-close-button': {
+            fontSize: 14,
+            color: 'var(--color-gray-text-default)',
+            display: 'none'
+        },
+        '&-quoteDescription': {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            flex: 1,
+            color: 'var(--color-gray-text-default)',
+            font: 'var(--font-text-body-sm)'
+        },
+        // 弹出层样式
+        '&-popup': {
+            position: 'absolute',
+            bottom: '30px',
+            minWidth: '240px',
+            maxWidth: '800px',
+            /* 圆角-卡片-base */ borderRadius: 'var(--radius-card-base)',
+            background: 'var(--color-gray-bg-page-light)',
+            boxSizing: 'border-box',
+            border: '1px solid var(--color-gray-border-light)',
+            boxShadow: 'var(--shadow-popover-base)',
+            display: 'none',
+            flexDirection: 'column',
+            gap: 4,
+            zIndex: 1001,
+            minHeight: 'auto',
+            fontSize: '12px',
+            fontWeight: 'normal',
+            lineHeight: '20px',
+            letterSpacing: 'normal',
+            color: 'var(--color-gray-text-secondary)',
+            padding: 4,
+            // 扩展hover区域，填补与容器之间的空隙
+            '&::before': {
+                content: '""',
+                position: 'absolute',
+                bottom: '-10px',
+                left: '0',
+                right: '0',
+                height: '10px',
+                background: 'transparent',
+                pointerEvents: 'auto'
+            }
+        },
+        // hover时显示弹框（包括hover到连接区域）
+        '&-container:hover &-popup': {
+            display: 'flex'
+        },
+        '&-popup:hover': {
+            display: 'flex'
+        },
+        /* gray/gray-背景-页面-浅 */ '&-popup-content': {
+            padding: '8px',
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word',
+            maxHeight: '70px',
+            overflowY: 'auto',
+            lineHeight: '20px',
+            boxSizing: 'border-box',
+            letterSpacing: 'var(--letter-spacing-body-sm, normal)',
+            borderRadius: 'var(--radius-card-base)',
+            background: 'var(--color-gray-bg-card-white)',
+            boxShadow: 'var(--shadow-border-base)'
+        },
+        '&-popup-header': {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 4,
+            padding: '4px 8px',
+            width: 'fit-content',
+            maxWidth: '100%'
+        },
+        '&-popup-header:hover': {
+            borderRadius: 'var(--radius-control-base)',
+            background: 'var(--color-gray-control-fill-hover)'
+        },
+        '&-popup-title': {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+        '&-popup-range': {
+            flex: 'none'
+        }
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("quote", (token) => {
-    const quoteToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('quote', function(token) {
+        var quoteToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genQuoteStyle(quoteToken)
+        ];
     });
-    return [genQuoteStyle(quoteToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/Schema/SchemaEditor/AceEditorWrapper.js

@@ -1,126 +1,170 @@
-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]);
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
     }
-  return a;
-};
-
-// src/Schema/SchemaEditor/AceEditorWrapper.tsx
-import ace from "ace-builds";
-import React, { useEffect, useRef } from "react";
-import { aceLangs, modeMap } from "../../MarkdownEditor/editor/utils/ace";
-if (typeof window !== "undefined" && !window.ResizeObserver) {
-  window.ResizeObserver = class ResizeObserver {
-    constructor(callback) {
-      this.callback = callback;
-    }
-    observe() {
-    }
-    unobserve() {
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
     }
-    disconnect() {
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+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 obj;
 }
-var AceEditorWrapper = ({
-  value,
-  language = "text",
-  onChange,
-  readonly = false,
-  className = "",
-  height = "100%",
-  options = {}
-}) => {
-  const containerRef = useRef(null);
-  const editorRef = useRef();
-  const valueRef = useRef(value);
-  useEffect(() => {
-    if (!containerRef.current)
-      return;
-    const codeEditor = ace.edit(containerRef.current, __spreadValues({
-      useWorker: false,
-      value,
-      fontSize: 12,
-      animatedScroll: true,
-      maxLines: Infinity,
-      wrap: true,
-      tabSize: 4,
-      readOnly: readonly,
-      showPrintMargin: false,
-      showLineNumbers: true,
-      showGutter: true
-    }, options));
-    editorRef.current = codeEditor;
-    setTimeout(() => {
-      let lang = language.toLowerCase();
-      if (modeMap.has(lang)) {
-        lang = modeMap.get(lang);
-      }
-      if (aceLangs.has(lang)) {
-        codeEditor.session.setMode(`ace/mode/${lang}`);
-      }
-    }, 16);
-    if (!readonly && onChange) {
-      codeEditor.on("change", () => {
-        const newValue = codeEditor.getValue();
-        if (newValue !== valueRef.current) {
-          valueRef.current = newValue;
-          onChange(newValue);
+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;
+            }));
         }
-      });
-    }
-    return () => {
-      codeEditor == null ? void 0 : codeEditor.destroy();
-    };
-  }, []);
-  useEffect(() => {
-    if (editorRef.current && value !== valueRef.current) {
-      editorRef.current.setValue(value);
-      valueRef.current = value;
-    }
-  }, [value]);
-  useEffect(() => {
-    if (editorRef.current) {
-      let lang = language.toLowerCase();
-      if (modeMap.has(lang)) {
-        lang = modeMap.get(lang);
-      }
-      if (aceLangs.has(lang)) {
-        editorRef.current.session.setMode(`ace/mode/${lang}`);
-      } else {
-        editorRef.current.session.setMode(`ace/mode/text`);
-      }
-    }
-  }, [language]);
-  useEffect(() => {
-    if (editorRef.current) {
-      editorRef.current.setReadOnly(readonly);
-    }
-  }, [readonly]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: containerRef,
-      className,
-      style: {
-        height: typeof height === "number" ? `${height}px` : height,
-        width: "100%"
-      }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
     }
-  );
-};
-var AceEditorWrapper_default = AceEditorWrapper;
-export {
-  AceEditorWrapper,
-  AceEditorWrapper_default as default
+    return target;
+}
+import ace from "ace-builds";
+import React, { useEffect, useRef } from "react";
+import { aceLangs, modeMap } from "../../MarkdownEditor/editor/utils/ace";
+// 确保 ResizeObserver 在测试环境中可用
+if (typeof window !== 'undefined' && !window.ResizeObserver) {
+    window.ResizeObserver = /*#__PURE__*/ function() {
+        "use strict";
+        function ResizeObserver(callback) {
+            _class_call_check(this, ResizeObserver);
+            _define_property(this, "callback", void 0);
+            this.callback = callback;
+        }
+        _create_class(ResizeObserver, [
+            {
+                key: "observe",
+                value: function observe() {}
+            },
+            {
+                key: "unobserve",
+                value: function unobserve() {}
+            },
+            {
+                key: "disconnect",
+                value: function disconnect() {}
+            }
+        ]);
+        return ResizeObserver;
+    }();
+}
+/**
+ * AceEditor包装组件
+ *
+ * 完全独立的AceEditor实现，不依赖其他组件
+ * 提供基础的代码编辑功能，支持语法高亮、只读模式等
+ */ export var AceEditorWrapper = function(param) {
+    var value = param.value, _param_language = param.language, language = _param_language === void 0 ? 'text' : _param_language, onChange = param.onChange, _param_readonly = param.readonly, readonly = _param_readonly === void 0 ? false : _param_readonly, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_height = param.height, height = _param_height === void 0 ? '100%' : _param_height, _param_options = param.options, options = _param_options === void 0 ? {} : _param_options;
+    var containerRef = useRef(null);
+    var editorRef = useRef();
+    var valueRef = useRef(value);
+    // 初始化编辑器
+    useEffect(function() {
+        if (!containerRef.current) return;
+        var codeEditor = ace.edit(containerRef.current, _object_spread({
+            useWorker: false,
+            value: value,
+            fontSize: 12,
+            animatedScroll: true,
+            maxLines: Infinity,
+            wrap: true,
+            tabSize: 4,
+            readOnly: readonly,
+            showPrintMargin: false,
+            showLineNumbers: true,
+            showGutter: true
+        }, options));
+        editorRef.current = codeEditor;
+        // 设置语法高亮
+        setTimeout(function() {
+            var lang = language.toLowerCase();
+            if (modeMap.has(lang)) {
+                lang = modeMap.get(lang);
+            }
+            if (aceLangs.has(lang)) {
+                codeEditor.session.setMode("ace/mode/".concat(lang));
+            }
+        }, 16);
+        // 配置编辑器事件
+        if (!readonly && onChange) {
+            codeEditor.on('change', function() {
+                var newValue = codeEditor.getValue();
+                if (newValue !== valueRef.current) {
+                    valueRef.current = newValue;
+                    onChange(newValue);
+                }
+            });
+        }
+        return function() {
+            codeEditor === null || codeEditor === void 0 ? void 0 : codeEditor.destroy();
+        };
+    }, []);
+    // 更新值
+    useEffect(function() {
+        if (editorRef.current && value !== valueRef.current) {
+            editorRef.current.setValue(value);
+            valueRef.current = value;
+        }
+    }, [
+        value
+    ]);
+    // 更新语言
+    useEffect(function() {
+        if (editorRef.current) {
+            var lang = language.toLowerCase();
+            if (modeMap.has(lang)) {
+                lang = modeMap.get(lang);
+            }
+            if (aceLangs.has(lang)) {
+                editorRef.current.session.setMode("ace/mode/".concat(lang));
+            } else {
+                editorRef.current.session.setMode("ace/mode/text");
+            }
+        }
+    }, [
+        language
+    ]);
+    // 更新只读状态
+    useEffect(function() {
+        if (editorRef.current) {
+            editorRef.current.setReadOnly(readonly);
+        }
+    }, [
+        readonly
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: containerRef,
+        className: className,
+        style: {
+            height: typeof height === 'number' ? "".concat(height, "px") : height,
+            width: '100%'
+        }
+    });
 };
+export default AceEditorWrapper;