@ctzhian/tiptap 2.13.7 → 3.0.1

package/dist/components/shared/use-floating-popover.d.ts

@@ -0,0 +1,16 @@
+import { Placement, Strategy, VirtualElement } from '@floating-ui/dom';
+import React from 'react';
+export declare const useFloatingPopover: ({ open, anchorEl, onClose, placement, strategy, offsetValue, }: {
+    open: boolean;
+    anchorEl: HTMLElement | VirtualElement | null;
+    onClose: () => void;
+    placement: Placement;
+    strategy: Strategy;
+    offsetValue: number;
+}) => {
+    popoverRef: React.RefObject<HTMLDivElement>;
+    position: {
+        x: number;
+        y: number;
+    };
+};

package/dist/components/shared/use-floating-popover.js

@@ -0,0 +1,79 @@
+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 { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';
+import React from 'react';
+export var useFloatingPopover = function useFloatingPopover(_ref) {
+  var open = _ref.open,
+    anchorEl = _ref.anchorEl,
+    onClose = _ref.onClose,
+    placement = _ref.placement,
+    strategy = _ref.strategy,
+    offsetValue = _ref.offsetValue;
+  var popoverRef = React.useRef(null);
+  var _React$useState = React.useState({
+      x: 0,
+      y: 0
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    position = _React$useState2[0],
+    setPosition = _React$useState2[1];
+  React.useEffect(function () {
+    if (!open || !anchorEl || !popoverRef.current) {
+      return;
+    }
+    var updatePosition = function updatePosition() {
+      if (!popoverRef.current) {
+        return;
+      }
+      computePosition(anchorEl, popoverRef.current, {
+        placement: placement,
+        strategy: strategy,
+        middleware: [offset(offsetValue), flip(), shift({
+          padding: 8
+        })]
+      }).then(function (_ref2) {
+        var x = _ref2.x,
+          y = _ref2.y;
+        setPosition({
+          x: x,
+          y: y
+        });
+      });
+    };
+    updatePosition();
+    return autoUpdate(anchorEl, popoverRef.current, updatePosition);
+  }, [anchorEl, offsetValue, open, placement, strategy]);
+  React.useEffect(function () {
+    if (!open) {
+      return;
+    }
+    var handleEscape = function handleEscape(event) {
+      if (event.key === 'Escape') {
+        onClose();
+      }
+    };
+    var handleClickOutside = function handleClickOutside(event) {
+      if (!popoverRef.current || popoverRef.current.contains(event.target)) {
+        return;
+      }
+      var isHitAnchor = anchorEl instanceof HTMLElement && anchorEl.contains(event.target);
+      if (!isHitAnchor) {
+        onClose();
+      }
+    };
+    document.addEventListener('keydown', handleEscape);
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('keydown', handleEscape);
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [anchorEl, onClose, open]);
+  return {
+    popoverRef: popoverRef,
+    position: position
+  };
+};

package/dist/components/shared/use-hover-popover.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const useHoverPopover: ({ disabled, keepOpen, hoverDelay, closeDelay, }: {
+    disabled: boolean;
+    keepOpen: boolean;
+    hoverDelay: number;
+    closeDelay: number;
+}) => {
+    anchorEl: HTMLElement | null;
+    childRef: React.RefObject<HTMLDivElement>;
+    handleMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;
+    handleMouseLeave: () => void;
+    handlePopoverMouseEnter: (event: React.MouseEvent) => void;
+    handlePopoverMouseLeave: (event: React.MouseEvent) => void;
+    handleForceClose: () => void;
+};

package/dist/components/shared/use-hover-popover.js

@@ -0,0 +1,96 @@
+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 React from 'react';
+export var useHoverPopover = function useHoverPopover(_ref) {
+  var disabled = _ref.disabled,
+    keepOpen = _ref.keepOpen,
+    hoverDelay = _ref.hoverDelay,
+    closeDelay = _ref.closeDelay;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var childRef = React.useRef(null);
+  var hoverTimerRef = React.useRef(null);
+  var closeTimerRef = React.useRef(null);
+  var clearHoverTimer = React.useCallback(function () {
+    if (hoverTimerRef.current) {
+      clearTimeout(hoverTimerRef.current);
+      hoverTimerRef.current = null;
+    }
+  }, []);
+  var clearCloseTimer = React.useCallback(function () {
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+  }, []);
+  var clearTimers = React.useCallback(function () {
+    clearHoverTimer();
+    clearCloseTimer();
+  }, [clearCloseTimer, clearHoverTimer]);
+  React.useEffect(function () {
+    if (keepOpen && !anchorEl && childRef.current) {
+      setAnchorEl(childRef.current);
+    }
+  }, [anchorEl, keepOpen]);
+  React.useEffect(function () {
+    return function () {
+      clearTimers();
+    };
+  }, [clearTimers]);
+  var handleMouseEnter = React.useCallback(function (event) {
+    if (disabled) {
+      return;
+    }
+    clearCloseTimer();
+    clearHoverTimer();
+    var target = event.currentTarget;
+    hoverTimerRef.current = setTimeout(function () {
+      setAnchorEl(target);
+      hoverTimerRef.current = null;
+    }, hoverDelay);
+  }, [clearCloseTimer, clearHoverTimer, disabled, hoverDelay]);
+  var handleMouseLeave = React.useCallback(function () {
+    if (disabled || keepOpen) {
+      return;
+    }
+    clearHoverTimer();
+    clearCloseTimer();
+    closeTimerRef.current = setTimeout(function () {
+      setAnchorEl(null);
+      closeTimerRef.current = null;
+    }, closeDelay);
+  }, [clearCloseTimer, clearHoverTimer, closeDelay, disabled, keepOpen]);
+  var handlePopoverMouseEnter = React.useCallback(function (event) {
+    event.stopPropagation();
+    clearTimers();
+  }, [clearTimers]);
+  var handlePopoverMouseLeave = React.useCallback(function (event) {
+    event.stopPropagation();
+    if (keepOpen) {
+      return;
+    }
+    handleMouseLeave();
+  }, [handleMouseLeave, keepOpen]);
+  var handleForceClose = React.useCallback(function () {
+    if (keepOpen) {
+      return;
+    }
+    clearTimers();
+    setAnchorEl(null);
+  }, [clearTimers, keepOpen]);
+  return {
+    anchorEl: anchorEl,
+    childRef: childRef,
+    handleMouseEnter: handleMouseEnter,
+    handleMouseLeave: handleMouseLeave,
+    handlePopoverMouseEnter: handlePopoverMouseEnter,
+    handlePopoverMouseLeave: handlePopoverMouseLeave,
+    handleForceClose: handleForceClose
+  };
+};

package/dist/components/shared/use-popover-anchor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const usePopoverAnchor: <T extends HTMLElement = HTMLElement>() => {
+    anchorEl: T | null;
+    setAnchorEl: React.Dispatch<React.SetStateAction<T | null>>;
+    open: (event: React.MouseEvent<T>) => void;
+    close: () => void;
+    isOpen: boolean;
+};

package/dist/components/shared/use-popover-anchor.js

@@ -0,0 +1,26 @@
+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 React from 'react';
+export var usePopoverAnchor = function usePopoverAnchor() {
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var open = React.useCallback(function (event) {
+    setAnchorEl(event.currentTarget);
+  }, []);
+  var close = React.useCallback(function () {
+    setAnchorEl(null);
+  }, []);
+  return {
+    anchorEl: anchorEl,
+    setAnchorEl: setAnchorEl,
+    open: open,
+    close: close,
+    isOpen: Boolean(anchorEl)
+  };
+};

package/dist/constants/enums.d.ts

@@ -0,0 +1,49 @@
+import { Theme } from "@mui/material";
+import React from "react";
+export declare enum NodeTypeEnum {
+    Alert = "alert",
+    BlockAttachment = "blockAttachment",
+    InlineAttachment = "inlineAttachment",
+    Paragraph = "paragraph",
+    Heading = "heading",
+    ListItem = "listItem",
+    TaskItem = "taskItem",
+    BulletList = "bulletList",
+    OrderedList = "orderedList",
+    TaskList = "taskList",
+    Blockquote = "blockquote",
+    CodeBlock = "codeBlock",
+    FlipGrid = "flipGrid",
+    HorizontalRule = "horizontalRule",
+    Details = "details",
+    Table = "table",
+    Image = "image",
+    Video = "video",
+    Audio = "audio",
+    Link = "link",
+    Iframe = "iframe",
+    Code = "code",
+    InlineMath = "inlineMath",
+    BlockMath = "blockMath"
+}
+export declare const NODE_TYPE_LABEL: Record<NodeTypeEnum, {
+    label: string;
+    color?: boolean;
+    fontSize?: boolean;
+    align?: boolean;
+    convert?: boolean;
+    download?: boolean;
+    [key: string]: any;
+}>;
+export declare const getThemeTextColor: (theme: Theme) => {
+    label: string;
+    value: string;
+}[];
+export declare const getThemeTextBgColor: (theme: Theme) => {
+    label: string;
+    value: string;
+}[];
+export declare const IframeTypeEnums: Record<string, {
+    label: string;
+    icon: React.ReactNode;
+}>;

package/dist/constants/enums.js

@@ -0,0 +1,213 @@
+var _NODE_TYPE_LABEL;
+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 _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 { BilibiliLineIcon, WindowFillIcon } from "../components/Icons";
+import React from "react";
+export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
+  NodeTypeEnum["Alert"] = "alert";
+  NodeTypeEnum["BlockAttachment"] = "blockAttachment";
+  NodeTypeEnum["InlineAttachment"] = "inlineAttachment";
+  NodeTypeEnum["Paragraph"] = "paragraph";
+  NodeTypeEnum["Heading"] = "heading";
+  NodeTypeEnum["ListItem"] = "listItem";
+  NodeTypeEnum["TaskItem"] = "taskItem";
+  NodeTypeEnum["BulletList"] = "bulletList";
+  NodeTypeEnum["OrderedList"] = "orderedList";
+  NodeTypeEnum["TaskList"] = "taskList";
+  NodeTypeEnum["Blockquote"] = "blockquote";
+  NodeTypeEnum["CodeBlock"] = "codeBlock";
+  NodeTypeEnum["FlipGrid"] = "flipGrid";
+  NodeTypeEnum["HorizontalRule"] = "horizontalRule";
+  NodeTypeEnum["Details"] = "details";
+  NodeTypeEnum["Table"] = "table";
+  NodeTypeEnum["Image"] = "image";
+  NodeTypeEnum["Video"] = "video";
+  NodeTypeEnum["Audio"] = "audio";
+  NodeTypeEnum["Link"] = "link";
+  NodeTypeEnum["Iframe"] = "iframe";
+  NodeTypeEnum["Code"] = "code";
+  NodeTypeEnum["InlineMath"] = "inlineMath";
+  NodeTypeEnum["BlockMath"] = "blockMath";
+  return NodeTypeEnum;
+}({});
+export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.Paragraph, {
+  label: '文本',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.Heading, {
+  label: '标题',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.ListItem, {
+  label: '列表项',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: false
+}), NodeTypeEnum.TaskItem, {
+  label: '任务项',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: false
+}), NodeTypeEnum.BulletList, {
+  label: '无序列表',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.OrderedList, {
+  label: '有序列表',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.TaskList, {
+  label: '任务列表',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.Alert, {
+  label: '警告块',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.Blockquote, {
+  label: '引用',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), NodeTypeEnum.FlipGrid, {
+  label: '分栏',
+  color: true,
+  fontSize: true,
+  align: true,
+  convert: true
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.CodeBlock, {
+  label: '代码块',
+  convert: true
+}), NodeTypeEnum.Details, {
+  label: '折叠面板',
+  align: true
+}), NodeTypeEnum.BlockMath, {
+  label: '块公式'
+}), NodeTypeEnum.Table, {
+  label: '表格',
+  color: true,
+  fontSize: true,
+  align: true
+}), NodeTypeEnum.Video, {
+  label: '视频',
+  download: true
+}), NodeTypeEnum.Audio, {
+  label: '音频',
+  download: true
+}), NodeTypeEnum.BlockAttachment, {
+  label: '附件',
+  download: true
+}), NodeTypeEnum.Code, {
+  label: '行内代码'
+}), NodeTypeEnum.Link, {
+  label: '链接'
+}), NodeTypeEnum.Image, {
+  label: '图片'
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.Iframe, {
+  label: 'iframe'
+}), NodeTypeEnum.InlineMath, {
+  label: '行内公式'
+}), NodeTypeEnum.InlineAttachment, {
+  label: '附件'
+}), NodeTypeEnum.HorizontalRule, {
+  label: '分割线'
+}));
+export var getThemeTextColor = function getThemeTextColor(theme) {
+  return [{
+    label: '默认色',
+    value: theme.palette.text.primary
+  }, {
+    label: '主题色',
+    value: theme.palette.primary.main
+  }, {
+    label: '成功色',
+    value: theme.palette.success.main
+  }, {
+    label: '警告色',
+    value: theme.palette.warning.main
+  }, {
+    label: '错误色',
+    value: theme.palette.error.main
+  }, {
+    label: '黑色',
+    value: theme.palette.common.black
+  }, {
+    label: '灰色',
+    value: theme.palette.text.disabled
+  }, {
+    label: '白色',
+    value: theme.palette.common.white
+  }];
+};
+export var getThemeTextBgColor = function getThemeTextBgColor(theme) {
+  return [{
+    label: '默认背景',
+    value: theme.palette.background.paper
+  }, {
+    label: '灰色背景',
+    value: '#f8f8f7'
+  }, {
+    label: '棕色背景',
+    value: '#f9f2f2'
+  }, {
+    label: '橙色背景',
+    value: '#fef3e6'
+  }, {
+    label: '黄色背景',
+    value: '#fffce8'
+  }, {
+    label: '绿色背景',
+    value: '#edfdf3'
+  }, {
+    label: '蓝色背景',
+    value: '#eef6ff'
+  }, {
+    label: '紫色背景',
+    value: '#f8f0ff'
+  }, {
+    label: '粉色背景',
+    value: '#fff5fa'
+  }, {
+    label: '红色背景',
+    value: '#ffecef'
+  }];
+};
+export var IframeTypeEnums = {
+  iframe: {
+    label: 'Iframe 链接',
+    icon: /*#__PURE__*/React.createElement(WindowFillIcon, {
+      sx: {
+        fontSize: '1rem',
+        position: 'relative',
+        flexShrink: 0
+      }
+    })
+  },
+  bilibili: {
+    label: 'Bilibili 视频',
+    icon: /*#__PURE__*/React.createElement(BilibiliLineIcon, {
+      sx: {
+        fontSize: '1rem',
+        position: 'relative',
+        flexShrink: 0
+      }
+    })
+  }
+};