@ctzhian/tiptap 2.13.7 → 3.0.1

package/dist/editor-core/extensions/component/Link/shared.js

@@ -0,0 +1,74 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { CarouselViewIcon, ScrollToBottomLineIcon, TextIcon } from "../../../../components/Icons";
+import React from "react";
+import { getLinkTitle } from "../../../../utils";
+export var LINK_DISPLAY_OPTIONS = [{
+  key: 'text',
+  label: '文字',
+  icon: /*#__PURE__*/React.createElement(TextIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  })
+}, {
+  key: 'icon',
+  label: '图标文字',
+  icon: /*#__PURE__*/React.createElement(ScrollToBottomLineIcon, {
+    sx: {
+      transform: 'rotate(90deg)',
+      fontSize: '1rem'
+    }
+  })
+}, {
+  key: 'block',
+  label: '卡片',
+  icon: /*#__PURE__*/React.createElement(CarouselViewIcon, {
+    sx: {
+      transform: 'rotate(90deg)',
+      fontSize: '1rem'
+    }
+  })
+}];
+export var buildLinkNodeAttrs = function buildLinkNodeAttrs(attrs) {
+  var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _objectSpread({
+    title: attrs.title,
+    href: attrs.href,
+    type: attrs.type,
+    target: attrs.target,
+    class: attrs.class,
+    rel: attrs.rel
+  }, overrides);
+};
+export var replaceLinkNodeAtPos = function replaceLinkNodeAtPos(_ref) {
+  var editor = _ref.editor,
+    pos = _ref.pos,
+    nodeSize = _ref.nodeSize,
+    nodeType = _ref.nodeType,
+    attrs = _ref.attrs;
+  return editor.chain().focus().deleteRange({
+    from: pos,
+    to: pos + nodeSize
+  }).insertContentAt(pos, {
+    type: nodeType,
+    attrs: attrs
+  }).run();
+};
+export var getResolvedLinkTitle = function getResolvedLinkTitle(attrs) {
+  return attrs.title || getLinkTitle(attrs.href);
+};
+export var getLinkFavicon = function getLinkFavicon(href) {
+  if (!href) {
+    return '';
+  }
+  try {
+    return new URL(href).origin + '/favicon.ico';
+  } catch (_unused) {
+    return '';
+  }
+};

package/dist/editor-core/extensions/component/Mathematics/block/Readonly.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BlockMathAttributes } from "./index";
+interface ReadonlyBlockMathProps {
+    selected: boolean;
+    attrs: BlockMathAttributes;
+    mathRef: React.RefObject<HTMLDivElement>;
+}
+declare const ReadonlyBlockMath: ({ attrs, selected, mathRef }: ReadonlyBlockMathProps) => React.JSX.Element;
+export default ReadonlyBlockMath;

package/dist/editor-core/extensions/component/Mathematics/block/index.d.ts

@@ -0,0 +1,7 @@
+import { EditorFnProps } from "../../../../../types";
+import { NodeViewProps } from "@tiptap/react";
+import React from "react";
+import { MathAttributes } from "../shared";
+export type BlockMathAttributes = MathAttributes;
+export declare const MathematicsBlockViewWrapper: React.FC<NodeViewProps & EditorFnProps>;
+export default MathematicsBlockViewWrapper;

package/dist/editor-core/extensions/component/Mathematics/block/index.js

