@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/MarkdownEditor/editor/elements/Image/index.js

@@ -1,69 +1,255 @@
-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 _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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
     }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+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;
+}
+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 _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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+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);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/MarkdownEditor/editor/elements/Image/index.tsx
-import {
-  BlockOutlined,
-  DeleteFilled,
-  LoadingOutlined
-} from "@ant-design/icons";
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import { BlockOutlined, DeleteFilled, LoadingOutlined } from "@ant-design/icons";
 import { Image, Modal, Popover, Space } from "antd";
-import React, {
-  useCallback,
-  useContext,
-  useLayoutEffect,
-  useMemo,
-  useRef
-} from "react";
+import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
 import { Path, Transforms } from "slate";
@@ -73,474 +259,430 @@ import { useSelStatus } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { useGetSetState } from "../../utils";
 import { getMediaType } from "../../utils/dom";
-var ImageAndError = (props) => {
-  var _a, _b, _c;
-  const { editorProps } = useEditorStore();
-  const [error, setError] = React.useState(false);
-  if (error) {
-    return /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href: props.src,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        style: {
-          color: "#1890ff",
-          textDecoration: "underline",
-          wordBreak: "break-all",
-          display: "inline-block",
-          maxWidth: "100%",
-          padding: "8px 12px",
-          border: "1px dashed #d9d9d9",
-          borderRadius: "6px",
-          backgroundColor: "#fafafa"
-        }
-      },
-      props.alt || props.src || "图片链接"
-    );
-  }
-  if ((_a = editorProps == null ? void 0 : editorProps.image) == null ? void 0 : _a.render) {
-    return (_c = (_b = editorProps.image).render) == null ? void 0 : _c.call(
-      _b,
-      __spreadProps(__spreadValues({}, props), {
-        onError: () => {
-          setError(true);
-        }
-      }),
-      /* @__PURE__ */ React.createElement(
-        Image,
-        __spreadProps(__spreadValues({}, props), {
-          width: Number(props.width) || props.width || 400,
-          onError: () => {
+/**
+ * 图片组件，带有错误处理功能
+ * 如果图片加载失败，将显示可点击的链接
+ *
+ * @component
+ * @param props - 图片属性，继承自 ImageProps 接口
+ * @param props.src - 图片的源地址
+ * @returns 返回一个图片组件，如果加载失败则返回一个链接
+ *
+ * @example
+ * ```tsx
+ * <ImageAndError src="https://example.com/image.jpg" alt="示例图片" />
+ * ```
+ */ export var ImageAndError = function(props) {
+    var _editorProps_image;
+    var editorProps = useEditorStore().editorProps;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), error = _React_useState[0], setError = _React_useState[1];
+    // 图片加载失败时显示为链接
+    if (error) {
+        return /*#__PURE__*/ React.createElement("a", {
+            href: props.src,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: {
+                color: '#1890ff',
+                textDecoration: 'underline',
+                wordBreak: 'break-all',
+                display: 'inline-block',
+                maxWidth: '100%',
+                padding: '8px 12px',
+                border: '1px dashed #d9d9d9',
+                borderRadius: '6px',
+                backgroundColor: '#fafafa'
+            }
+        }, props.alt || props.src || '图片链接');
+    }
+    if (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_image = editorProps.image) === null || _editorProps_image === void 0 ? void 0 : _editorProps_image.render) {
+        var _editorProps_image_render, _editorProps_image1;
+        return (_editorProps_image_render = (_editorProps_image1 = editorProps.image).render) === null || _editorProps_image_render === void 0 ? void 0 : _editorProps_image_render.call(_editorProps_image1, _object_spread_props(_object_spread({}, props), {
+            onError: function() {
+                setError(true);
+            }
+        }), /*#__PURE__*/ React.createElement(Image, _object_spread_props(_object_spread({}, props), {
+            width: Number(props.width) || props.width || 400,
+            onError: function() {
+                setError(true);
+            }
+        })));
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "image-container"
+    }, /*#__PURE__*/ React.createElement(Image, _object_spread_props(_object_spread({}, props), {
+        width: Number(props.width) || props.width || 400,
+        onError: function() {
             setError(true);
-          }
-        })
-      )
-    );
-  }
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "image-container" }, /* @__PURE__ */ React.createElement(
-    Image,
-    __spreadProps(__spreadValues({}, props), {
-      width: Number(props.width) || props.width || 400,
-      onError: () => {
-        setError(true);
-      }
-    })
-  ));
+        }
+    })));
 };
