@quoreadmin/ui 1.7.10 → 1.7.12

package/dist/index196.js

@@ -1,240 +1,255 @@
-import { Mark as y, Extension as l, mergeAttributes as p } from "./index232.js";
-var d = 20, u = (t, e = 0) => {
-  const r = [];
-  return !t.children.length || e > d || Array.from(t.children).forEach((o) => {
-    o.tagName === "SPAN" ? r.push(o) : o.children.length && r.push(...u(o, e + 1));
-  }), r;
-}, f = (t) => {
-  if (!t.children.length)
-    return;
-  const e = u(t);
-  e && e.forEach((r) => {
-    var o, n;
-    const s = r.getAttribute("style"), i = (n = (o = r.parentElement) == null ? void 0 : o.closest("span")) == null ? void 0 : n.getAttribute("style");
-    r.setAttribute("style", `${i};${s}`);
-  });
-}, c = y.create({
-  name: "textStyle",
-  priority: 101,
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-      mergeNestedSpanStyles: !0
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "span",
-        consuming: !1,
-        getAttrs: (t) => t.hasAttribute("style") ? (this.options.mergeNestedSpanStyles && f(t), {}) : !1
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: t }) {
-    return ["span", p(this.options.HTMLAttributes, t), 0];
-  },
-  addCommands() {
-    return {
-      toggleTextStyle: (t) => ({ commands: e }) => e.toggleMark(this.name, t),
-      removeEmptyTextStyle: () => ({ tr: t }) => {
-        const { selection: e } = t;
-        return t.doc.nodesBetween(e.from, e.to, (r, o) => {
-          if (r.isTextblock)
-            return !0;
-          r.marks.filter((n) => n.type === this.type).some((n) => Object.values(n.attrs).some((s) => !!s)) || t.removeMark(o, o + r.nodeSize, this.type);
-        }), !0;
-      }
-    };
+import { Editor as p } from "./index260.js";
+import { CommandManager as y, Extendable as M, Extension as T, InputRule as F, MappablePosition as I, Mark as B, Node as O, NodePos as D, PasteRule as _, callOrReturn as j, canInsertNode as V, combineTransactionSteps as q, commands as z, createAtomBlockMarkdownSpec as L, createBlockMarkdownSpec as U, createChainableState as $, createDocument as H, createInlineMarkdownSpec as W, createMappablePosition as G, createNodeFromContent as J, createStyleTag as K, defaultBlockAt as Q, deleteProps as X, elementFromString as Y, extensions as Z, findChildrenInRange as ee, findDuplicates as te, findParentNode as ne, findParentNodeClosestToPos as re, flattenExtensions as ie, fromString as oe, getAttributes as ae, getAttributesFromExtensions as se, getChangedRanges as le, getExtensionField as de, getHTMLFromFragment as ue, getMarkAttributes as ce, getMarkRange as pe, getMarkType as ge, getMarksBetween as me, getNodeAtPosition as ve, getNodeAttributes as Se, getNodeType as he, getRenderedAttributes as xe, getSchemaByResolvedExtensions as fe, getSchemaTypeByName as we, getSchemaTypeNameByName as Ee, getSplittedAttributes as Ne, getText as be, getTextBetween as Ce, getTextContentFromNodes as ke, getTextSerializersFromSchema as Ae, getUpdatedPosition as Re, injectExtensionAttributesToParseRule as Pe, inputRulesPlugin as ye, isActive as Me, isAndroid as Te, isAtEndOfNode as Fe, isAtStartOfNode as Ie, isEmptyObject as Be, isExtensionRulesEnabled as Oe, isFunction as De, isList as _e, isMacOS as je, isMarkActive as Ve, isNodeActive as qe, isNodeEmpty as ze, isNodeSelection as Le, isNumber as Ue, isPlainObject as $e, isRegExp as He, isSafari as We, isTextSelection as Ge, isiOS as Je, markInputRule as Ke, markPasteRule as Qe, markdown as Xe, mergeAttributes as Ye, mergeDeep as Ze, minMax as et, nodeInputRule as tt, objectIncludes as nt, parseAttributes as rt, parseIndentedBlocks as it, pasteRulesPlugin as ot, removeDuplicates as at, renderNestedMarkdownContent as st, resolveExtensions as lt, resolveFocusPosition as dt, selectionToInsertionEnd as ut, serializeAttributes as ct, sortExtensions as pt, splitExtensions as gt, textblockTypeInputRule as mt, updateMarkViewAttributes as vt, wrappingInputRule as St } from "./index260.js";
+import { defineComponent as s, h as l, ref as g, getCurrentInstance as m, watchEffect as v, nextTick as S, unref as h, onBeforeUnmount as u, shallowRef as x, onMounted as f, markRaw as w, customRef as E } from "vue";
+function d(t) {
+  return E((e, r) => ({
+    get() {
+      return e(), t;
+    },
+    set(n) {
+      t = n, requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          r();
+        });
+      });
+    }
+  }));
+}
+var N = class extends p {
+  constructor(t = {}) {
+    return super(t), this.contentComponent = null, this.appContext = null, this.reactiveState = d(this.view.state), this.reactiveExtensionStorage = d(this.extensionStorage), this.on("beforeTransaction", ({ nextState: e }) => {
+      this.reactiveState.value = e, this.reactiveExtensionStorage.value = this.extensionStorage;
+    }), w(this);
   }
-}), m = l.create({
-  name: "backgroundColor",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          backgroundColor: {
-            default: null,
-            parseHTML: (t) => {
-              var e;
-              const r = t.getAttribute("style");
-              if (r) {
-                const o = r.split(";").map((n) => n.trim()).filter(Boolean);
-                for (let n = o.length - 1; n >= 0; n -= 1) {
-                  const s = o[n].split(":");
-                  if (s.length >= 2) {
-                    const i = s[0].trim().toLowerCase(), a = s.slice(1).join(":").trim();
-                    if (i === "background-color")
-                      return a.replace(/['"]+/g, "");
-                  }
-                }
-              }
-              return (e = t.style.backgroundColor) == null ? void 0 : e.replace(/['"]+/g, "");
-            },
-            renderHTML: (t) => t.backgroundColor ? {
-              style: `background-color: ${t.backgroundColor}`
-            } : {}
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setBackgroundColor: (t) => ({ chain: e }) => e().setMark("textStyle", { backgroundColor: t }).run(),
-      unsetBackgroundColor: () => ({ chain: t }) => t().setMark("textStyle", { backgroundColor: null }).removeEmptyTextStyle().run()
-    };
+  get state() {
+    return this.reactiveState ? this.reactiveState.value : this.view.state;
   }
-}), g = l.create({
-  name: "color",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          color: {
-            default: null,
-            parseHTML: (t) => {
-              var e;
-              const r = t.getAttribute("style");
-              if (r) {
-                const o = r.split(";").map((n) => n.trim()).filter(Boolean);
-                for (let n = o.length - 1; n >= 0; n -= 1) {
-                  const s = o[n].split(":");
-                  if (s.length >= 2) {
-                    const i = s[0].trim().toLowerCase(), a = s.slice(1).join(":").trim();
-                    if (i === "color")
-                      return a.replace(/['"]+/g, "");
-                  }
-                }
-              }
-              return (e = t.style.color) == null ? void 0 : e.replace(/['"]+/g, "");
-            },
-            renderHTML: (t) => t.color ? {
-              style: `color: ${t.color}`
-            } : {}
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setColor: (t) => ({ chain: e }) => e().setMark("textStyle", { color: t }).run(),
-      unsetColor: () => ({ chain: t }) => t().setMark("textStyle", { color: null }).removeEmptyTextStyle().run()
-    };
+  get storage() {
+    return this.reactiveExtensionStorage ? this.reactiveExtensionStorage.value : super.storage;
   }
-}), h = l.create({
-  name: "fontFamily",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontFamily: {
-            default: null,
-            parseHTML: (t) => t.style.fontFamily,
-            renderHTML: (t) => t.fontFamily ? {
-              style: `font-family: ${t.fontFamily}`
-            } : {}
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setFontFamily: (t) => ({ chain: e }) => e().setMark("textStyle", { fontFamily: t }).run(),
-      unsetFontFamily: () => ({ chain: t }) => t().setMark("textStyle", { fontFamily: null }).removeEmptyTextStyle().run()
-    };
+  /**
+   * Register a ProseMirror plugin.
+   */
+  registerPlugin(t, e) {
+    const r = super.registerPlugin(t, e);
+    return this.reactiveState && (this.reactiveState.value = r), r;
   }
-}), S = l.create({
-  name: "fontSize",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+  /**
+   * Unregister a ProseMirror plugin.
+   */
+  unregisterPlugin(t) {
+    const e = super.unregisterPlugin(t);
+    return this.reactiveState && e && (this.reactiveState.value = e), e;
+  }
+}, k = s({
+  name: "EditorContent",
+  props: {
+    editor: {
+      default: null,
+      type: Object
+    }
   },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontSize: {
-            default: null,
-            parseHTML: (t) => t.style.fontSize,
-            renderHTML: (t) => t.fontSize ? {
-              style: `font-size: ${t.fontSize}`
-            } : {}
-          }
-        }
+  setup(t) {
+    const e = g(), r = m();
+    return v(() => {
+      const n = t.editor;
+      n && n.options.element && e.value && S(() => {
+        var i;
+        if (!e.value || !((i = n.view.dom) != null && i.parentNode))
+          return;
+        const a = h(e.value);
+        e.value.append(...n.view.dom.parentNode.childNodes), n.contentComponent = r.ctx._, r && (n.appContext = {
+          ...r.appContext,
+          // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
+          // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
+          // @ts-expect-error forward instance's 'provides' into appContext
+          provides: r.provides
+        }), n.setOptions({
+          element: a
+        }), n.createNodeViews();
+      });
+    }), u(() => {
+      const n = t.editor;
+      n && (n.contentComponent = null, n.appContext = null);
+    }), { rootEl: e };
+  },
+  render() {
+    return l("div", {
+      ref: (t) => {
+        this.rootEl = t;
       }
-    ];
+    });
+  }
+});
+s({
+  name: "NodeViewContent",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    }
   },
-  addCommands() {
-    return {
-      setFontSize: (t) => ({ chain: e }) => e().setMark("textStyle", { fontSize: t }).run(),
-      unsetFontSize: () => ({ chain: t }) => t().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
-    };
+  render() {
+    return l(this.as, {
+      style: {
+        whiteSpace: "pre-wrap"
+      },
+      "data-node-view-content": ""
+    });
   }
-}), b = l.create({
-  name: "lineHeight",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+});
+s({
+  name: "NodeViewWrapper",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    }
   },
-  addGlobalAttributes() {
-    return [
+  inject: ["onDragStart", "decorationClasses"],
+  render() {
+    var t, e;
+    return l(
+      this.as,
       {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            parseHTML: (t) => t.style.lineHeight,
-            renderHTML: (t) => t.lineHeight ? {
-              style: `line-height: ${t.lineHeight}`
-            } : {}
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setLineHeight: (t) => ({ chain: e }) => e().setMark("textStyle", { lineHeight: t }).run(),
-      unsetLineHeight: () => ({ chain: t }) => t().setMark("textStyle", { lineHeight: null }).removeEmptyTextStyle().run()
-    };
+        // @ts-ignore
+        class: this.decorationClasses,
+        style: {
+          whiteSpace: "normal"
+        },
+        "data-node-view-wrapper": "",
+        // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
+        onDragstart: this.onDragStart
+      },
+      (e = (t = this.$slots).default) == null ? void 0 : e.call(t)
+    );
   }
 });
-l.create({
-  name: "textStyleKit",
-  addExtensions() {
-    const t = [];
-    return this.options.backgroundColor !== !1 && t.push(m.configure(this.options.backgroundColor)), this.options.color !== !1 && t.push(g.configure(this.options.color)), this.options.fontFamily !== !1 && t.push(h.configure(this.options.fontFamily)), this.options.fontSize !== !1 && t.push(S.configure(this.options.fontSize)), this.options.lineHeight !== !1 && t.push(b.configure(this.options.lineHeight)), this.options.textStyle !== !1 && t.push(c.configure(this.options.textStyle)), t;
+var A = (t = {}) => {
+  const e = x();
+  return f(() => {
+    e.value = new N(t);
+  }), u(() => {
+    var r, n, i, a;
+    const o = (n = (r = e.value) == null ? void 0 : r.view.dom) == null ? void 0 : n.parentNode, c = o?.cloneNode(!0);
+    (i = o?.parentNode) == null || i.replaceChild(c, o), (a = e.value) == null || a.destroy();
+  }), e;
+};
+s({
+  name: "MarkViewContent",
+  props: {
+    as: {
+      type: String,
+      default: "span"
+    }
+  },
+  render() {
+    return l(this.as, {
+      style: {
+        whiteSpace: "inherit"
+      },
+      "data-mark-view-content": ""
+    });
   }
 });
 export {
-  m as BackgroundColor,
-  g as Color,
-  h as FontFamily,
-  S as FontSize,
-  b as LineHeight,
-  c as TextStyle
+  y as CommandManager,
+  N as Editor,
+  k as EditorContent,
+  M as Extendable,
+  T as Extension,
+  F as InputRule,
+  I as MappablePosition,
+  B as Mark,
+  O as Node,
+  D as NodePos,
+  _ as PasteRule,
+  j as callOrReturn,
+  V as canInsertNode,
+  q as combineTransactionSteps,
+  z as commands,
+  L as createAtomBlockMarkdownSpec,
+  U as createBlockMarkdownSpec,
+  $ as createChainableState,
+  H as createDocument,
+  W as createInlineMarkdownSpec,
+  G as createMappablePosition,
+  J as createNodeFromContent,
+  K as createStyleTag,
+  Q as defaultBlockAt,
+  X as deleteProps,
+  Y as elementFromString,
+  Z as extensions,
+  ee as findChildrenInRange,
+  te as findDuplicates,
+  ne as findParentNode,
+  re as findParentNodeClosestToPos,
+  ie as flattenExtensions,
+  oe as fromString,
+  ae as getAttributes,
+  se as getAttributesFromExtensions,
+  le as getChangedRanges,
+  de as getExtensionField,
+  ue as getHTMLFromFragment,
+  ce as getMarkAttributes,
+  pe as getMarkRange,
+  ge as getMarkType,
+  me as getMarksBetween,
+  ve as getNodeAtPosition,
+  Se as getNodeAttributes,
+  he as getNodeType,
+  xe as getRenderedAttributes,
+  fe as getSchemaByResolvedExtensions,
+  we as getSchemaTypeByName,
+  Ee as getSchemaTypeNameByName,
+  Ne as getSplittedAttributes,
+  be as getText,
+  Ce as getTextBetween,
+  ke as getTextContentFromNodes,
+  Ae as getTextSerializersFromSchema,
+  Re as getUpdatedPosition,
+  Pe as injectExtensionAttributesToParseRule,
+  ye as inputRulesPlugin,
+  Me as isActive,
+  Te as isAndroid,
+  Fe as isAtEndOfNode,
+  Ie as isAtStartOfNode,
+  Be as isEmptyObject,
+  Oe as isExtensionRulesEnabled,
+  De as isFunction,
+  _e as isList,
+  je as isMacOS,
+  Ve as isMarkActive,
+  qe as isNodeActive,
+  ze as isNodeEmpty,
+  Le as isNodeSelection,
+  Ue as isNumber,
+  $e as isPlainObject,
+  He as isRegExp,
+  We as isSafari,
+  Ge as isTextSelection,
+  Je as isiOS,
+  Ke as markInputRule,
+  Qe as markPasteRule,
+  Xe as markdown,
+  Ye as mergeAttributes,
+  Ze as mergeDeep,
+  et as minMax,
+  tt as nodeInputRule,
+  nt as objectIncludes,
+  rt as parseAttributes,
+  it as parseIndentedBlocks,
+  ot as pasteRulesPlugin,
+  at as removeDuplicates,
+  st as renderNestedMarkdownContent,
+  lt as resolveExtensions,
+  dt as resolveFocusPosition,
+  ut as selectionToInsertionEnd,
+  ct as serializeAttributes,
+  pt as sortExtensions,
+  gt as splitExtensions,
+  mt as textblockTypeInputRule,
+  vt as updateMarkViewAttributes,
+  A as useEditor,
+  St as wrappingInputRule
 };