@creatorsn/powereditor3 0.2.6 → 0.2.8

package/dist/powereditor3.js

@@ -68452,13 +68452,16 @@ const e6 = /* @__PURE__ */ on(dge, [["render", pge]]), mge = /(\$\s|\\\(\s)$/, g
         }
         t || this.close();
       },
-      filterItems: [],
-      loading: !1,
       thisTheme: this.editor.storage.defaultStorage.theme,
       thisForeground: this.editor.storage.defaultStorage.mentionItemTools.headerForeground()
     };
   },
   watch: {
+    thisPlaceholder(n) {
+      n !== this.node.attrs.placeholder && this.updateAttributes({
+        placeholder: n
+      });
+    },
     showPopper(n) {
       n && this.$nextTick(() => {
         this.showPos();
@@ -68498,10 +68501,24 @@ const e6 = /* @__PURE__ */ on(dge, [["render", pge]]), mge = /(\$\s|\\\(\s)$/, g
       } catch {
         return "";
       }
+    },
+    thisPlaceholder() {
+      var e, t;
+      return ((t = (e = this.editor.storage.defaultStorage.mentionItemTools) == null ? void 0 : e.placeholder) == null ? void 0 : t.call(
+        e,
+        this.node.attrs.currentItem,
+        this.node.attrs.value
+      )) || this.node.attrs.placeholder;
+    },
+    thisMentionList() {
+      var n, e;
+      return ((e = (n = this.editor.storage.defaultStorage) == null ? void 0 : n.mentionItemTools) == null ? void 0 : e.mentionList()) || [];
     }
   },
   mounted() {
-    this.outSideClickInit(), this.windowEventInit(), setTimeout(() => {
+    this.outSideClickInit(), this.windowEventInit(), this.thisPlaceholder !== this.node.attrs.placeholder && this.updateAttributes({
+      placeholder: this.thisPlaceholder
+    }), setTimeout(() => {
       this.node.attrs.freeze || (this.show(), this.$refs.target.focus(), this.$refs.list.setFocus());
     }, 300), this.getFilterItems(this.node.attrs.value, "");
   },
@@ -68527,18 +68544,10 @@ const e6 = /* @__PURE__ */ on(dge, [["render", pge]]), mge = /(\$\s|\\\(\s)$/, g
       }, 300));
     },
     async getFilterItems(n, e) {
-      this.loading = !0;
-      let t = [], r = await this.editor.storage.defaultStorage.mentionItemTools.mentionList(
+      await this.editor.storage.defaultStorage.mentionItemTools.filterFunc(
         n,
         e
       );
-      for (let i of r)
-        await this.editor.storage.defaultStorage.mentionItemTools.filterFunc(
-          i,
-          n,
-          e
-        ) && t.push(i);
-      this.filterItems = t, this.loading = !1;
     },
     chooseItem(n) {
       this.updateAttributes({
@@ -68600,7 +68609,7 @@ function Age(n, e, t, r, i, o) {
     class: Ye(["power-editor-mention-container", {
       dark: i.thisTheme === "dark",
       selected: t.selected,
-      showing: i.showPopper && i.filterItems.length > 0
+      showing: i.showPopper && o.thisMentionList.length > 0
     }]),
     style: ut({
       "--selected-bg": o.focusForeground,
@@ -68624,10 +68633,10 @@ function Age(n, e, t, r, i, o) {
                 background: "white"
               }, null, 8, ["foreground"])
             ], 512), [
-              [Wt, i.loading || o.isLoading()]
+              [Wt, o.isLoading()]
             ]),
             ae(a, {
-              modelValue: i.filterItems,
+              modelValue: o.thisMentionList,
               theme: i.thisTheme,
               class: "power-editor-mention-popper-list-view",
               ref: "list",
@@ -68663,7 +68672,7 @@ function Age(n, e, t, r, i, o) {
               _: 1
             }, 8, ["modelValue", "theme", "onChooseItem"])
           ], 4), [
-            [Wt, i.showPopper && i.filterItems.length > 0]
+            [Wt, i.showPopper && o.thisMentionList.length > 0]
           ])
         ]),
         _: 1
@@ -68699,7 +68708,7 @@ function Age(n, e, t, r, i, o) {
         Ut(X("input", {
           "onUpdate:modelValue": e[0] || (e[0] = (c) => t.node.attrs.value = c),
           class: Ye(["power-editor-mention-input", [{ freeze: t.node.attrs.freeze }]]),
-          placeholder: t.node.attrs.placeholder,
+          placeholder: o.thisPlaceholder,
           readonly: t.node.attrs.freeze,
           ref: "target",
           title: t.node.attrs.value,
@@ -68717,7 +68726,7 @@ function Age(n, e, t, r, i, o) {
           title: t.node.attrs.value,
           class: Ye(["power-editor-mention-placeholder", [{ show: t.node.attrs.freeze }]]),
           style: ut({ color: t.node.attrs.currentItem.color })
-        }, Ze(t.node.attrs.value ? t.node.attrs.value : t.node.attrs.placeholder), 15, Tge)
+        }, Ze(t.node.attrs.value ? t.node.attrs.value : o.thisPlaceholder), 15, Tge)
       ])
     ]),
     _: 1
@@ -74775,6 +74784,7 @@ const O6 = /* @__PURE__ */ on(_ye, [["render", yye]]), vye = {
         mentionClickCallback: () => {
           console.log("mentionClickCallback");
         },
+        placeholder: () => "mention",
         isLoading: () => !1,
         headerForeground: () => this.foreground
       };