@whletsgo/editor 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 27276971@qq.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/HaoRichEditor/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface HaoRichEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    onUploadImage?: (file: File) => Promise<string>;
+    onUploadVideo?: (file: File) => Promise<string>;
+}
+declare const HaoRichEditor: FC<HaoRichEditorProps>;
+export default HaoRichEditor;

package/dist/cjs/HaoRichEditor/index.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/HaoRichEditor/index.tsx
+var HaoRichEditor_exports = {};
+__export(HaoRichEditor_exports, {
+  default: () => HaoRichEditor_default
+});
+module.exports = __toCommonJS(HaoRichEditor_exports);
+var import_react = __toESM(require("react"));
+var import_extension_text_style = require("@tiptap/extension-text-style");
+var import_react2 = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
+var import_extension_image = __toESM(require("@tiptap/extension-image"));
+var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"));
+var import_menu_bar = __toESM(require("../components/menu-bar"));
+var import_video = require("../extensions/video");
+var import_index = require("./index.styled");
+var extensions = [
+  import_extension_text_style.TextStyleKit,
+  import_starter_kit.default,
+  import_extension_image.default,
+  import_extension_text_style.TextStyle,
+  import_extension_text_style.Color,
+  import_extension_text_style.LineHeight,
+  import_video.Video,
+  import_extension_text_align.default.configure({
+    types: ["heading", "paragraph"],
+    alignments: ["left", "center", "right"],
+    defaultAlignment: "left"
+  })
+];
+var HaoRichEditor = ({
+  value,
+  onChange,
+  onUploadImage,
+  onUploadVideo
+}) => {
+  const editor = (0, import_react2.useEditor)({
+    extensions,
+    content: value,
+    onUpdate: ({ editor: editor2 }) => {
+      const html = editor2.getHTML();
+      onChange == null ? void 0 : onChange(html);
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (editor && value !== void 0 && value !== editor.getHTML()) {
+      editor.commands.setContent(value);
+    }
+  }, [value, editor]);
+  const providerValue = (0, import_react.useMemo)(() => ({ editor }), [editor]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react2.EditorContext.Provider, { value: providerValue }, /* @__PURE__ */ import_react.default.createElement(import_index.HaoRichEditorContainer, null, /* @__PURE__ */ import_react.default.createElement(import_menu_bar.default, { onUploadImage, onUploadVideo }), /* @__PURE__ */ import_react.default.createElement(import_index.HaoRichEditorContent, { editor })));
+};
+var HaoRichEditor_default = HaoRichEditor;

package/dist/cjs/HaoRichEditor/index.styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const HaoRichEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HaoRichEditorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").NamedExoticComponent<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/HaoRichEditor/index.styled.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/HaoRichEditor/index.styled.ts
+var index_styled_exports = {};
+__export(index_styled_exports, {
+  HaoRichEditorContainer: () => HaoRichEditorContainer,
+  HaoRichEditorContent: () => HaoRichEditorContent
+});
+module.exports = __toCommonJS(index_styled_exports);
+var import_react = require("@tiptap/react");
+var import_styled_components = __toESM(require("styled-components"));
+var HaoRichEditorContainer = import_styled_components.default.div`
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  max-width: inherit;
+  width: 100%;
+  overflow: hidden;
+`;
+var HaoRichEditorContent = (0, import_styled_components.default)(import_react.EditorContent)`
+  padding: 0 10px;
+  height: 500px;
+  overflow-y: auto;
+  overflow-x: hidden;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HaoRichEditorContainer,
+  HaoRichEditorContent
+});

package/dist/cjs/components/menu-bar/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare const MenuBar: FC<{
+    onUploadImage?: (file: File) => Promise<string>;
+    onUploadVideo?: (file: File) => Promise<string>;
+}>;
+export default MenuBar;

package/dist/cjs/components/menu-bar/index.js

@@ -0,0 +1,340 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/menu-bar/index.tsx
+var menu_bar_exports = {};
+__export(menu_bar_exports, {
+  default: () => menu_bar_default
+});
+module.exports = __toCommonJS(menu_bar_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("@tiptap/react");
+var import_react3 = require("react");
+var import_index = require("./index.styled");
+var MenuBar = ({ onUploadImage, onUploadVideo }) => {
+  const { editor } = (0, import_react2.useCurrentEditor)();
+  const [uploading, setUploading] = (0, import_react3.useState)(false);
+  const editorState = (0, import_react2.useEditorState)({
+    editor,
+    selector: (ctx) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+      return {
+        isBold: ((_a = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _a.isActive("bold")) ?? false,
+        canBold: ((_b = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _b.can().chain().toggleBold().run()) ?? false,
+        isItalic: ((_c = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _c.isActive("italic")) ?? false,
+        canItalic: ((_d = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _d.can().chain().toggleItalic().run()) ?? false,
+        isStrike: ((_e = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _e.isActive("strike")) ?? false,
+        canStrike: ((_f = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _f.can().chain().toggleStrike().run()) ?? false,
+        isCode: ((_g = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _g.isActive("code")) ?? false,
+        canCode: ((_h = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _h.can().chain().toggleCode().run()) ?? false,
+        isParagraph: ((_i = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _i.isActive("paragraph")) ?? false,
+        isHeading1: ((_j = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _j.isActive("heading", { level: 1 })) ?? false,
+        isHeading2: ((_k = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _k.isActive("heading", { level: 2 })) ?? false,
+        isHeading3: ((_l = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _l.isActive("heading", { level: 3 })) ?? false,
+        isHeading4: ((_m = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _m.isActive("heading", { level: 4 })) ?? false,
+        isHeading5: ((_n = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _n.isActive("heading", { level: 5 })) ?? false,
+        isHeading6: ((_o = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _o.isActive("heading", { level: 6 })) ?? false,
+        isBulletList: ((_p = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _p.isActive("bulletList")) ?? false,
+        isOrderedList: ((_q = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _q.isActive("orderedList")) ?? false,
+        isCodeBlock: ((_r = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _r.isActive("codeBlock")) ?? false,
+        isBlockquote: ((_s = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _s.isActive("blockquote")) ?? false,
+        canUndo: ((_t = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _t.can().chain().undo().run()) ?? false,
+        canRedo: ((_u = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _u.can().chain().redo().run()) ?? false,
+        isAlignLeft: ((_v = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _v.isActive({ textAlign: "left" })) ?? false,
+        isAlignCenter: ((_w = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _w.isActive({ textAlign: "center" })) ?? false,
+        isAlignRight: ((_x = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _x.isActive({ textAlign: "right" })) ?? false,
+        color: ((_y = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _y.getAttributes("textStyle").color) ?? "",
+        isSmall: (_z = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _z.isActive("textStyle", { lineHeight: "1.5" }),
+        isLarge: (_A = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _A.isActive("textStyle", { lineHeight: "2.0" }),
+        isExtraLarge: (_B = ctx == null ? void 0 : ctx.editor) == null ? void 0 : _B.isActive("textStyle", { lineHeight: "4.0" })
+      };
+    }
+  });
+  const handleImageUpload = async (event) => {
+    var _a;
+    const file = (_a = event.target.files) == null ? void 0 : _a[0];
+    if (!file)
+      return;
+    if (!file.type.startsWith("image/")) {
+      return;
+    }
+    setUploading(true);
+    const formData = new FormData();
+    formData.append("file", file);
+    try {
+      const imageUrl = await (onUploadImage == null ? void 0 : onUploadImage(file));
+      editor == null ? void 0 : editor.chain().focus().setImage({ src: imageUrl ?? "" }).run();
+    } catch (error) {
+      console.error("图片上传失败:", error);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleVideoUpload = async (event) => {
+    var _a;
+    const file = (_a = event.target.files) == null ? void 0 : _a[0];
+    if (!file)
+      return;
+    if (!file.type.startsWith("video/")) {
+      return;
+    }
+    setUploading(true);
+    try {
+      const videoUrl = await (onUploadVideo == null ? void 0 : onUploadVideo(file));
+      if (!videoUrl)
+        return;
+      editor == null ? void 0 : editor.chain().focus().setVideo({ src: videoUrl, controls: true }).run();
+    } catch (error) {
+      console.error("视频上传失败:", error);
+    } finally {
+      setUploading(false);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_index.MenuBarContainer, null, /* @__PURE__ */ import_react.default.createElement(import_index.MenuBarContent, null, /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().setParagraph().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isParagraph) ?? false
+    },
+    "段落"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleBold().run();
+      },
+      disabled: !(editorState == null ? void 0 : editorState.canBold),
+      isActive: (editorState == null ? void 0 : editorState.isBold) ?? false
+    },
+    "加粗"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleItalic().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isItalic) ?? false
+    },
+    "斜体"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleStrike().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isStrike) ?? false
+    },
+    "删除线"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 1 }).run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isHeading1) ?? false
+    },
+    "H1"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 2 }).run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isHeading2) ?? false
+    },
+    "H2"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 3 }).run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isHeading3) ?? false
+    },
+    "H3"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 4 }).run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isHeading4) ?? false
+    },
+    "H4"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 5 }).run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isHeading5) ?? false
+    },
+    "H5"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleHeading({ level: 6 }).run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isHeading6) ?? false
+    },
+    "H6"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().setTextAlign("left").run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isAlignLeft) ?? false
+    },
+    "左对齐"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().setTextAlign("center").run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isAlignCenter) ?? false
+    },
+    "居中"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().setTextAlign("right").run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isAlignRight) ?? false
+    },
+    "右对齐"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: () => editor == null ? void 0 : editor.chain().focus().toggleTextStyle({ lineHeight: "1.5" }).run(),
+      isActive: (editorState == null ? void 0 : editorState.isSmall) ?? false
+    },
+    "行高1.5"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: () => editor == null ? void 0 : editor.chain().focus().toggleTextStyle({ lineHeight: "2.0" }).run(),
+      isActive: (editorState == null ? void 0 : editorState.isLarge) ?? false
+    },
+    "行高2.0"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: () => editor == null ? void 0 : editor.chain().focus().toggleTextStyle({ lineHeight: "4.0" }).run(),
+      isActive: (editorState == null ? void 0 : editorState.isExtraLarge) ?? false
+    },
+    "行高4.0"
+  ), /* @__PURE__ */ import_react.default.createElement(import_index.MenuBarButton, { onClick: () => editor == null ? void 0 : editor.chain().focus().unsetLineHeight().run() }, "取消行高"), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleBulletList().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isBulletList) ?? false
+    },
+    "列表"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleOrderedList().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isOrderedList) ?? false
+    },
+    "有序列表"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleCodeBlock().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isCodeBlock) ?? false
+    },
+    "代码段"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        editor == null ? void 0 : editor.chain().focus().toggleBlockquote().run();
+      },
+      isActive: (editorState == null ? void 0 : editorState.isBlockquote) ?? false
+    },
+    "引用"
+  ), /* @__PURE__ */ import_react.default.createElement(import_index.MenuBarButton, { disabled: uploading }, uploading ? "上传中..." : "图片", /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarInput,
+    {
+      type: "file",
+      accept: "image/*",
+      onChange: handleImageUpload
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(import_index.MenuBarButton, { disabled: uploading }, uploading ? "上传中..." : "视频", /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarInput,
+    {
+      type: "file",
+      accept: "video/*",
+      onChange: handleVideoUpload
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarColorInput,
+    {
+      type: "color",
+      value: (editorState == null ? void 0 : editorState.color) ?? "",
+      onInput: (event) => editor == null ? void 0 : editor.chain().focus().setColor(event.currentTarget.value).run()
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_index.MenuBarButton, { onClick: () => editor == null ? void 0 : editor.chain().focus().undo().run(), disabled: !(editorState == null ? void 0 : editorState.canUndo) }, "撤销"), /* @__PURE__ */ import_react.default.createElement(
+    import_index.MenuBarButton,
+    {
+      onClick: () => editor == null ? void 0 : editor.chain().focus().redo().run(),
+      disabled: !(editorState == null ? void 0 : editorState.canRedo)
+    },
+    "重做"
+  )));
+};
+var menu_bar_default = MenuBar;

package/dist/cjs/components/menu-bar/index.styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const MenuBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuBarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuBarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    isActive?: boolean | undefined;
+}>> & string;
+export declare const MenuBarInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const MenuBarColorInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/cjs/components/menu-bar/index.styled.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/menu-bar/index.styled.ts
+var index_styled_exports = {};
+__export(index_styled_exports, {
+  MenuBarButton: () => MenuBarButton,
+  MenuBarColorInput: () => MenuBarColorInput,
+  MenuBarContainer: () => MenuBarContainer,
+  MenuBarContent: () => MenuBarContent,
+  MenuBarInput: () => MenuBarInput
+});
+module.exports = __toCommonJS(index_styled_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var MenuBarContainer = import_styled_components.default.div`
+  position: sticky;
+  top: 0;
+  background-color: #fff;
+  z-index: 10;
+  border-bottom: 1px solid #e0e0e0;
+  padding: 0 10px;
+`;
+var MenuBarContent = import_styled_components.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 10px 0;
+`;
+var MenuBarButton = import_styled_components.default.button`
+  position: relative;
+  background-color: ${(props) => props.isActive ? "#6a00f5" : "#f0f0f0"};
+  padding: 6px 10px;
+  cursor: pointer;
+  border-radius: 8px;
+  border: none;
+  font-size: 12px;
+  color:${(props) => props.isActive ? "#fff" : "#110F0E"};
+  line-height: 1.5;
+  transition: background-color 0.3s ease;
+  user-select: none;
+  &:hover {
+    background-color: ${(props) => props.isActive ? "#6a00f5" : "#dadada"};
+  }
+  &:active{
+    background-color: ${(props) => props.isActive ? "#5500c5" : "#bbb"};
+  }
+`;
+var MenuBarInput = import_styled_components.default.input`
+  position: absolute;
+  opacity: 0;
+  inset: 0;
+  cursor: pointer;
+`;
+var MenuBarColorInput = import_styled_components.default.input`
+  padding: 6px 10px;
+  display: block;
+  border-radius: 8px;
+  border: none;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MenuBarButton,
+  MenuBarColorInput,
+  MenuBarContainer,
+  MenuBarContent,
+  MenuBarInput
+});

package/dist/cjs/extensions/video/index.d.ts

@@ -0,0 +1,24 @@
+import { Node } from '@tiptap/core';
+export interface VideoAttributes {
+    src: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    playsInline?: boolean;
+    poster?: string | null;
+    preload?: 'auto' | 'metadata' | 'none' | '';
+    width?: string | number | null;
+    height?: string | number | null;
+}
+export interface VideoOptions {
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        video: {
+            setVideo: (options: VideoAttributes) => ReturnType;
+        };
+    }
+}
+export declare const Video: Node<VideoOptions, any>;