@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/MarkdownEditor/editor/tools/ToolBar/hooks/useToolBarLogic.js

@@ -1,168 +1,259 @@
-// src/MarkdownEditor/editor/tools/ToolBar/hooks/useToolBarLogic.ts
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Editor, Element, Node, Text, Transforms } from "slate";
 import { MarkdownFormatter } from "../../../../../Plugins/formatter";
 import { getSelRect } from "../../../utils/dom";
 import { EditorUtils } from "../../../utils/editorUtils";
-var useToolBarLogic = ({
-  markdownEditorRef,
-  keyTask$,
-  store,
-  openInsertLink$,
-  setDomRect,
-  refreshFloatBar,
-  domRect
-}) => {
-  const [refresh, setRefresh] = useState(false);
-  const [highColor, setHighColor] = useState(null);
-  const isCodeNode = useCallback(
-    (editor) => {
-      const [node] = Editor.nodes(editor, {
-        match: (n) => Element.isElement(n),
-        mode: "lowest"
-      });
-      return node && node[0].type === "code";
-    },
-    []
-  );
-  const currentNode = useMemo(() => {
-    if (!markdownEditorRef.current)
-      return null;
-    const [node] = Editor.nodes(markdownEditorRef.current, {
-      match: (n) => Element.isElement(n),
-      mode: "lowest"
-    });
-    return node;
-  }, [markdownEditorRef, refresh]);
-  const isFormatActive = useCallback(
-    (type) => {
-      if (!markdownEditorRef.current)
-        return false;
-      return EditorUtils.isFormatActive(markdownEditorRef.current, type);
-    },
-    [markdownEditorRef, refresh]
-  );
-  const handleUndo = useCallback(() => {
-    keyTask$.next({ key: "undo", args: [] });
-  }, [keyTask$]);
-  const handleRedo = useCallback(() => {
-    keyTask$.next({ key: "redo", args: [] });
-  }, [keyTask$]);
-  const handleClearFormat = useCallback(() => {
-    if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current))
-      return;
-    EditorUtils.clearMarks(markdownEditorRef.current, true);
-    EditorUtils.highColor(markdownEditorRef.current);
-  }, [markdownEditorRef, isCodeNode]);
-  const handleFormat = useCallback(() => {
-    const editor = markdownEditorRef.current;
-    if (!editor)
-      return;
-    const [node] = Editor.nodes(editor, {
-      match: (n) => Text.isText(n),
-      mode: "all"
-    });
-    if (node) {
-      const content = Node.string(node.at(0));
-      if (content.trim() === "") {
-        const markdown = store.getMDContent();
-        if (markdown) {
-          const formatted2 = MarkdownFormatter.format(markdown);
-          store.setMDContent(formatted2);
-          setRefresh((r) => !r);
+export var useToolBarLogic = function(param) {
+    var markdownEditorRef = param.markdownEditorRef, keyTask$ = param.keyTask$, store = param.store, openInsertLink$ = param.openInsertLink$, setDomRect = param.setDomRect, refreshFloatBar = param.refreshFloatBar, domRect = param.domRect;
+    var _useState = _sliced_to_array(useState(false), 2), refresh = _useState[0], setRefresh = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), highColor = _useState1[0], setHighColor = _useState1[1];
+    // 检查是否为代码节点
+    var isCodeNode = useCallback(function(editor) {
+        var _Editor_nodes = _sliced_to_array(Editor.nodes(editor, {
+            match: function(n) {
+                return Element.isElement(n);
+            },
+            mode: 'lowest'
+        }), 1), node = _Editor_nodes[0];
+        return node && node[0].type === 'code';
+    }, []);
+    // 获取当前节点
+    var currentNode = useMemo(function() {
+        if (!markdownEditorRef.current) return null;
+        var _Editor_nodes = _sliced_to_array(Editor.nodes(markdownEditorRef.current, {
+            match: function(n) {
+                return Element.isElement(n);
+            },
+            mode: 'lowest'
+        }), 1), node = _Editor_nodes[0];
+        return node;
+    }, [
+        markdownEditorRef,
+        refresh
+    ]);
+    // 检查格式是否激活
+    var isFormatActive = useCallback(function(type) {
+        if (!markdownEditorRef.current) return false;
+        return EditorUtils.isFormatActive(markdownEditorRef.current, type);
+    }, [
+        markdownEditorRef,
+        refresh
+    ]);
+    // 撤销操作
+    var handleUndo = useCallback(function() {
+        keyTask$.next({
+            key: 'undo',
+            args: []
+        });
+    }, [
+        keyTask$
+    ]);
+    // 重做操作
+    var handleRedo = useCallback(function() {
+        keyTask$.next({
+            key: 'redo',
+            args: []
+        });
+    }, [
+        keyTask$
+    ]);
+    // 清除格式
+    var handleClearFormat = useCallback(function() {
+        if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current)) return;
+        EditorUtils.clearMarks(markdownEditorRef.current, true);
+        EditorUtils.highColor(markdownEditorRef.current);
+    }, [
+        markdownEditorRef,
+        isCodeNode
+    ]);
+    // 格式化文档
+    var handleFormat = useCallback(function() {
+        var editor = markdownEditorRef.current;
+        if (!editor) return;
+        var _Editor_nodes = _sliced_to_array(Editor.nodes(editor, {
+            match: function(n) {
+                return Text.isText(n);
+            },
+            mode: 'all'
+        }), 1), node = _Editor_nodes[0];
+        if (node) {
+            var content = Node.string(node.at(0));
+            if (content.trim() === '') {
+                var markdown = store.getMDContent();
+                if (markdown) {
+                    var formatted = MarkdownFormatter.format(markdown);
+                    store.setMDContent(formatted);
+                    setRefresh(function(r) {
+                        return !r;
+                    });
+                }
+                return;
+            }
+            var formatted1 = MarkdownFormatter.format(content);
+            var selection = editor.selection;
+            if (!selection) return;
+            Transforms.insertText(editor, formatted1, {
+                at: node[1]
+            });
+            Transforms.select(editor, node[1]);
         }
-        return;
-      }
-      const formatted = MarkdownFormatter.format(content);
-      const selection = editor.selection;
-      if (!selection)
-        return;
-      Transforms.insertText(editor, formatted, { at: node[1] });
-      Transforms.select(editor, node[1]);
-    }
-  }, [markdownEditorRef, store]);
-  const handleHeadingChange = useCallback(
-    (level) => {
-      keyTask$.next({ key: "head", args: [level] });
-    },
-    [keyTask$]
-  );
-  const handleColorChange = useCallback(
-    (color) => {
-      if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current))
-        return;
-      EditorUtils.highColor(markdownEditorRef.current, color);
-      setHighColor(color);
-      setRefresh((r) => !r);
-    },
-    [markdownEditorRef, isCodeNode]
-  );
-  const handleToggleHighColor = useCallback(() => {
-    if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current))
-      return;
-    if (EditorUtils.isFormatActive(markdownEditorRef.current, "highColor")) {
-      EditorUtils.highColor(markdownEditorRef.current);
-    } else {
-      EditorUtils.highColor(markdownEditorRef.current, highColor || "#10b981");
-    }
-    setRefresh((r) => !r);
-  }, [markdownEditorRef, isCodeNode, highColor]);
-  const handleToolClick = useCallback(
-    (tool) => {
-      if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current))
-        return;
-      if (tool.onClick) {
-        tool.onClick(markdownEditorRef.current);
-      } else {
-        EditorUtils.toggleFormat(markdownEditorRef.current, tool.type);
-      }
-      setRefresh((r) => !r);
-    },
-    [markdownEditorRef, isCodeNode]
-  );
-  const handleInsertLink = useCallback(() => {
-    var _a;
-    const sel = (_a = markdownEditorRef.current) == null ? void 0 : _a.selection;
-    if (!sel)
-      return;
-    setDomRect(getSelRect());
-    if (typeof window === "undefined" || typeof window.matchMedia === "undefined")
-      return;
-    openInsertLink$.next(sel);
-  }, [markdownEditorRef, setDomRect, openInsertLink$]);
-  const handleInsert = useCallback(
-    (op) => {
-      if (!op)
-        return;
-      keyTask$.next({ key: op.task, args: op.args });
-    },
-    [keyTask$]
-  );
-  useEffect(() => {
-    setRefresh((r) => !r);
-  }, [refreshFloatBar, domRect]);
-  return {
-    currentNode,
-    highColor,
-    isCodeNode: useCallback(
-      () => markdownEditorRef.current ? isCodeNode(markdownEditorRef.current) : false,
-      [isCodeNode, markdownEditorRef]
-    ),
-    isFormatActive,
-    isHighColorActive: isFormatActive("highColor"),
-    isLinkActive: isFormatActive("url"),
-    handleUndo,
-    handleRedo,
-    handleClearFormat,
-    handleFormat,
-    handleHeadingChange,
-    handleColorChange,
-    handleToggleHighColor,
-    handleToolClick,
-    handleInsertLink,
-    handleInsert
-  };
-};
-export {
-  useToolBarLogic
+    }, [
+        markdownEditorRef,
+        store
+    ]);
+    // 标题变更
+    var handleHeadingChange = useCallback(function(level) {
+        keyTask$.next({
+            key: 'head',
+            args: [
+                level
+            ]
+        });
+    }, [
+        keyTask$
+    ]);
+    // 颜色变更
+    var handleColorChange = useCallback(function(color) {
+        if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current)) return;
+        EditorUtils.highColor(markdownEditorRef.current, color);
+        setHighColor(color);
+        setRefresh(function(r) {
+            return !r;
+        });
+    }, [
+        markdownEditorRef,
+        isCodeNode
+    ]);
+    // 切换高亮颜色
+    var handleToggleHighColor = useCallback(function() {
+        if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current)) return;
+        if (EditorUtils.isFormatActive(markdownEditorRef.current, 'highColor')) {
+            EditorUtils.highColor(markdownEditorRef.current);
+        } else {
+            EditorUtils.highColor(markdownEditorRef.current, highColor || '#10b981');
+        }
+        setRefresh(function(r) {
+            return !r;
+        });
+    }, [
+        markdownEditorRef,
+        isCodeNode,
+        highColor
+    ]);
+    // 工具点击处理
+    var handleToolClick = useCallback(function(tool) {
+        if (!markdownEditorRef.current || isCodeNode(markdownEditorRef.current)) return;
+        if (tool.onClick) {
+            tool.onClick(markdownEditorRef.current);
+        } else {
+            EditorUtils.toggleFormat(markdownEditorRef.current, tool.type);
+        }
+        setRefresh(function(r) {
+            return !r;
+        });
+    }, [
+        markdownEditorRef,
+        isCodeNode
+    ]);
+    // 插入链接
+    var handleInsertLink = useCallback(function() {
+        var _markdownEditorRef_current;
+        var sel = (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.selection;
+        if (!sel) return;
+        setDomRect(getSelRect());
+        if (typeof window === 'undefined' || typeof window.matchMedia === 'undefined') return;
+        openInsertLink$.next(sel);
+    }, [
+        markdownEditorRef,
+        setDomRect,
+        openInsertLink$
+    ]);
+    // 插入操作
+    var handleInsert = useCallback(function(op) {
+        if (!op) return;
+        keyTask$.next({
+            key: op.task,
+            args: op.args
+        });
+    }, [
+        keyTask$
+    ]);
+    // 监听变化
+    useEffect(function() {
+        setRefresh(function(r) {
+            return !r;
+        });
+    }, [
+        refreshFloatBar,
+        domRect
+    ]);
+    return {
+        currentNode: currentNode,
+        highColor: highColor,
+        isCodeNode: useCallback(function() {
+            return markdownEditorRef.current ? isCodeNode(markdownEditorRef.current) : false;
+        }, [
+            isCodeNode,
+            markdownEditorRef
+        ]),
+        isFormatActive: isFormatActive,
+        isHighColorActive: isFormatActive('highColor'),
+        isLinkActive: isFormatActive('url'),
+        handleUndo: handleUndo,
+        handleRedo: handleRedo,
+        handleClearFormat: handleClearFormat,
+        handleFormat: handleFormat,
+        handleHeadingChange: handleHeadingChange,
+        handleColorChange: handleColorChange,
+        handleToggleHighColor: handleToggleHighColor,
+        handleToolClick: handleToolClick,
+        handleInsertLink: handleInsertLink,
+        handleInsert: handleInsert
+    };
 };