@@ -0,0 +1,128 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { FloatingPopover } from "../../../../../components/FloatingPopover";
+import { FunctionsIcon } from "../../../../../components/Icons";
+import { Box } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useEffect, useRef, useState } from "react";
+import ReadonlyBlockMath from "./Readonly";
+import { createMathAttributes, MathEditorPopover, renderMathToElement } from "../shared";
+export var MathematicsBlockViewWrapper = function MathematicsBlockViewWrapper(_ref) {
+  var editor = _ref.editor,
+    node = _ref.node,
+    updateAttributes = _ref.updateAttributes,
+    selected = _ref.selected,
+    onError = _ref.onError;
+  var attrs = node.attrs;
+  var mathRef = useRef(null);
+  var _useState = useState(attrs.latex || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    editLatex = _useState2[0],
+    setEditLatex = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  var handleShowPopover = function handleShowPopover(event) {
+    setEditLatex(attrs.latex || '');
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClosePopover = function handleClosePopover() {
+    return setAnchorEl(null);
+  };
+  var handleInsertFormula = function handleInsertFormula() {
+    if (!editLatex.trim()) return;
+    updateAttributes(createMathAttributes(attrs, {
+      latex: editLatex.trim()
+    }));
+    handleClosePopover();
+  };
+  useEffect(function () {
+    renderMathToElement({
+      latex: attrs.latex,
+      element: mathRef.current,
+      displayMode: true,
+      onError: onError
+    });
+  }, [attrs.latex, onError]);
+  if (!editor.isEditable) {
+    return /*#__PURE__*/React.createElement(ReadonlyBlockMath, {
+      mathRef: mathRef,
+      attrs: attrs,
+      selected: selected
+    });
+  }
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "mathematics-block-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
+    "data-drag-handle": true
+  }, !attrs.latex ? /*#__PURE__*/React.createElement(Box, {
+    onClick: handleShowPopover,
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 2,
+      border: '1px dashed',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      px: 2,
+      py: 1.5,
+      fontSize: '0.875rem',
+      color: 'text.secondary',
+      bgcolor: 'action.default',
+      cursor: 'pointer',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      '&:active': {
+        bgcolor: 'action.selected'
+      },
+      transition: 'all 0.2s ease'
+    }
+  }, /*#__PURE__*/React.createElement(FunctionsIcon, {
+    sx: {
+      fontSize: '1rem',
+      color: 'text.secondary'
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      color: 'text.secondary'
+    }
+  }, "\u6DFB\u52A0\u6570\u5B66\u516C\u5F0F")) : /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      display: 'block',
+      textAlign: 'center',
+      py: 1.5,
+      px: 2,
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      bgcolor: 'transparent',
+      cursor: 'pointer',
+      '.katex-display': {
+        m: 0
+      },
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      transition: 'background-color 0.2s ease, border-color 0.2s ease'
+    },
+    onClick: handleShowPopover
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: mathRef
+  })), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
+    anchorEl: anchorEl,
+    onClose: handleClosePopover,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(MathEditorPopover, {
+    value: editLatex,
+    onChange: setEditLatex,
+    onSubmit: handleInsertFormula,
+    multiline: true,
+    placeholder: "\u8F93\u5165 LaTeX \u516C\u5F0F\uFF0C\u4F8B\u5982\uFF1A\\int_{-\\infty}^{\\infty} e^{-x^2} dx = \\sqrt{\\pi}"
+  })));
+};
+export default MathematicsBlockViewWrapper;

package/dist/editor-core/extensions/component/Mathematics/inline/Readonly.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { InlineMathAttributes } from "./index";
+interface ReadonlyInlineMathProps {
+    selected: boolean;
+    attrs: InlineMathAttributes;
+    mathRef: React.RefObject<HTMLSpanElement>;
+}
+declare const ReadonlyInlineMath: ({ attrs, selected, mathRef }: ReadonlyInlineMathProps) => React.JSX.Element;
+export default ReadonlyInlineMath;

package/dist/editor-core/extensions/component/Mathematics/inline/index.d.ts

@@ -0,0 +1,7 @@
+import { EditorFnProps } from "../../../../../types";
+import { NodeViewProps } from "@tiptap/react";
+import React from "react";
+import { MathAttributes } from "../shared";
+export type InlineMathAttributes = MathAttributes;
+export declare const MathematicsInlineViewWrapper: React.FC<NodeViewProps & EditorFnProps>;
+export default MathematicsInlineViewWrapper;

package/dist/editor-core/extensions/component/Mathematics/inline/index.js

