@halo-dev/richtext-editor 0.0.0-alpha.31 → 0.0.0-alpha.32

package/dist/extensions/video/BubbleItemVideoSize.vue.d.ts

@@ -0,0 +1,58 @@
+import type { Editor } from "@tiptap/core";
+import { type Component } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    editor: {
+        type: import("vue").PropType<Editor>;
+        required: true;
+    };
+    isActive: {
+        type: import("vue").PropType<({ editor }: {
+            editor: Editor;
+        }) => boolean>;
+        required: true;
+    };
+    visible: {
+        type: import("vue").PropType<({ editor }: {
+            editor: Editor;
+        }) => boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<Component>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    action: {
+        type: import("vue").PropType<({ editor }: {
+            editor: Editor;
+        }) => void>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: import("vue").PropType<Editor>;
+        required: true;
+    };
+    isActive: {
+        type: import("vue").PropType<({ editor }: {
+            editor: Editor;
+        }) => boolean>;
+        required: true;
+    };
+    visible: {
+        type: import("vue").PropType<({ editor }: {
+            editor: Editor;
+        }) => boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<Component>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    action: {
+        type: import("vue").PropType<({ editor }: {
+            editor: Editor;
+        }) => void>;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/extensions/video/VideoView.vue.d.ts

@@ -0,0 +1,71 @@
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import type { Decoration } from "@tiptap/pm/view";
+import type { Editor, Node } from "@tiptap/core";
+declare const _default: import("vue").DefineComponent<{
+    editor: {
+        type: import("vue").PropType<Editor>;
+        required: true;
+    };
+    node: {
+        type: import("vue").PropType<ProseMirrorNode>;
+        required: true;
+    };
+    decorations: {
+        type: import("vue").PropType<Decoration[]>;
+        required: true;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    extension: {
+        type: import("vue").PropType<Node<any, any>>;
+        required: true;
+    };
+    getPos: {
+        type: import("vue").PropType<() => number>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import("vue").PropType<(attributes: Record<string, any>) => void>;
+        required: true;
+    };
+    deleteNode: {
+        type: import("vue").PropType<() => void>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: import("vue").PropType<Editor>;
+        required: true;
+    };
+    node: {
+        type: import("vue").PropType<ProseMirrorNode>;
+        required: true;
+    };
+    decorations: {
+        type: import("vue").PropType<Decoration[]>;
+        required: true;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    extension: {
+        type: import("vue").PropType<Node<any, any>>;
+        required: true;
+    };
+    getPos: {
+        type: import("vue").PropType<() => number>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import("vue").PropType<(attributes: Record<string, any>) => void>;
+        required: true;
+    };
+    deleteNode: {
+        type: import("vue").PropType<() => void>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { ExtensionOptions } from '../../types';
+import { Node } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        video: {
+            setVideo: (options: {
+                src: string;
+            }) => ReturnType;
+        };
+    }
+}
+declare const Video: Node<ExtensionOptions, any>;
+export default Video;

package/dist/locales/index.d.ts

@@ -0,0 +1,7 @@
+declare const i18n: import("vue-i18n").I18n<{
+    en: any;
+    zh: any;
+    "en-US": any;
+    "zh-CN": any;
+}, {}, {}, string, false>;
+export { i18n };

package/dist/rich-text-editor.es.js

@@ -21043,7 +21043,7 @@ const MdiPlusCircle = { name: "mdi-plus-circle", render: render$1j };
 const _hoisted_1$1H = { class: "editor-header flex items-center py-1 space-x-0.5 justify-start px-1 overflow-auto sm:!justify-center border-b drop-shadow-sm bg-white" };
 const _hoisted_2$1y = { class: "inline-flex items-center justify-center" };
 const _hoisted_3$1w = { class: "p-1 rounded-sm hover:bg-gray-100" };
-const _hoisted_4$a = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-56 p-1 max-h-96 overflow-y-auto space-y-1.5" };
+const _hoisted_4$b = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-56 p-1 max-h-96 overflow-y-auto space-y-1.5" };
 const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("div", { class: "h-5 bg-gray-100 w-[1px] !mx-1" }, null, -1);
 const _hoisted_6$4 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
@@ -21095,7 +21095,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$1y, [
           createVNode(unref(Lt), null, {
             popper: withCtx(() => [
-              createElementVNode("div", _hoisted_4$a, [
+              createElementVNode("div", _hoisted_4$b, [
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(getToolboxItemsFromExtensions(), (toolboxItem, index2) => {
                   return openBlock(), createBlock(resolveDynamicComponent(toolboxItem.component), mergeProps(toolboxItem.props, { key: index2 }), null, 16);
                 }), 128))
@@ -21246,6 +21246,19 @@ class BubbleMenuView2 {
       placement: "bottom-start",
       hideOnClick: "toggle",
       plugins: [sticky],
+      popperOptions: {
+        modifiers: [
+          {
+            name: "customWidth",
+            enabled: true,
+            phase: "beforeWrite",
+            requires: ["computeStyles"],
+            fn({ state }) {
+              state.styles.popper.maxWidth = "98%";
+            }
+          }
+        ]
+      },
       ...Object.assign(
         {
           zIndex: 999,
@@ -25837,9 +25850,10 @@ const _hoisted_1$1E = {
   class: "halo-rich-text-editor"
 };
 const _hoisted_2$1w = { class: "h-full flex flex-row w-full" };
-const _hoisted_3$1v = {
+const _hoisted_3$1v = { class: "overflow-y-auto overflow-x-hidden flex-1 relative bg-white" };
+const _hoisted_4$a = {
   key: 0,
-  class: "h-full hidden sm:!block w-72"
+  class: "h-full hidden sm:!block w-72 flex-shrink-0"
 };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "Editor",
@@ -25875,12 +25889,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         createVNode(EditorBubbleMenu, { editor: __props.editor }, null, 8, ["editor"]),
         createVNode(_sfc_main$w, { editor: __props.editor }, null, 8, ["editor"]),
         createElementVNode("div", _hoisted_2$1w, [
-          createVNode(unref(EditorContent), {
-            editor: __props.editor,
-            style: normalizeStyle(__props.contentStyles),
-            class: normalizeClass(["editor-content markdown-body", { "sm:!w-[calc(100%-18rem)]": _ctx.$slots.extra }])
-          }, null, 8, ["editor", "style", "class"]),
-          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_3$1v, [
+          createElementVNode("div", _hoisted_3$1v, [
+            createVNode(unref(EditorContent), {
+              editor: __props.editor,
+              style: normalizeStyle(__props.contentStyles),
+              class: "editor-content markdown-body"
+            }, null, 8, ["editor", "style"])
+          ]),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
             renderSlot(_ctx.$slots, "extra")
           ])) : createCommentVNode("", true)
         ])