package/dist/MarkdownEditor/editor/tools/ToolBar/index.js

@@ -1,25 +1,15 @@
-// src/MarkdownEditor/editor/tools/ToolBar/index.ts
-import { ClearFormatButton } from "./components/ClearFormatButton";
-import { ColorPickerButton } from "./components/ColorPickerButton";
-import { FormatButton } from "./components/FormatButton";
-import { FormattingTools } from "./components/FormattingTools";
-import { HeadingDropdown } from "./components/HeadingDropdown";
-import { LinkButton } from "./components/LinkButton";
-import { ToolBarItem } from "./components/ToolBarItem";
-import { UndoRedoButtons } from "./components/UndoRedoButtons";
-import { useToolBarLogic } from "./hooks/useToolBarLogic";
-import { isCodeNode, useToolsConfig } from "./config/toolsConfig";
+// Components
+export { ClearFormatButton } from "./components/ClearFormatButton";
+export { ColorPickerButton } from "./components/ColorPickerButton";
+export { FormatButton } from "./components/FormatButton";
+export { FormattingTools } from "./components/FormattingTools";
+export { HeadingDropdown } from "./components/HeadingDropdown";
+export { LinkButton } from "./components/LinkButton";
+export { ToolBarItem } from "./components/ToolBarItem";
+export { UndoRedoButtons } from "./components/UndoRedoButtons";
+// Hooks
+export { useToolBarLogic } from "./hooks/useToolBarLogic";
+// Config
+export { isCodeNode, useToolsConfig } from "./config/toolsConfig";
+// Main component
 export * from "./BaseBar";
