@ant-design/agentic-ui 2.8.0 → 2.9.0

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

@@ -1,53 +1,53 @@
-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 _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;
-};
-
-// src/MarkdownEditor/editor/tools/ToolBar/ToolBar.tsx
+    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;
+}
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";
 import { BaseToolBar } from "./BaseBar";
 import { useStyle } from "./toolBarStyle";
-var ToolBar = (props) => {
-  const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context == null ? void 0 : context.getPrefixCls(`agentic-md-editor-toolbar`);
-  const { wrapSSR, hashId } = useStyle(baseClassName);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        onMouseDown: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
+/**
+ * 浮动工具栏,用于设置文本样式
+ */ var ToolBar = function(props) {
+    var context = useContext(ConfigProvider.ConfigContext);
+    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("agentic-md-editor-toolbar");
+    var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        onMouseDown: function(e) {
+            e.preventDefault();
+            e.stopPropagation();
         },
         className: classNames(baseClassName, hashId, props.prefix)
-      },
-      /* @__PURE__ */ React.createElement(
-        BaseToolBar,
-        __spreadValues({
-          prefix: baseClassName,
-          showEditor: true,
-          showInsertAction: true,
-          hashId
-        }, props)
-      )
-    )
-  );
-};
-var ToolBar_default = React.memo(ToolBar);
-export {
-  ToolBar_default as default
+    }, /*#__PURE__*/ React.createElement(BaseToolBar, _object_spread({
+        prefix: baseClassName,
+        showEditor: true,
+        showInsertAction: true,
+        hashId: hashId
+    }, props))));
 };
+export default /*#__PURE__*/ React.memo(ToolBar);

package/dist/MarkdownEditor/editor/tools/ToolBar/components/ClearFormatButton.js

@@ -1,42 +1,27 @@
-// src/MarkdownEditor/editor/tools/ToolBar/components/ClearFormatButton.tsx
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
-var ClearIcon = React.memo(() => {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      viewBox: "0 0 1024 1024",
-      version: "1.1",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em"
-    },
-    /* @__PURE__ */ React.createElement(
-      "path",
-      {
+var ClearIcon = /*#__PURE__*/ React.memo(function() {
+    return /*#__PURE__*/ React.createElement("svg", {
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em"
+    }, /*#__PURE__*/ React.createElement("path", {
         d: "M604.536246 736.222443l288.794439-282.693148-287.777557-270.999007-270.999007 283.201589z m-72.70705 71.181728L264.389275 539.455809 145.922542 660.973188l164.734856 164.734856a50.844091 50.844091 0 0 0 36.099305 14.744786h107.789474a101.688183 101.688183 0 0 0 71.181728-28.981132z m109.314796 35.082423h254.220457a50.844091 50.844091 0 0 1 0 101.688183H346.248262a152.532274 152.532274 0 0 1-107.789474-44.742801l-164.734856-164.734856a101.688183 101.688183 0 0 1 0-142.363456l457.596823-480.476663a101.688183 101.688183 0 0 1 143.380337-3.559086l287.269117 270.999007a101.688183 101.688183 0 0 1 4.067527 143.888778l-3.050646 3.050646z",
         fill: "currentColor"
-      }
-    )
-  );
+    }));
 });
-ClearIcon.displayName = "ClearIcon";
-var ClearFormatButton = React.memo(
-  ({ baseClassName, hashId, i18n, onClear }) => {
-    var _a;
-    return /* @__PURE__ */ React.createElement(
-      ToolBarItem,
-      {
-        title: ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.clearFormatting) || "清除格式",
-        icon: /* @__PURE__ */ React.createElement(ClearIcon, null),
+ClearIcon.displayName = 'ClearIcon';
+export var ClearFormatButton = /*#__PURE__*/ React.memo(function(param) {
+    var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, onClear = param.onClear;
+    var _i18n_locale;
+    return /*#__PURE__*/ React.createElement(ToolBarItem, {
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.clearFormatting) || '清除格式',
+        icon: /*#__PURE__*/ React.createElement(ClearIcon, null),
         onClick: onClear,
-        className: classnames(`${baseClassName}-item`, hashId)
-      }
-    );
-  }
-);
-ClearFormatButton.displayName = "ClearFormatButton";
-export {
-  ClearFormatButton
-};
+        className: classnames("".concat(baseClassName, "-item"), hashId)
+    });
+});
+ClearFormatButton.displayName = 'ClearFormatButton';

package/dist/MarkdownEditor/editor/tools/ToolBar/components/ColorPickerButton.js