@@ -0,0 +1,124 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { FloatingPopover } from "../../../../../components/FloatingPopover";
+import { SquareRootIcon } from "../../../../../components/Icons";
+import { Box } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useEffect, useRef, useState } from "react";
+import ReadonlyInlineMath from "./Readonly";
+import { createMathAttributes, MathEditorPopover, renderMathToElement } from "../shared";
+export var MathematicsInlineViewWrapper = function MathematicsInlineViewWrapper(_ref) {
+  var editor = _ref.editor,
+    node = _ref.node,
+    updateAttributes = _ref.updateAttributes,
+    selected = _ref.selected,
+    onError = _ref.onError;
+  var attrs = node.attrs;
+  var mathRef = useRef(null);
+  var _useState = useState(attrs.latex || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    editLatex = _useState2[0],
+    setEditLatex = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  var handleShowPopover = function handleShowPopover(event) {
+    setEditLatex(attrs.latex || '');
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClosePopover = function handleClosePopover() {
+    return setAnchorEl(null);
+  };
+  var handleInsertFormula = function handleInsertFormula() {
+    if (!editLatex.trim()) return;
+    updateAttributes(createMathAttributes(attrs, {
+      latex: editLatex.trim()
+    }));
+    handleClosePopover();
+  };
+  useEffect(function () {
+    renderMathToElement({
+      latex: attrs.latex,
+      element: mathRef.current,
+      displayMode: false,
+      onError: onError
+    });
+  }, [attrs.latex, onError]);
+  if (!editor.isEditable) {
+    return /*#__PURE__*/React.createElement(ReadonlyInlineMath, {
+      mathRef: mathRef,
+      attrs: attrs,
+      selected: selected
+    });
+  }
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "mathematics-inline-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
+    as: "span"
+  }, !attrs.latex ? /*#__PURE__*/React.createElement(Box, {
+    component: "span",
+    onClick: handleShowPopover,
+    sx: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      gap: 2,
+      border: '1px dashed',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      px: 2,
+      py: 1.5,
+      fontSize: 14,
+      color: 'text.secondary',
+      bgcolor: 'action.default',
+      cursor: 'pointer',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      '&:active': {
+        bgcolor: 'action.selected'
+      },
+      transition: 'background-color 0.2s ease'
+    }
+  }, /*#__PURE__*/React.createElement(SquareRootIcon, {
+    sx: {
+      fontSize: '1rem',
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    component: "span"
+  }, "\u6DFB\u52A0\u6570\u5B66\u516C\u5F0F")) : /*#__PURE__*/React.createElement(Box, {
+    component: "span",
+    sx: {
+      display: 'inline-block',
+      cursor: 'pointer',
+      position: 'relative',
+      px: 0.5,
+      py: 0.25,
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      bgcolor: 'transparent',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      transition: 'background-color 0.2s ease'
+    },
+    onClick: handleShowPopover
+  }, /*#__PURE__*/React.createElement(Box, {
+    component: "span",
+    ref: mathRef
+  })), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
+    anchorEl: anchorEl,
+    onClose: handleClosePopover,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(MathEditorPopover, {
+    value: editLatex,
+    onChange: setEditLatex,
+    onSubmit: handleInsertFormula,
+    placeholder: "\u8F93\u5165 LaTeX \u516C\u5F0F\uFF0C\u4F8B\u5982\uFF1Ax^2 + y^2 = z^2"
+  })));
+};
+export default MathematicsInlineViewWrapper;

package/dist/editor-core/extensions/component/Mathematics/shared.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export type MathAttributes = {
+    latex: string;
+};
+export declare const createMathAttributes: (base: MathAttributes, overrides?: Partial<MathAttributes>) => MathAttributes;
+export declare const renderMathToElement: ({ latex, element, displayMode, onError, }: {
+    latex?: string | undefined;
+    element: HTMLElement | null;
+    displayMode: boolean;
+    onError?: ((error: Error) => void) | undefined;
+}) => void;
+export declare const MathEditorPopover: ({ value, onChange, onSubmit, multiline, placeholder, }: {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    multiline?: boolean | undefined;
+    placeholder: string;
+}) => React.JSX.Element;