-export {
-  ClearFormatButton,
-  ColorPickerButton,
-  FormatButton,
-  FormattingTools,
-  HeadingDropdown,
-  LinkButton,
-  ToolBarItem,
-  UndoRedoButtons,
-  isCodeNode,
-  useToolBarLogic,
-  useToolsConfig
-};

package/dist/MarkdownEditor/editor/tools/ToolBar/toolBarStyle.js

@@ -1,71 +1,101 @@
-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/tools/ToolBar/toolBarStyle.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      borderTopLeftRadius: "0.5em",
-      borderTopRightRadius: "0.5em",
-      borderBottom: "1px solid rgb(229 231 235 / 0.8)",
-      overflow: "hidden",
-      height: "42px",
-      fontSize: "1.05em",
-      color: "rgb(107 114 128 / 80%)",
-      backdropFilter: "blur(8px)",
-      boxSizing: "border-box",
-      backgroundColor: "rgb(255 255 255)",
-      padding: "6px 4px",
-      "&-item": {
-        display: "flex",
-        height: "32px",
-        fontSize: "1.05em",
-        borderRadius: "4px",
-        lineHeight: "32px",
-        padding: "0 6px",
-        boxSizing: "border-box",
-        alignItems: "center",
-        gap: "2px",
-        cursor: "pointer",
-        "&:hover": {
-          backgroundColor: "rgb(229 231 235 / 0.65)"
+    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;
+            });
         }