@@ -1,89 +1,85 @@
-// src/MarkdownEditor/editor/tools/ToolBar/components/ColorPickerButton.tsx
 import { HighlightOutlined } from "@ant-design/icons";
 import { ColorPicker } from "antd";
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
 var colors = [
-  { color: "rgba(16,185,129,1)" },
-  { color: "rgba(245,158,11,1)" },
-  { color: "rgba(59,130,246,1)" },
-  { color: "rgba(156,163,175,.8)" },
-  { color: "rgba(99,102, 241,1)" },
-  { color: "rgba(244,63,94,1)" },
-  { color: "rgba(217,70,239,1)" },
-  { color: "rgba(14, 165, 233, 1)" }
+    {
+        color: 'rgba(16,185,129,1)'
+    },
+    {
+        color: 'rgba(245,158,11,1)'
+    },
+    {
+        color: 'rgba(59,130,246,1)'
+    },
+    {
+        color: 'rgba(156,163,175,.8)'
+    },
+    {
+        color: 'rgba(99,102, 241,1)'
+    },
+    {
+        color: 'rgba(244,63,94,1)'
+    },
+    {
+        color: 'rgba(217,70,239,1)'
+    },
+    {
+        color: 'rgba(14, 165, 233, 1)'
+    }
 ];
-var ColorPickerButton = React.memo(
-  ({
-    baseClassName,
-    hashId,
-    i18n,
-    highColor,
-    isHighColorActive,
-    onColorChange,
-    onToggleHighColor
-  }) => {
-    var _a;
-    const handleColorChange = React.useCallback(
-      (color) => {
+export var ColorPickerButton = /*#__PURE__*/ React.memo(function(param) {
+    var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, highColor = param.highColor, isHighColorActive = param.isHighColorActive, onColorChange = param.onColorChange, onToggleHighColor = param.onToggleHighColor;
+    var _i18n_locale;
+    var handleColorChange = React.useCallback(function(color) {
         onColorChange(color.toHexString());
-      },
-      [onColorChange]
-    );
-    return /* @__PURE__ */ React.createElement(
-      ToolBarItem,
-      {
-        title: ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a["font-color"]) || "字体颜色",
-        icon: /* @__PURE__ */ React.createElement(HighlightOutlined, null),
-        className: classnames(`${baseClassName}-item`, hashId),
-        style: { position: "relative" }
-      },
-      /* @__PURE__ */ React.createElement(
-        ColorPicker,
-        {
-          style: {
-            position: "absolute",
+    }, [
+        onColorChange
+    ]);
+    return /*#__PURE__*/ React.createElement(ToolBarItem, {
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale['font-color']) || '字体颜色',
+        icon: /*#__PURE__*/ React.createElement(HighlightOutlined, null),
+        className: classnames("".concat(baseClassName, "-item"), hashId),
+        style: {
+            position: 'relative'
+        }
+    }, /*#__PURE__*/ React.createElement(ColorPicker, {
+        style: {
+            position: 'absolute',
             opacity: 0,
             top: 0,
             left: 0,
-            width: "100%",
-            height: "100%"
-          },
-          size: "small",
-          value: highColor,
-          presets: [
+            width: '100%',
+            height: '100%'
+        },
+        size: "small",
+        value: highColor,
+        presets: [
             {
-              label: "Colors",
-              colors: colors.map((c) => c.color)
+                label: 'Colors',
+                colors: colors.map(function(c) {
+                    return c.color;
+                })
             }
-          ],
-          onChange: handleColorChange
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            height: "100%",
-            alignItems: "center",
-            fontWeight: isHighColorActive ? "bold" : void 0,
-            textDecoration: "underline solid " + highColor,
+        ],
+        onChange: handleColorChange
+    }), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            height: '100%',
+            alignItems: 'center',
+            fontWeight: isHighColorActive ? 'bold' : undefined,
+            textDecoration: 'underline solid ' + highColor,
             textDecorationThickness: 2,
             lineHeight: 1,
-            color: highColor || void 0
-          },
-          role: "button",
-          onMouseEnter: (e) => e.stopPropagation(),
-          onClick: onToggleHighColor
+            color: highColor || undefined
+        },
+        role: "button",
+        onMouseEnter: function(e) {
+            return e.stopPropagation();
         },
-        /* @__PURE__ */ React.createElement(HighlightOutlined, null)
-      )
-    );
-  }
-);
-ColorPickerButton.displayName = "ColorPickerButton";
-export {
-  ColorPickerButton
-};
+        onClick: onToggleHighColor
+    }, /*#__PURE__*/ React.createElement(HighlightOutlined, null)));
+});
+ColorPickerButton.displayName = 'ColorPickerButton';

package/dist/MarkdownEditor/editor/tools/ToolBar/components/FormatButton.js