package/dist/editor-core/extensions/component/Mathematics/shared.js

@@ -0,0 +1,64 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Button, Stack, TextField } from '@mui/material';
+import katex from 'katex';
+import React from 'react';
+export var createMathAttributes = function createMathAttributes(base) {
+  var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _objectSpread({
+    latex: base.latex
+  }, overrides);
+};
+export var renderMathToElement = function renderMathToElement(_ref) {
+  var latex = _ref.latex,
+    element = _ref.element,
+    displayMode = _ref.displayMode,
+    onError = _ref.onError;
+  if (!element || !latex) {
+    return;
+  }
+  try {
+    katex.render(latex, element, {
+      throwOnError: false,
+      displayMode: displayMode,
+      errorColor: 'error.main',
+      output: 'html'
+    });
+  } catch (error) {
+    onError === null || onError === void 0 || onError(error);
+  }
+};
+export var MathEditorPopover = function MathEditorPopover(_ref2) {
+  var value = _ref2.value,
+    _onChange = _ref2.onChange,
+    onSubmit = _ref2.onSubmit,
+    multiline = _ref2.multiline,
+    placeholder = _ref2.placeholder;
+  return /*#__PURE__*/React.createElement(Stack, {
+    gap: 2,
+    sx: {
+      p: 2,
+      width: 350
+    }
+  }, /*#__PURE__*/React.createElement(TextField, {
+    fullWidth: true,
+    multiline: multiline,
+    rows: multiline ? 4 : 3,
+    size: "small",
+    value: value,
+    onChange: function onChange(event) {
+      return _onChange(event.target.value);
+    },
+    placeholder: placeholder
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    size: "small",
+    fullWidth: true,
+    onClick: onSubmit,
+    disabled: !value.trim()
+  }, "\u63D2\u5165\u516C\u5F0F"));
+};

package/dist/editor-core/extensions/component/SlashCommandsList/Overlay.d.ts

@@ -0,0 +1,10 @@
+import { SlashCommandsListRef } from '../../../../types';
+import { SuggestionProps } from '@tiptap/suggestion';
+import React from 'react';
+export type SlashCommandsOverlayProps = SuggestionProps<any> & {
+    open: boolean;
+};
+declare const SlashCommandsOverlay: React.ForwardRefExoticComponent<SuggestionProps<any, any> & {
+    open: boolean;
+} & React.RefAttributes<SlashCommandsListRef>>;
+export default SlashCommandsOverlay;

package/dist/editor-core/extensions/component/SlashCommandsList/Overlay.js

@@ -0,0 +1,26 @@
+import { FloatingPopover } from "../../../../components";
+import React, { forwardRef, useMemo } from 'react';
+import SlashCommandsList from "./index";
+var SlashCommandsOverlay = /*#__PURE__*/forwardRef(function (props, ref) {
+  var anchorEl = useMemo(function () {
+    if (!props.clientRect) return null;
+    return {
+      getBoundingClientRect: function getBoundingClientRect() {
+        return props.clientRect();
+      }
+    };
+  }, [props.clientRect]);
+  return /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(props.open && anchorEl),
+    anchorEl: anchorEl,
+    onClose: function onClose() {/* 由外部生命周期控制关闭 */},
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(SlashCommandsList, {
+    ref: ref,
+    items: props.items,
+    command: props.command,
+    editor: props.editor
+  }));
+});
+SlashCommandsOverlay.displayName = 'SlashCommandsOverlay';
+export default SlashCommandsOverlay;

package/dist/editor-core/extensions/component/SlashCommandsList/index.d.ts

@@ -0,0 +1,4 @@
+import { SlashCommandsListProps, SlashCommandsListRef } from '../../../../types';
+import React from 'react';
+declare const SlashCommandsList: React.ForwardRefExoticComponent<SlashCommandsListProps & React.RefAttributes<SlashCommandsListRef>>;
+export default SlashCommandsList;