@fewangsit/wangsvue-fats 1.0.1-alpha.9 → 1.0.1-rc.0

package/vendor/@tiptap/suggestion/dist/index.es.js

@@ -0,0 +1,131 @@
+import { a as T, P as U } from "../../../prosemirror-state/dist/index.es.js";
+import { a as j, D as L } from "../../../prosemirror-view/dist/index.es.js";
+import { o as z } from "../../core/dist/index.es.js";
+function G(R) {
+  var s;
+  const { char: q, allowSpaces: D, allowToIncludeChar: _, allowedPrefixes: f, startOfLine: B, $position: d } = R, E = D && !_, g = z(q), C = new RegExp(`\\s${g}$`), v = B ? "^" : "", I = _ ? "" : g, M = E ? new RegExp(`${v}${g}.*?(?=\\s${I}|$)`, "gm") : new RegExp(`${v}(?:^)?${g}[^\\s${I}]*`, "gm"), r = ((s = d.nodeBefore) === null || s === void 0 ? void 0 : s.isText) && d.nodeBefore.text;
+  if (!r)
+    return null;
+  const e = d.pos - r.length, o = Array.from(r.matchAll(M)).pop();
+  if (!o || o.input === void 0 || o.index === void 0)
+    return null;
+  const n = o.input.slice(Math.max(0, o.index - 1), o.index), i = new RegExp(`^[${f == null ? void 0 : f.join("")}\0]?$`).test(n);
+  if (f !== null && !i)
+    return null;
+  const a = e + o.index;
+  let l = a + o[0].length;
+  return E && C.test(r.slice(l - 1, l + 1)) && (o[0] += " ", l += 1), a < d.pos && l >= d.pos ? {
+    range: {
+      from: a,
+      to: l
+    },
+    query: o[0].slice(q.length),
+    text: o[0]
+  } : null;
+}
+const H = new T("suggestion");
+function W({ pluginKey: R = H, editor: s, char: q = "@", allowSpaces: D = !1, allowToIncludeChar: _ = !1, allowedPrefixes: f = [" "], startOfLine: B = !1, decorationTag: d = "span", decorationClass: E = "suggestion", command: g = () => null, items: C = () => [], render: v = () => ({}), allow: I = () => !0, findSuggestionMatch: M = G }) {
+  let r;
+  const e = v == null ? void 0 : v(), o = new U({
+    key: R,
+    view() {
+      return {
+        update: async (n, i) => {
+          var a, l, u, p, m, y, x;
+          const t = (a = this.key) === null || a === void 0 ? void 0 : a.getState(i), c = (l = this.key) === null || l === void 0 ? void 0 : l.getState(n.state), S = t.active && c.active && t.range.from !== c.range.from, N = !t.active && c.active, b = t.active && !c.active, k = !N && !b && t.query !== c.query, $ = N || S && k, P = k || S, A = b || S && k;
+          if (!$ && !P && !A)
+            return;
+          const h = A && !$ ? t : c, F = n.dom.querySelector(`[data-decoration-id="${h.decorationId}"]`);
+          r = {
+            editor: s,
+            range: h.range,
+            query: h.query,
+            text: h.text,
+            items: [],
+            command: (w) => g({
+              editor: s,
+              range: h.range,
+              props: w
+            }),
+            decorationNode: F,
+            // virtual node for popper.js or tippy.js
+            // this can be used for building popups without a DOM node
+            clientRect: F ? () => {
+              var w;
+              const { decorationId: O } = (w = this.key) === null || w === void 0 ? void 0 : w.getState(s.state), K = n.dom.querySelector(`[data-decoration-id="${O}"]`);
+              return (K == null ? void 0 : K.getBoundingClientRect()) || null;
+            } : null
+          }, $ && ((u = e == null ? void 0 : e.onBeforeStart) === null || u === void 0 || u.call(e, r)), P && ((p = e == null ? void 0 : e.onBeforeUpdate) === null || p === void 0 || p.call(e, r)), (P || $) && (r.items = await C({
+            editor: s,
+            query: h.query
+          })), A && ((m = e == null ? void 0 : e.onExit) === null || m === void 0 || m.call(e, r)), P && ((y = e == null ? void 0 : e.onUpdate) === null || y === void 0 || y.call(e, r)), $ && ((x = e == null ? void 0 : e.onStart) === null || x === void 0 || x.call(e, r));
+        },
+        destroy: () => {
+          var n;
+          r && ((n = e == null ? void 0 : e.onExit) === null || n === void 0 || n.call(e, r));
+        }
+      };
+    },
+    state: {
+      // Initialize the plugin's internal state.
+      init() {
+        return {
+          active: !1,
+          range: {
+            from: 0,
+            to: 0
+          },
+          query: null,
+          text: null,
+          composing: !1
+        };
+      },
+      // Apply changes to the plugin state from a view transaction.
+      apply(n, i, a, l) {
+        const { isEditable: u } = s, { composing: p } = s.view, { selection: m } = n, { empty: y, from: x } = m, t = { ...i };
+        if (t.composing = p, u && (y || s.view.composing)) {
+          (x < i.range.from || x > i.range.to) && !p && !i.composing && (t.active = !1);
+          const c = M({
+            char: q,
+            allowSpaces: D,
+            allowToIncludeChar: _,
+            allowedPrefixes: f,
+            startOfLine: B,
+            $position: m.$from
+          }), S = `id_${Math.floor(Math.random() * 4294967295)}`;
+          c && I({
+            editor: s,
+            state: l,
+            range: c.range,
+            isActive: i.active
+          }) ? (t.active = !0, t.decorationId = i.decorationId ? i.decorationId : S, t.range = c.range, t.query = c.query, t.text = c.text) : t.active = !1;
+        } else
+          t.active = !1;
+        return t.active || (t.decorationId = null, t.range = { from: 0, to: 0 }, t.query = null, t.text = null), t;
+      }
+    },
+    props: {
+      // Call the keydown hook if suggestion is active.
+      handleKeyDown(n, i) {
+        var a;
+        const { active: l, range: u } = o.getState(n.state);
+        return l && ((a = e == null ? void 0 : e.onKeyDown) === null || a === void 0 ? void 0 : a.call(e, { view: n, event: i, range: u })) || !1;
+      },
+      // Setup decorator on the currently active suggestion.
+      decorations(n) {
+        const { active: i, range: a, decorationId: l } = o.getState(n);
+        return i ? j.create(n.doc, [
+          L.inline(a.from, a.to, {
+            nodeName: d,
+            class: E,
+            "data-decoration-id": l
+          })
+        ]) : null;
+      }
+    }
+  });
+  return o;
+}
+export {
+  W as S
+};

