@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

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

@@ -1,131 +1,215 @@
-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)
+import { a as PluginKey, P as Plugin } from "../../../prosemirror-state/dist/index.es.js";
+import { a as DecorationSet, D as Decoration } from "../../../prosemirror-view/dist/index.es.js";
+import { o as escapeForRegEx } from "../../core/dist/index.es.js";
+function findSuggestionMatch(config) {
+  var _a;
+  const { char, allowSpaces: allowSpacesOption, allowToIncludeChar, allowedPrefixes, startOfLine, $position } = config;
+  const allowSpaces = allowSpacesOption && !allowToIncludeChar;
+  const escapedChar = escapeForRegEx(char);
+  const suffix = new RegExp(`\\s${escapedChar}$`);
+  const prefix = startOfLine ? "^" : "";
+  const finalEscapedChar = allowToIncludeChar ? "" : escapedChar;
+  const regexp = allowSpaces ? new RegExp(`${prefix}${escapedChar}.*?(?=\\s${finalEscapedChar}|$)`, "gm") : new RegExp(`${prefix}(?:^)?${escapedChar}[^\\s${finalEscapedChar}]*`, "gm");
+  const text = ((_a = $position.nodeBefore) === null || _a === void 0 ? void 0 : _a.isText) && $position.nodeBefore.text;
+  if (!text) {
     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)
+  }
+  const textFrom = $position.pos - text.length;
+  const match = Array.from(text.matchAll(regexp)).pop();
+  if (!match || match.input === void 0 || match.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)
+  }
+  const matchPrefix = match.input.slice(Math.max(0, match.index - 1), match.index);
+  const matchPrefixIsAllowed = new RegExp(`^[${allowedPrefixes === null || allowedPrefixes === void 0 ? void 0 : allowedPrefixes.join("")}\0]?$`).test(matchPrefix);
+  if (allowedPrefixes !== null && !matchPrefixIsAllowed) {
     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 from = textFrom + match.index;
+  let to = from + match[0].length;
+  if (allowSpaces && suffix.test(text.slice(to - 1, to + 1))) {
+    match[0] += " ";
+    to += 1;
+  }
+  if (from < $position.pos && to >= $position.pos) {
+    return {
+      range: {
+        from,
+        to
+      },
+      query: match[0].slice(char.length),
+      text: match[0]
+    };
+  }
+  return 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,
+const SuggestionPluginKey = new PluginKey("suggestion");
+function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = "@", allowSpaces = false, allowToIncludeChar = false, allowedPrefixes = [" "], startOfLine = false, decorationTag = "span", decorationClass = "suggestion", command = () => null, items = () => [], render = () => ({}), allow = () => true, findSuggestionMatch: findSuggestionMatch$1 = findSuggestionMatch }) {
+  let props;
+  const renderer = render === null || render === void 0 ? void 0 : render();
+  const plugin = new Plugin({
+    key: pluginKey,
     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)
+        update: async (view, prevState) => {
+          var _a, _b, _c, _d, _e, _f, _g;
+          const prev = (_a = this.key) === null || _a === void 0 ? void 0 : _a.getState(prevState);
+          const next = (_b = this.key) === null || _b === void 0 ? void 0 : _b.getState(view.state);
+          const moved = prev.active && next.active && prev.range.from !== next.range.from;
+          const started = !prev.active && next.active;
+          const stopped = prev.active && !next.active;
+          const changed = !started && !stopped && prev.query !== next.query;
+          const handleStart = started || moved && changed;
+          const handleChange = changed || moved;
+          const handleExit = stopped || moved && changed;
+          if (!handleStart && !handleChange && !handleExit) {
             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,
+          }
+          const state = handleExit && !handleStart ? prev : next;
+          const decorationNode = view.dom.querySelector(`[data-decoration-id="${state.decorationId}"]`);
+          props = {
+            editor,
+            range: state.range,
+            query: state.query,
+            text: state.text,
             items: [],
-            command: (w) => g({
-              editor: s,
-              range: h.range,
-              props: w
-            }),
-            decorationNode: F,
+            command: (commandProps) => {
+              return command({
+                editor,
+                range: state.range,
+                props: commandProps
+              });
+            },
+            decorationNode,
             // 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;
+            clientRect: decorationNode ? () => {
+              var _a2;
+              const { decorationId } = (_a2 = this.key) === null || _a2 === void 0 ? void 0 : _a2.getState(editor.state);
+              const currentDecorationNode = view.dom.querySelector(`[data-decoration-id="${decorationId}"]`);
+              return (currentDecorationNode === null || currentDecorationNode === void 0 ? void 0 : currentDecorationNode.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));
+          };
+          if (handleStart) {
+            (_c = renderer === null || renderer === void 0 ? void 0 : renderer.onBeforeStart) === null || _c === void 0 ? void 0 : _c.call(renderer, props);
+          }
+          if (handleChange) {
+            (_d = renderer === null || renderer === void 0 ? void 0 : renderer.onBeforeUpdate) === null || _d === void 0 ? void 0 : _d.call(renderer, props);
+          }
+          if (handleChange || handleStart) {
+            props.items = await items({
+              editor,
+              query: state.query
+            });
+          }
+          if (handleExit) {
+            (_e = renderer === null || renderer === void 0 ? void 0 : renderer.onExit) === null || _e === void 0 ? void 0 : _e.call(renderer, props);
+          }
+          if (handleChange) {
+            (_f = renderer === null || renderer === void 0 ? void 0 : renderer.onUpdate) === null || _f === void 0 ? void 0 : _f.call(renderer, props);
+          }
+          if (handleStart) {
+            (_g = renderer === null || renderer === void 0 ? void 0 : renderer.onStart) === null || _g === void 0 ? void 0 : _g.call(renderer, props);
+          }
         },
         destroy: () => {
-          var n;
-          r && ((n = e == null ? void 0 : e.onExit) === null || n === void 0 || n.call(e, r));
+          var _a;
+          if (!props) {
+            return;
+          }
+          (_a = renderer === null || renderer === void 0 ? void 0 : renderer.onExit) === null || _a === void 0 ? void 0 : _a.call(renderer, props);
         }
       };
     },
     state: {
       // Initialize the plugin's internal state.
       init() {
-        return {
-          active: !1,
+        const state = {
+          active: false,
           range: {
             from: 0,
             to: 0
           },
           query: null,
           text: null,
-          composing: !1
+          composing: false
         };
+        return state;
       },
       // 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;
+      apply(transaction, prev, _oldState, state) {
+        const { isEditable } = editor;
+        const { composing } = editor.view;
+        const { selection } = transaction;
+        const { empty, from } = selection;
+        const next = { ...prev };
+        next.composing = composing;
+        if (isEditable && (empty || editor.view.composing)) {
+          if ((from < prev.range.from || from > prev.range.to) && !composing && !prev.composing) {
+            next.active = false;
+          }
+          const match = findSuggestionMatch$1({
+            char,
+            allowSpaces,
+            allowToIncludeChar,
+            allowedPrefixes,
+            startOfLine,
+            $position: selection.$from
+          });
+          const decorationId = `id_${Math.floor(Math.random() * 4294967295)}`;
+          if (match && allow({
+            editor,
+            state,
+            range: match.range,
+            isActive: prev.active
+          })) {
+            next.active = true;
+            next.decorationId = prev.decorationId ? prev.decorationId : decorationId;
+            next.range = match.range;
+            next.query = match.query;
+            next.text = match.text;
+          } else {
+            next.active = false;
+          }
+        } else {
+          next.active = false;
+        }
+        if (!next.active) {
+          next.decorationId = null;
+          next.range = { from: 0, to: 0 };
+          next.query = null;
+          next.text = null;
+        }
+        return next;
       }
     },
     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;
+      handleKeyDown(view, event) {
+        var _a;
+        const { active, range } = plugin.getState(view.state);
+        if (!active) {
+          return false;
+        }
+        return ((_a = renderer === null || renderer === void 0 ? void 0 : renderer.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(renderer, { view, event, range })) || false;
       },
       // 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
+      decorations(state) {
+        const { active, range, decorationId } = plugin.getState(state);
+        if (!active) {
+          return null;
+        }
+        return DecorationSet.create(state.doc, [
+          Decoration.inline(range.from, range.to, {
+            nodeName: decorationTag,
+            class: decorationClass,
+            "data-decoration-id": decorationId
           })
-        ]) : null;
+        ]);
       }
     }
   });
-  return o;
+  return plugin;
 }
 export {
-  W as S
+  Suggestion as S
 };