-      },
-      "&-item-min-plus-icon": {
-        color: "#1677ff"
-      }
+        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 { resetComponent, useEditorStyleRegister } from "../../../../Hooks/useStyle";
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        borderTopLeftRadius: '0.5em',
+        borderTopRightRadius: '0.5em',
+        borderBottom: '1px solid rgb(229 231 235 / 0.8)',
+        overflow: 'hidden',
+        height: '42px',
+        fontSize: '1.05em',
+        color: 'rgb(107 114 128 / 80%)',
+        backdropFilter: 'blur(8px)',
+        boxSizing: 'border-box',
+        backgroundColor: 'rgb(255 255 255)',
+        padding: '6px 4px',
+        '&-item': {
+            display: 'flex',
+            height: '32px',
+            fontSize: '1.05em',
+            borderRadius: '4px',
+            lineHeight: '32px',
+            padding: '0 6px',
+            boxSizing: 'border-box',
+            alignItems: 'center',
+            gap: '2px',
+            cursor: 'pointer',
+            '&:hover': {
+                backgroundColor: 'rgb(229 231 235 / 0.65)'
+            }
+        },
+        '&-item-min-plus-icon': {
+            color: '#1677ff'
+        }
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("ToolBar-" + prefixCls, (token) => {
-    const editorToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * BubbleChat
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('ToolBar-' + prefixCls, function(token) {
+        var editorToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(editorToken),
+            genStyle(editorToken)
+        ];
     });
-    return [resetComponent(editorToken), genStyle(editorToken)];
-  });
 }
-export {
-  useStyle
-};