package/vendor/@tiptap/vue-3/dist/index.es.js

@@ -0,0 +1,436 @@
+import { B as g } from "../../extension-bubble-menu/dist/index.es.js";
+import { ref as u, defineComponent as d, provide as h, markRaw as f, reactive as y, h as a, render as v, shallowRef as C, onMounted as c, onBeforeUnmount as l, getCurrentInstance as b, watchEffect as w, nextTick as S, unref as _, customRef as x } from "vue";
+import { q as N, r as O } from "../../core/dist/index.es.js";
+import { a as P } from "../../extension-floating-menu/dist/index.es.js";
+d({
+  name: "BubbleMenu",
+  props: {
+    pluginKey: {
+      type: [String, Object],
+      default: "bubbleMenu"
+    },
+    editor: {
+      type: Object,
+      required: !0
+    },
+    updateDelay: {
+      type: Number,
+      default: void 0
+    },
+    tippyOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    shouldShow: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(r, { slots: t }) {
+    const n = u(null);
+    return c(() => {
+      const { updateDelay: e, editor: o, pluginKey: i, shouldShow: s, tippyOptions: p } = r;
+      o.registerPlugin(g({
+        updateDelay: e,
+        editor: o,
+        element: n.value,
+        pluginKey: i,
+        shouldShow: s,
+        tippyOptions: p
+      }));
+    }), l(() => {
+      const { pluginKey: e, editor: o } = r;
+      o.unregisterPlugin(e);
+    }), () => {
+      var e;
+      return a("div", { ref: n }, (e = t.default) === null || e === void 0 ? void 0 : e.call(t));
+    };
+  }
+});
+function m(r) {
+  return x((t, n) => ({
+    get() {
+      return t(), r;
+    },
+    set(e) {
+      r = e, requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          n();
+        });
+      });
+    }
+  }));
+}
+class D extends O {
+  constructor(t = {}) {
+    return super(t), this.contentComponent = null, this.appContext = null, this.reactiveState = m(this.view.state), this.reactiveExtensionStorage = m(this.extensionStorage), this.on("beforeTransaction", ({ nextState: n }) => {
+      this.reactiveState.value = n, this.reactiveExtensionStorage.value = this.extensionStorage;
+    }), f(this);
+  }
+  get state() {
+    return this.reactiveState ? this.reactiveState.value : this.view.state;
+  }
+  get storage() {
+    return this.reactiveExtensionStorage ? this.reactiveExtensionStorage.value : super.storage;
+  }
+  /**
+   * Register a ProseMirror plugin.
+   */
+  registerPlugin(t, n) {
+    const e = super.registerPlugin(t, n);
+    return this.reactiveState && (this.reactiveState.value = e), e;
+  }
+  /**
+   * Unregister a ProseMirror plugin.
+   */
+  unregisterPlugin(t) {
+    const n = super.unregisterPlugin(t);
+    return this.reactiveState && n && (this.reactiveState.value = n), n;
+  }
+}
+const A = d({
+  name: "EditorContent",
+  props: {
+    editor: {
+      default: null,
+      type: Object
+    }
+  },
+  setup(r) {
+    const t = u(), n = b();
+    return w(() => {
+      const e = r.editor;
+      e && e.options.element && t.value && S(() => {
+        if (!t.value || !e.options.element.firstChild)
+          return;
+        const o = _(t.value);
+        t.value.append(...e.options.element.childNodes), e.contentComponent = n.ctx._, n && (e.appContext = {
+          ...n.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: n.provides
+        }), e.setOptions({
+          element: o
+        }), e.createNodeViews();
+      });
+    }), l(() => {
+      const e = r.editor;
+      e && (e.contentComponent = null, e.appContext = null);
+    }), { rootEl: t };
+  },
+  render() {
+    return a("div", {
+      ref: (r) => {
+        this.rootEl = r;
+      }
+    });
+  }
+}), U = d({
+  name: "FloatingMenu",
+  props: {
+    pluginKey: {
+      // TODO: TypeScript breaks :(
+      // type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['pluginKey'], string>>],
+      type: null,
+      default: "floatingMenu"
+    },
+    editor: {
+      type: Object,
+      required: !0
+    },
+    tippyOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    shouldShow: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(r, { slots: t }) {
+    const n = u(null);
+    return c(() => {
+      const { pluginKey: e, editor: o, tippyOptions: i, shouldShow: s } = r;
+      o.registerPlugin(P({
+        pluginKey: e,
+        editor: o,
+        element: n.value,
+        tippyOptions: i,
+        shouldShow: s
+      }));
+    }), l(() => {
+      const { pluginKey: e, editor: o } = r;
+      o.unregisterPlugin(e);
+    }), () => {
+      var e;
+      return a("div", { ref: n }, (e = t.default) === null || e === void 0 ? void 0 : e.call(t));
+    };
+  }
+});
+d({
+  name: "NodeViewContent",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    }
+  },
+  render() {
+    return a(this.as, {
+      style: {
+        whiteSpace: "pre-wrap"
+      },
+      "data-node-view-content": ""
+    });
+  }
+});
+const K = d({
+  name: "NodeViewWrapper",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    }
+  },
+  inject: ["onDragStart", "decorationClasses"],
+  render() {
+    var r, t;
+    return a(this.as, {
+      // @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
+    }, (t = (r = this.$slots).default) === null || t === void 0 ? void 0 : t.call(r));
+  }
+}), L = (r = {}) => {
+  const t = C();
+  return c(() => {
+    t.value = new D(r);
+  }), l(() => {
+    var n, e, o;
+    const i = (n = t.value) === null || n === void 0 ? void 0 : n.options.element, s = i == null ? void 0 : i.cloneNode(!0);
+    (e = i == null ? void 0 : i.parentNode) === null || e === void 0 || e.replaceChild(s, i), (o = t.value) === null || o === void 0 || o.destroy();
+  }), t;
+};
+class E {
+  constructor(t, { props: n = {}, editor: e }) {
+    this.editor = e, this.component = f(t), this.el = document.createElement("div"), this.props = y(n), this.renderedComponent = this.renderComponent();
+  }
+  get element() {
+    return this.renderedComponent.el;
+  }
+  get ref() {
+    var t, n, e, o;
+    return !((n = (t = this.renderedComponent.vNode) === null || t === void 0 ? void 0 : t.component) === null || n === void 0) && n.exposed ? this.renderedComponent.vNode.component.exposed : (o = (e = this.renderedComponent.vNode) === null || e === void 0 ? void 0 : e.component) === null || o === void 0 ? void 0 : o.proxy;
+  }
+  renderComponent() {
+    let t = a(this.component, this.props);
+    return this.editor.appContext && (t.appContext = this.editor.appContext), typeof document < "u" && this.el && v(t, this.el), { vNode: t, destroy: () => {
+      this.el && v(null, this.el), this.el = null, t = null;
+    }, el: this.el ? this.el.firstElementChild : null };
+  }
+  updateProps(t = {}) {
+    Object.entries(t).forEach(([n, e]) => {
+      this.props[n] = e;
+    }), this.renderComponent();
+  }
+  destroy() {
+    this.renderedComponent.destroy();
+  }
+}
+const R = {
+  editor: {
+    type: Object,
+    required: !0
+  },
+  node: {
+    type: Object,
+    required: !0
+  },
+  decorations: {
+    type: Object,
+    required: !0
+  },
+  selected: {
+    type: Boolean,
+    required: !0
+  },
+  extension: {
+    type: Object,
+    required: !0
+  },
+  getPos: {
+    type: Function,
+    required: !0
+  },
+  updateAttributes: {
+    type: Function,
+    required: !0
+  },
+  deleteNode: {
+    type: Function,
+    required: !0
+  },
+  view: {
+    type: Object,
+    required: !0
+  },
+  innerDecorations: {
+    type: Object,
+    required: !0
+  },
+  HTMLAttributes: {
+    type: Object,
+    required: !0
+  }
+};
+class j extends N {
+  mount() {
+    const t = {
+      editor: this.editor,
+      node: this.node,
+      decorations: this.decorations,
+      innerDecorations: this.innerDecorations,
+      view: this.view,
+      selected: !1,
+      extension: this.extension,
+      HTMLAttributes: this.HTMLAttributes,
+      getPos: () => this.getPos(),
+      updateAttributes: (o = {}) => this.updateAttributes(o),
+      deleteNode: () => this.deleteNode()
+    }, n = this.onDragStart.bind(this);
+    this.decorationClasses = u(this.getDecorationClasses());
+    const e = d({
+      extends: { ...this.component },
+      props: Object.keys(t),
+      template: this.component.template,
+      setup: (o) => {
+        var i, s;
+        return h("onDragStart", n), h("decorationClasses", this.decorationClasses), (s = (i = this.component).setup) === null || s === void 0 ? void 0 : s.call(i, o, {
+          expose: () => {
+          }
+        });
+      },
+      // add support for scoped styles
+      // @ts-ignore
+      // eslint-disable-next-line
+      __scopeId: this.component.__scopeId,
+      // add support for CSS Modules
+      // @ts-ignore
+      // eslint-disable-next-line
+      __cssModules: this.component.__cssModules,
+      // add support for vue devtools
+      // @ts-ignore
+      // eslint-disable-next-line
+      __name: this.component.__name,
+      // @ts-ignore
+      // eslint-disable-next-line
+      __file: this.component.__file
+    });
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.renderer = new E(e, {
+      editor: this.editor,
+      props: t
+    });
+  }
+  /**
+   * Return the DOM element.
+   * This is the element that will be used to display the node view.
+   */
+  get dom() {
+    if (!this.renderer.element || !this.renderer.element.hasAttribute("data-node-view-wrapper"))
+      throw Error("Please use the NodeViewWrapper component for your node view.");
+    return this.renderer.element;
+  }
+  /**
+   * Return the content DOM element.
+   * This is the element that will be used to display the rich-text content of the node.
+   */
+  get contentDOM() {
+    return this.node.isLeaf ? null : this.dom.querySelector("[data-node-view-content]");
+  }
+  /**
+   * On editor selection update, check if the node is selected.
+   * If it is, call `selectNode`, otherwise call `deselectNode`.
+   */
+  handleSelectionUpdate() {
+    const { from: t, to: n } = this.editor.state.selection, e = this.getPos();
+    if (typeof e == "number")
+      if (t <= e && n >= e + this.node.nodeSize) {
+        if (this.renderer.props.selected)
+          return;
+        this.selectNode();
+      } else {
+        if (!this.renderer.props.selected)
+          return;
+        this.deselectNode();
+      }
+  }
+  /**
+   * On update, update the React component.
+   * To prevent unnecessary updates, the `update` option can be used.
+   */
+  update(t, n, e) {
+    const o = (i) => {
+      this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(i);
+    };
+    if (typeof this.options.update == "function") {
+      const i = this.node, s = this.decorations, p = this.innerDecorations;
+      return this.node = t, this.decorations = n, this.innerDecorations = e, this.options.update({
+        oldNode: i,
+        oldDecorations: s,
+        newNode: t,
+        newDecorations: n,
+        oldInnerDecorations: p,
+        innerDecorations: e,
+        updateProps: () => o({ node: t, decorations: n, innerDecorations: e })
+      });
+    }
+    return t.type !== this.node.type ? !1 : (t === this.node && this.decorations === n && this.innerDecorations === e || (this.node = t, this.decorations = n, this.innerDecorations = e, o({ node: t, decorations: n, innerDecorations: e })), !0);
+  }
+  /**
+   * Select the node.
+   * Add the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  selectNode() {
+    this.renderer.updateProps({
+      selected: !0
+    }), this.renderer.element && this.renderer.element.classList.add("ProseMirror-selectednode");
+  }
+  /**
+   * Deselect the node.
+   * Remove the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  deselectNode() {
+    this.renderer.updateProps({
+      selected: !1
+    }), this.renderer.element && this.renderer.element.classList.remove("ProseMirror-selectednode");
+  }
+  getDecorationClasses() {
+    return this.decorations.map((t) => t.type.attrs.class).flat().join(" ");
+  }
+  destroy() {
+    this.renderer.destroy(), this.editor.off("selectionUpdate", this.handleSelectionUpdate);
+  }
+}
+function B(r, t) {
+  return (n) => {
+    if (!n.editor.contentComponent)
+      return {};
+    const e = typeof r == "function" && "__vccOpts" in r ? r.__vccOpts : r;
+    return new j(e, n, t);
+  };
+}
+export {
+  A as E,
+  U as F,
+  K as N,
+  B as V,
+  E as a,
+  R as n,
+  L as u
+};

package/vendor/@wangs-ui/core/components/p-BU8h34na.es.js

@@ -0,0 +1,19 @@
+function s() {
+  window.WangsUI || (window.WangsUI = {
+    presets: {
+      "WANGS-TAB-MENU": {},
+      "WANGS-INPUT-OTP": {}
+    }
+  });
+}
+function t(n) {
+  return s(), window.WangsUI.presets[n];
+}
+function i(n, e) {
+  return { ...t(n), ...e };
+}
+export {
+  t as g,
+  s as i,
+  i as u
+};