-var ResizeImage = (_a) => {
-  var _b = _a, {
-    onResizeStart,
-    onResizeStop,
-    selected,
-    defaultSize
-  } = _b, props = __objRest(_b, [
-    "onResizeStart",
-    "onResizeStop",
-    "selected",
-    "defaultSize"
-  ]);
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(false);
-  const radio = useRef(1);
-  const [size, setSize] = React.useState({
-    width: (defaultSize == null ? void 0 : defaultSize.width) || 400,
-    height: (defaultSize == null ? void 0 : defaultSize.height) || 0
-  });
-  const imgRef = useRef(null);
-  const resize = useDebounceFn((size2) => {
-    var _a2, _b2;
-    setSize({
-      width: size2.width,
-      height: size2.width / radio.current
-    });
-    (_a2 = imgRef.current) == null ? void 0 : _a2.style.setProperty("width", `${size2.width}px`);
-    (_b2 = imgRef.current) == null ? void 0 : _b2.style.setProperty(
-      "height",
-      `${(size2.width || 0) / radio.current}px`
-    );
-  }, 160);
-  if (error) {
-    return /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href: props.src,
-        target: "_blank",
-        rel: "noopener noreferrer",
+/**
+ * 修复图片大小的问题
+ * @param props
+ * @returns
+ */ export var ResizeImage = function(_param) {
+    var onResizeStart = _param.onResizeStart, onResizeStop = _param.onResizeStop, selected = _param.selected, defaultSize = _param.defaultSize, props = _object_without_properties(_param, [
+        "onResizeStart",
+        "onResizeStop",
+        "selected",
+        "defaultSize"
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(true), 2), loading = _React_useState[0], setLoading = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(false), 2), error = _React_useState1[0], setError = _React_useState1[1];
+    var radio = useRef(1);
+    var _React_useState2 = _sliced_to_array(React.useState({
+        width: (defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.width) || 400,
+        height: (defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.height) || 0
+    }), 2), size = _React_useState2[0], setSize = _React_useState2[1];
+    var imgRef = useRef(null);
+    //@ts-expect-error
+    var resize = useDebounceFn(function(size) {
+        var _imgRef_current, _imgRef_current1;
+        setSize({
+            width: size.width,
+            height: size.width / radio.current
+        });
+        (_imgRef_current = imgRef.current) === null || _imgRef_current === void 0 ? void 0 : _imgRef_current.style.setProperty('width', "".concat(size.width, "px"));
+        (_imgRef_current1 = imgRef.current) === null || _imgRef_current1 === void 0 ? void 0 : _imgRef_current1.style.setProperty('height', "".concat((size.width || 0) / radio.current, "px"));
+    }, 160);
+    // 如果图片加载失败，显示为链接
+    if (error) {
+        return /*#__PURE__*/ React.createElement("a", {
+            href: props.src,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: {
+                color: '#1890ff',
+                textDecoration: 'underline',
+                wordBreak: 'break-all',
+                display: 'inline-block',
+                maxWidth: '100%',
+                padding: '8px 12px',
+                border: '1px dashed #d9d9d9',
+                borderRadius: '6px',
+                backgroundColor: '#fafafa',
+                fontSize: '13px',
+                lineHeight: '1.5'
+            }
+        }, props.alt || props.src);
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "resize-image-container",
         style: {
-          color: "#1890ff",
-          textDecoration: "underline",
-          wordBreak: "break-all",
-          display: "inline-block",
-          maxWidth: "100%",
-          padding: "8px 12px",
-          border: "1px dashed #d9d9d9",
-          borderRadius: "6px",
-          backgroundColor: "#fafafa",
-          fontSize: "13px",
-          lineHeight: "1.5"
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 4,
+            overflow: 'hidden',
+            width: size.width,
+            height: size.height
         }
-      },
-      props.alt || props.src
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "data-testid": "resize-image-container",
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        borderRadius: 4,
-        overflow: "hidden",
-        width: size.width,
-        height: size.height
-      }
-    },
-    loading ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
+    }, loading ? /*#__PURE__*/ React.createElement("div", {
         style: {
-          width: "24px",
-          height: "24px",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: "rgba(0,0,0,0.05)",
-          borderRadius: 12
+            width: '24px',
+            height: '24px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            background: 'rgba(0,0,0,0.05)',
+            borderRadius: 12
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        LoadingOutlined,
-        {
-          style: {
+    }, /*#__PURE__*/ React.createElement(LoadingOutlined, {
+        style: {
             fontSize: 16,
-            color: "#1890ff"
-          }
+            color: '#1890ff'
         }
-      )
-    ) : null,
-    /* @__PURE__ */ React.createElement(
-      Rnd,
-      {
-        onResizeStart,
-        onResizeStop: () => {
-          onResizeStop == null ? void 0 : onResizeStop(size);
+    })) : null, /*#__PURE__*/ React.createElement(Rnd, {
+        onResizeStart: onResizeStart,
+        onResizeStop: function() {
+            onResizeStop === null || onResizeStop === void 0 ? void 0 : onResizeStop(size);
         },
         default: {
-          x: 0,
-          y: 0,
-          width: (defaultSize == null ? void 0 : defaultSize.width) || "100%",
-          height: (defaultSize == null ? void 0 : defaultSize.height) || "100%"
+            x: 0,
+            y: 0,
+            width: (defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.width) || '100%',
+            height: (defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.height) || '100%'
         },
-        size,
+        size: size,
         disableDragging: true,
         style: {
-          userSelect: "none",
-          WebkitUserSelect: "none",
-          MozUserSelect: "none",
-          msUserSelect: "none"
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+            MozUserSelect: 'none',
+            msUserSelect: 'none'
         },
-        onResize: (_, dir, ele) => {
-          var _a2, _b2;
-          (_a2 = imgRef.current) == null ? void 0 : _a2.style.setProperty("width", `${ele.clientWidth}px`);
-          (_b2 = imgRef.current) == null ? void 0 : _b2.style.setProperty(
-            "height",
-            `${(ele.clientWidth || 0) / radio.current}px`
-          );
-          resize.cancel();
-          resize.run({
-            width: ele.clientWidth,
-            height: (ele.clientWidth || 0) / radio.current
-          });
+        onResize: function(_, dir, ele) {
+            var _imgRef_current, _imgRef_current1;
+            (_imgRef_current = imgRef.current) === null || _imgRef_current === void 0 ? void 0 : _imgRef_current.style.setProperty('width', "".concat(ele.clientWidth, "px"));
+            (_imgRef_current1 = imgRef.current) === null || _imgRef_current1 === void 0 ? void 0 : _imgRef_current1.style.setProperty('height', "".concat((ele.clientWidth || 0) / radio.current, "px"));
+            resize.cancel();
+            resize.run({
+                width: ele.clientWidth,
+                height: (ele.clientWidth || 0) / radio.current
+            });
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        "img",
-        __spreadValues({
-          draggable: false,
-          onLoad: (e) => {
+    }, /*#__PURE__*/ React.createElement("img", _object_spread({
+        draggable: false,
+        onLoad: function(e) {
             setLoading(false);
-            let width = e.target.naturalWidth;
-            const height = e.target.naturalHeight;
+            var width = e.target.naturalWidth;
+            var height = e.target.naturalHeight;
             radio.current = width / height;
-            width = Math.min(
-              (defaultSize == null ? void 0 : defaultSize.width) || 400,
-              600,
-              document.documentElement.clientWidth * 0.8 || 600
-            );
+            width = Math.min((defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.width) || 400, 600, document.documentElement.clientWidth * 0.8 || 600);
             setSize({
-              width,
-              height: width / radio.current
+                width: width,
+                height: width / radio.current
             });
-          },
-          onError: () => {
+        },
+        onError: function() {
             setError(true);
-          },
-          alt: "image",
-          referrerPolicy: "no-referrer",
-          width: `min(${size.width}px, 100%)`,
-          ref: imgRef,
-          style: {
-            width: "100%",
-            height: "auto",
-            position: "relative",
+        },
+        alt: 'image',
+        referrerPolicy: 'no-referrer',
+        width: "min(".concat(size.width, "px, 100%)"),
+        ref: imgRef,
+        style: {
+            width: '100%',
+            height: 'auto',
+            position: 'relative',
             zIndex: 99,
-            outline: selected ? "2px solid #1890ff" : "none",
-            boxShadow: selected ? "0 0 0 2px #1890ff" : "none",
+            outline: selected ? '2px solid #1890ff' : 'none',
+            boxShadow: selected ? '0 0 0 2px #1890ff' : 'none',
             minHeight: 20,
-            display: loading ? "none" : "block",
-            userSelect: "none",
-            WebkitUserSelect: "none",
-            MozUserSelect: "none",
-            msUserSelect: "none",
-            pointerEvents: "none"
-          }
-        }, props)
-      )
-    )
-  );
+            display: loading ? 'none' : 'block',
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+            MozUserSelect: 'none',
+            msUserSelect: 'none',
+            pointerEvents: 'none'
+        }
+    }, props))));
 };