@@ -1,24 +1,18 @@
-// src/MarkdownEditor/editor/tools/ToolBar/components/FormatButton.tsx
 import { FormatPainterOutlined } from "@ant-design/icons";
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
-var FormatButton = React.memo(
-  ({ baseClassName, hashId, i18n, onFormat }) => {
-    var _a;
-    return /* @__PURE__ */ React.createElement(
-      ToolBarItem,
-      {
-        title: ((_a = i18n.locale) == null ? void 0 : _a.format) || "格式化",
-        icon: /* @__PURE__ */ React.createElement(FormatPainterOutlined, null),
+export var FormatButton = /*#__PURE__*/ React.memo(function(param) {
+    var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, onFormat = param.onFormat;
+    var _i18n_locale;
+    return /*#__PURE__*/ React.createElement(ToolBarItem, {
+        title: ((_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.format) || '格式化',
+        icon: /*#__PURE__*/ React.createElement(FormatPainterOutlined, null),
         onClick: onFormat,
-        className: classnames(`${baseClassName}-item`, hashId),
-        style: { fontSize: "0.9em" }
-      }
-    );
-  }
-);
-FormatButton.displayName = "FormatButton";
-export {
-  FormatButton
-};
+        className: classnames("".concat(baseClassName, "-item"), hashId),
+        style: {
+            fontSize: '0.9em'
+        }
+    });
+});
+FormatButton.displayName = 'FormatButton';

package/dist/MarkdownEditor/editor/tools/ToolBar/components/FormattingTools.js

@@ -1,45 +1,38 @@
-// src/MarkdownEditor/editor/tools/ToolBar/components/FormattingTools.tsx
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
-var FormattingTools = React.memo(
-  ({
-    baseClassName,
-    hashId,
-    i18n,
-    tools,
-    editor,
-    isCodeNode,
-    onToolClick,
-    isFormatActive,
-    isInTable = false,
-    hideTools = []
-  }) => {
-    const allowedInTable = ["bold", "italic", "strikethrough", "inline-code"];
-    let filteredTools = isInTable ? tools.filter((tool) => allowedInTable.includes(tool.key)) : tools;
-    filteredTools = filteredTools.filter(
-      (tool) => !hideTools.includes(tool.key)
-    );
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, filteredTools.map((tool) => {
-      var _a;
-      const isActive = tool.isActive ? tool.isActive(editor) : isFormatActive(tool.type);
-      return /* @__PURE__ */ React.createElement(
-        ToolBarItem,
-        {
-          key: tool.key,
-          title: ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a[tool.key]) || tool.title,
-          icon: tool.icon,
-          onClick: () => !isCodeNode && onToolClick(tool),
-          className: classnames(`${baseClassName}-item`, hashId),
-          style: {
-            color: isActive ? "#1677ff" : void 0
-          }
-        }
-      );
+export var FormattingTools = /*#__PURE__*/ React.memo(function(param) {
+    var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, tools = param.tools, editor = param.editor, isCodeNode = param.isCodeNode, onToolClick = param.onToolClick, isFormatActive = param.isFormatActive, _param_isInTable = param.isInTable, isInTable = _param_isInTable === void 0 ? false : _param_isInTable, _param_hideTools = param.hideTools, hideTools = _param_hideTools === void 0 ? [] : _param_hideTools;
+    // 在表格内时，只允许这些基本格式化工具：加粗、斜体、删除线、行内代码
+    var allowedInTable = [
+        'bold',
+        'italic',
+        'strikethrough',
+        'inline-code'
+    ];
+    // 根据是否在表格内过滤工具，表格内不支持对齐等复杂格式
+    var filteredTools = isInTable ? tools.filter(function(tool) {
+        return allowedInTable.includes(tool.key);
+    }) : tools;
+    // 过滤掉隐藏的工具
+    filteredTools = filteredTools.filter(function(tool) {
+        return !hideTools.includes(tool.key);
+    });
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, filteredTools.map(function(tool) {
+        var _i18n_locale;
+        var isActive = tool.isActive ? tool.isActive(editor) : isFormatActive(tool.type);
+        return /*#__PURE__*/ React.createElement(ToolBarItem, {
+            key: tool.key,
+            title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale[tool.key]) || tool.title,
+            icon: tool.icon,
+            onClick: function() {
+                return !isCodeNode && onToolClick(tool);
+            },
+            className: classnames("".concat(baseClassName, "-item"), hashId),
+            style: {
+                color: isActive ? '#1677ff' : undefined
+            }
+        });
     }));
-  }
-);
-FormattingTools.displayName = "FormattingTools";
-export {
-  FormattingTools
-};
+});
+FormattingTools.displayName = 'FormattingTools';

package/dist/MarkdownEditor/editor/tools/ToolBar/components/HeadingDropdown.js

@@ -1,57 +1,63 @@
-// src/MarkdownEditor/editor/tools/ToolBar/components/HeadingDropdown.tsx
 import { Dropdown } from "antd";
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
 var HeatTextMap = {
-  1: "大标题",
-  2: "段落标题",
-  3: "小标题",
-  4: "正文",
-  Text: "正文"
+    1: '大标题',
+    2: '段落标题',
+    3: '小标题',
+    4: '正文',
+    Text: '正文'
 };
-var HeadingDropdown = React.memo(
-  ({ baseClassName, hashId, i18n, node, hideTools, onHeadingChange }) => {
-    var _a;
-    const headingItems = React.useMemo(
-      () => ["H1", "H2", "H3", "Text"].map((item, index) => {
-        if (hideTools == null ? void 0 : hideTools.includes(item)) {
-          return null;
+export var HeadingDropdown = /*#__PURE__*/ React.memo(function(param) {
+    var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, node = param.node, hideTools = param.hideTools, onHeadingChange = param.onHeadingChange;
+    var _i18n_locale;
+    var headingItems = React.useMemo(function() {
+        return [
+            'H1',
+            'H2',
+            'H3',
+            'Text'
+        ].map(function(item, index) {
+            if (hideTools === null || hideTools === void 0 ? void 0 : hideTools.includes(item)) {
+                return null;
+            }
+            return {
+                label: HeatTextMap[item.replace('H', '')] || item,
+                key: "head-".concat(item),
+                onClick: function() {
+                    return onHeadingChange(index + 1);
+                }
+            };
+        }).filter(Boolean);
+    }, [
+        hideTools,
+        onHeadingChange
+    ]);
+    var currentText = React.useMemo(function() {
+        var _node_;
+        if (node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.level) {
+            return HeatTextMap[node[0].level + ''] || "H".concat(node[0].level);
         }
-        return {
-          label: HeatTextMap[item.replace("H", "")] || item,
-          key: `head-${item}`,
-          onClick: () => onHeadingChange(index + 1)
-        };
-      }).filter(Boolean),
-      [hideTools, onHeadingChange]
-    );
-    const currentText = React.useMemo(() => {
-      var _a2;
-      if ((_a2 = node == null ? void 0 : node[0]) == null ? void 0 : _a2.level) {
-        return HeatTextMap[node[0].level + ""] || `H${node[0].level}`;
-      }
-      return "正文";
-    }, [node]);
-    return /* @__PURE__ */ React.createElement(Dropdown, { menu: { items: headingItems } }, /* @__PURE__ */ React.createElement(
-      ToolBarItem,
-      {
-        title: ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.heading) || "标题",
+        return '正文';
+    }, [
+        node
+    ]);
+    return /*#__PURE__*/ React.createElement(Dropdown, {
+        menu: {
+            items: headingItems
+        }
+    }, /*#__PURE__*/ React.createElement(ToolBarItem, {
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.heading) || '标题',
         icon: null,
-        className: classnames(`${baseClassName}-item`, hashId),
+        className: classnames("".concat(baseClassName, "-item"), hashId),
         style: {
-          minWidth: 36,
-          textAlign: "center",
-          fontSize: 12,
-          justifyContent: "center",
-          lineHeight: 1
+            minWidth: 36,
+            textAlign: 'center',
+            fontSize: 12,
+            justifyContent: 'center',
+            lineHeight: 1
         }
-      },
-      currentText
-    ));
-  }
-);
-HeadingDropdown.displayName = "HeadingDropdown";
-export {
-  HeadingDropdown
-};
+    }, currentText));
+});
+HeadingDropdown.displayName = 'HeadingDropdown';

package/dist/MarkdownEditor/editor/tools/ToolBar/components/LinkButton.js

@@ -1,26 +1,18 @@
-// src/MarkdownEditor/editor/tools/ToolBar/components/LinkButton.tsx
 import { LinkOutlined } from "@ant-design/icons";
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
-var LinkButton = React.memo(
-  ({ baseClassName, hashId, i18n, onInsertLink, isLinkActive }) => {
-    var _a;
-    return /* @__PURE__ */ React.createElement(
-      ToolBarItem,
-      {
-        title: ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.insertLink) || "插入链接",
-        icon: /* @__PURE__ */ React.createElement(LinkOutlined, null),
+export var LinkButton = /*#__PURE__*/ React.memo(function(param) {
+    var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, onInsertLink = param.onInsertLink, isLinkActive = param.isLinkActive;
+    var _i18n_locale;
+    return /*#__PURE__*/ React.createElement(ToolBarItem, {
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.insertLink) || '插入链接',
+        icon: /*#__PURE__*/ React.createElement(LinkOutlined, null),
         onClick: onInsertLink,
-        className: classnames(`${baseClassName}-item`, hashId),
+        className: classnames("".concat(baseClassName, "-item"), hashId),
         style: {
-          color: isLinkActive ? "#1677ff" : void 0
+            color: isLinkActive ? '#1677ff' : undefined
         }
-      }
-    );
-  }
-);
-LinkButton.displayName = "LinkButton";
-export {
-  LinkButton
-};
+    });
+});
+LinkButton.displayName = 'LinkButton';