-function EditorImage({
-  element,
-  attributes,
-  children
-}) {
-  var _a;
-  const [_, path] = useSelStatus(element);
-  const { markdownEditorRef, readonly } = useEditorStore();
-  const htmlRef = React.useRef(null);
-  const [state, setState] = useGetSetState({
-    height: element.height,
-    dragging: false,
-    loadSuccess: true,
-    url: "",
-    selected: false,
-    type: getMediaType(element == null ? void 0 : element.url, element.alt)
-  });
-  const updateElement = useCallback(
-    (attr) => {
-      if (!markdownEditorRef.current)
-        return;
-      Transforms.setNodes(markdownEditorRef.current, attr, { at: path });
-    },
-    [path]
-  );
-  const { locale } = useContext(I18nContext);
-  const initial = useCallback(() => __async(this, null, function* () {
-    let type = getMediaType(element == null ? void 0 : element.url, element.alt);
-    type = !type ? "image" : type;
-    setState({
-      type: ["image", "video", "autio", "attachment"].includes(type) ? type : "other"
-    });
-    let realUrl = element == null ? void 0 : element.url;
-    setState({ url: realUrl });
-    if (state().type === "image" || state().type === "other") {
-      const img = document.createElement("img");
-      img.referrerPolicy = "no-referrer";
-      img.crossOrigin = "anonymous";
-      img.src = realUrl;
-      img.onerror = () => {
-        setState({ loadSuccess: false });
-      };
-      img.onload = () => setState({ loadSuccess: true });
-    }
-    if (!element.mediaType) {
-      updateElement({
-        mediaType: state().type
-      });
-    }
-  }), [element]);
-  useLayoutEffect(() => {
-    initial();
-  }, [element == null ? void 0 : element.url]);
-  const imageDom = useMemo(() => {
-    var _a2, _b, _c, _d;
-    if (!state().loadSuccess) {
-      return /* @__PURE__ */ React.createElement(
-        "a",
-        {
-          href: ((_a2 = state()) == null ? void 0 : _a2.url) || (element == null ? void 0 : element.url),
-          target: "_blank",
-          rel: "noopener noreferrer",
-          style: {
-            color: "#1890ff",
-            textDecoration: "underline",
-            wordBreak: "break-all",
-            display: "inline-block",
-            maxWidth: "100%",
-            padding: "8px 12px",
-            border: "1px dashed #d9d9d9",
-            borderRadius: "6px",
-            backgroundColor: "#fafafa",
-            fontSize: "13px",
-            lineHeight: "1.5"
-          }
-        },
-        (element == null ? void 0 : element.alt) || ((_b = state()) == null ? void 0 : _b.url) || (element == null ? void 0 : element.url) || "图片链接"
-      );
-    }
-    return !readonly ? /* @__PURE__ */ React.createElement(
-      ResizeImage,
-      {
-        defaultSize: {
-          width: Number(element.width) || element.width || 400,
-          height: Number(element.height) || 400
-        },
-        selected: state().selected,
-        src: (_c = state()) == null ? void 0 : _c.url,
-        onResizeStart: () => {
-          setState({ selected: true });
-        },
-        onResizeStop: (size) => {
-          Transforms.setNodes(markdownEditorRef.current, size, { at: path });
-          setState({ selected: false });
+export function EditorImage(param) {
+    var element = param.element, attributes = param.attributes, children = param.children;
+    var _state;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), _ = _useSelStatus[0], path = _useSelStatus[1];
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
+    var htmlRef = React.useRef(null);
+    var _useGetSetState = _sliced_to_array(useGetSetState({
+        height: element.height,
+        dragging: false,
+        loadSuccess: true,
+        url: '',
+        selected: false,
+        type: getMediaType(element === null || element === void 0 ? void 0 : element.url, element.alt)
+    }), 2), state = _useGetSetState[0], setState = _useGetSetState[1];
+    var updateElement = useCallback(function(attr) {
+        if (!markdownEditorRef.current) return;
+        Transforms.setNodes(markdownEditorRef.current, attr, {
+            at: path
+        });
+    }, [
+        path
+    ]);
+    var locale = useContext(I18nContext).locale;
+    var initial = useCallback(/*#__PURE__*/ _async_to_generator(function() {
+        var type, realUrl, img;
+        return _ts_generator(this, function(_state) {
+            type = getMediaType(element === null || element === void 0 ? void 0 : element.url, element.alt);
+            type = !type ? 'image' : type;
+            setState({
+                type: [
+                    'image',
+                    'video',
+                    'autio',
+                    'attachment'
+                ].includes(type) ? type : 'other'
+            });
+            realUrl = element === null || element === void 0 ? void 0 : element.url;
+            setState({
+                url: realUrl
+            });
+            if (state().type === 'image' || state().type === 'other') {
+                img = document.createElement('img');
+                img.referrerPolicy = 'no-referrer';
+                img.crossOrigin = 'anonymous';
+                img.src = realUrl;
+                img.onerror = function() {
+                    setState({
+                        loadSuccess: false
+                    });
+                };
+                img.onload = function() {
+                    return setState({
+                        loadSuccess: true
+                    });
+                };
+            }
+            if (!element.mediaType) {
+                updateElement({
+                    mediaType: state().type
+                });
+            }
+            return [
+                2
+            ];
+        });
+    }), [
+        element
+    ]);
+    useLayoutEffect(function() {
+        initial();
+    }, [
+        element === null || element === void 0 ? void 0 : element.url
+    ]);
+    var imageDom = useMemo(function() {
+        var _state, _state1;
+        // 如果图片加载失败，显示为链接
+        if (!state().loadSuccess) {
+            var _state2, _state3;
+            return /*#__PURE__*/ React.createElement("a", {
+                href: ((_state2 = state()) === null || _state2 === void 0 ? void 0 : _state2.url) || (element === null || element === void 0 ? void 0 : element.url),
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: {
+                    color: '#1890ff',
+                    textDecoration: 'underline',
+                    wordBreak: 'break-all',
+                    display: 'inline-block',
+                    maxWidth: '100%',
+                    padding: '8px 12px',
+                    border: '1px dashed #d9d9d9',
+                    borderRadius: '6px',
+                    backgroundColor: '#fafafa',
+                    fontSize: '13px',
+                    lineHeight: '1.5'
+                }
+            }, (element === null || element === void 0 ? void 0 : element.alt) || ((_state3 = state()) === null || _state3 === void 0 ? void 0 : _state3.url) || (element === null || element === void 0 ? void 0 : element.url) || '图片链接');
         }
-      }
-    ) : /* @__PURE__ */ React.createElement(
-      ImageAndError,
-      {
-        src: ((_d = state()) == null ? void 0 : _d.url) || (element == null ? void 0 : element.url),
-        alt: "image",
-        preview: {
-          getContainer: () => document.body
+        return !readonly ? /*#__PURE__*/ React.createElement(ResizeImage, {
+            defaultSize: {
+                width: Number(element.width) || element.width || 400,
+                height: Number(element.height) || 400
+            },
+            selected: state().selected,
+            src: (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
+            onResizeStart: function() {
+                setState({
+                    selected: true
+                });
+            },
+            onResizeStop: function(size) {
+                Transforms.setNodes(markdownEditorRef.current, size, {
+                    at: path
+                });
+                setState({
+                    selected: false
+                });
+            }
+        }) : /*#__PURE__*/ React.createElement(ImageAndError, {
+            src: ((_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url) || (element === null || element === void 0 ? void 0 : element.url),
+            alt: 'image',
+            preview: {
+                getContainer: function() {
+                    return document.body;
+                }
+            },
+            referrerPolicy: 'no-referrer',
+            draggable: false,
+            style: {
+                maxWidth: 800
+            },
+            width: element.width,
+            height: element.height
+        });
+    }, [
+        state().type,
+        (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
+        readonly,
+        state().selected,
+        state().loadSuccess
+    ]);
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
+        className: 'ant-agentic-md-editor-drag-el',
+        "data-be": "image",
+        "data-testid": "image-container",
+        style: {
+            cursor: 'pointer',
+            position: 'relative',
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+            MozUserSelect: 'none',
+            msUserSelect: 'none'
         },
-        referrerPolicy: "no-referrer",
         draggable: false,
-        style: {
-          maxWidth: 800
+        onContextMenu: function(e) {
+            e.stopPropagation();
+        },
+        onMouseDown: function(e) {
+            e.stopPropagation();
         },
-        width: element.width,
-        height: element.height
-      }
-    );
-  }, [
-    state().type,
-    (_a = state()) == null ? void 0 : _a.url,
-    readonly,
-    state().selected,
-    state().loadSuccess
-  ]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadProps(__spreadValues({}, attributes), {
-      className: "ant-agentic-md-editor-drag-el",
-      "data-be": "image",
-      "data-testid": "image-container",
-      style: {
-        cursor: "pointer",
-        position: "relative",
-        userSelect: "none",
-        WebkitUserSelect: "none",
-        MozUserSelect: "none",
-        msUserSelect: "none"
-      },
-      draggable: false,
-      onContextMenu: (e) => {
-        e.stopPropagation();
-      },
-      onMouseDown: (e) => {
-        e.stopPropagation();
-      },
-      onDragStart: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    }),
-    /* @__PURE__ */ React.createElement(
-      Popover,
-      {
+        onDragStart: function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }), /*#__PURE__*/ React.createElement(Popover, {
         arrow: false,
         styles: {
-          body: {
-            padding: 8
-          }
+            body: {
+                padding: 8
+            }
         },
         trigger: "hover",
-        open: state().selected && !readonly ? void 0 : false,
-        content: /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (locale == null ? void 0 : locale.delete) || "删除",
+        open: state().selected && !readonly ? undefined : false,
+        content: /*#__PURE__*/ React.createElement(Space, null, /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (locale === null || locale === void 0 ? void 0 : locale.delete) || '删除',
             type: "danger",
-            onClick: (e) => {
-              e.stopPropagation();
-              Modal.confirm({
-                title: (locale == null ? void 0 : locale.deleteMedia) || "删除媒体",
-                content: (locale == null ? void 0 : locale.confirmDelete) || "确定删除该媒体吗？",
-                onOk: () => {
-                  Transforms.removeNodes(markdownEditorRef.current, {
-                    at: path
-                  });
-                }
-              });
+            onClick: function(e) {
+                e.stopPropagation();
+                Modal.confirm({
+                    title: (locale === null || locale === void 0 ? void 0 : locale.deleteMedia) || '删除媒体',
+                    content: (locale === null || locale === void 0 ? void 0 : locale.confirmDelete) || '确定删除该媒体吗？',
+                    onOk: function() {
+                        Transforms.removeNodes(markdownEditorRef.current, {
+                            at: path
+                        });
+                    }
+                });
             }
-          },
-          /* @__PURE__ */ React.createElement(DeleteFilled, null)
-        ), /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (element == null ? void 0 : element.block) ? locale == null ? void 0 : locale.blockImage : locale == null ? void 0 : locale.inlineImage,
-            onClick: (e) => {
-              e.stopPropagation();
-              Transforms.setNodes(
-                markdownEditorRef.current,
-                {
-                  block: !element.block
-                },
-                {
-                  at: path
-                }
-              );
-              Transforms.setNodes(
-                markdownEditorRef.current,
-                {
-                  block: !element.block
-                },
-                {
-                  at: Path.parent(path)
-                }
-              );
+        }, /*#__PURE__*/ React.createElement(DeleteFilled, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (element === null || element === void 0 ? void 0 : element.block) ? locale === null || locale === void 0 ? void 0 : locale.blockImage : locale === null || locale === void 0 ? void 0 : locale.inlineImage,
+            onClick: function(e) {
+                e.stopPropagation();
+                Transforms.setNodes(markdownEditorRef.current, {
+                    block: !element.block
+                }, {
+                    at: path
+                });
+                Transforms.setNodes(markdownEditorRef.current, {
+                    block: !element.block
+                }, {
+                    at: Path.parent(path)
+                });
             }
-          },
-          /* @__PURE__ */ React.createElement(BlockOutlined, null)
-        ))
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          onClick: () => {
-            setTimeout(() => {
-              setState({ selected: true });
+        }, /*#__PURE__*/ React.createElement(BlockOutlined, null)))
+    }, /*#__PURE__*/ React.createElement("div", {
+        onClick: function() {
+            setTimeout(function() {
+                setState({
+                    selected: true
+                });
             }, 16);
-          },
-          tabIndex: -1,
-          style: {
+        },
+        tabIndex: -1,
+        style: {
             padding: 4,
-            display: "flex"
-          },
-          ref: htmlRef,
-          draggable: false,
-          contentEditable: false,
-          className: "md-editor-media"
+            display: 'flex'
         },
-        imageDom,
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: {
-              display: "none"
-            }
-          },
-          children
-        )
-      )
-    )
-  );
+        ref: htmlRef,
+        draggable: false,
+        contentEditable: false,
+        className: "md-editor-media"
+    }, imageDom, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'none'
+        }
+    }, children))));
 }
-export {
-  EditorImage,
-  ImageAndError,
-  ResizeImage
-};