eco-vue-js 0.11.34 → 0.11.36

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA2PA;AA2iBA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAatD,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,gBAAgB,CAAA;yBAE9B,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqyBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA3mB7B,IAAI;oBAOL,IAAI;+BAkCS,aAAa;0BA1KlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAgBJ,IAAI;MAysBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAGH,GAAG;;;YAFH,GAAG;;;YAGH,GAAG;;mCAzgBF,aAAa;YAugBb,GAAG;uBAGL,GAAG;;;;YACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAxtB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAqwBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhzBzE,wBAgzB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA4PA;AAqkBA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAatD,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,gBAAgB,CAAA;yBAE9B,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAm0BO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA7nB7B,IAAI;oBAOL,IAAI;+BAyDS,aAAa;0BA7MlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAqCf,IAAI;oBAgBJ,IAAI;MA2tBgD,GAAG,IAAI;WACpE,GAAG;;uBAjEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAGH,GAAG;;;YAFH,GAAG;;;YAGH,GAAG;;mCAngBF,aAAa;YAigBb,GAAG;uBAGL,GAAG;;;;YACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YArvB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAmyBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA90BzE,wBA80B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInput.vue.js

@@ -85,9 +85,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setCaret = (start, end) => {
       if (!inputRef.value) return;
       if ("setCaret" in inputRef.value) inputRef.value.setCaret(start, end);
-      else inputRef.value.setSelectionRange(start, end ?? null);
+      else inputRef.value.setSelectionRange(start, end ?? start);
     };
-    const addToHistory = debounce((value) => {
+    const addToHistory = (value, noDebounce) => {
+      if (history.value.length === 0) {
+        history.value.push({ value: props.modelValue, caret: getCaret() });
+        historyPosition.value = 0;
+      }
+      if (noDebounce) nextTick(() => addToHistoryFn(value));
+      else addToHistoryDebounced(value);
+    };
+    const addToHistoryFn = (value) => {
       const entry = { value, caret: getCaret() };
       if (historyPosition.value < history.value.length - 1) history.value = history.value.slice(0, historyPosition.value + 1);
       history.value.push(entry);
@@ -96,7 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         history.value.shift();
         historyPosition.value--;
       }
-    }, 500);
+    };
+    const addToHistoryDebounced = debounce(addToHistoryFn, 500);
     const undo = () => {
       if (props.loading || isDisabled.value || isReadonly.value || props.unclickable || props.textSecure) return;
       if (historyPosition.value <= 0) {
@@ -133,12 +142,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (event.shiftKey) redo();
       else undo();
     };
-    const updateModelValue = (value) => {
+    const updateModelValue = (value, noDebounce = false) => {
       if (props.loading || isDisabled.value || isReadonly.value || props.unclickable) return;
       let newValue;
       if (props.type === "number") newValue = typeof value === "string" && value.length ? Number.parseFloat(value) : void 0;
       else newValue = value;
-      if (!props.textSecure) addToHistory(newValue);
+      if (!props.textSecure) addToHistory(newValue, noDebounce);
       emit("update:model-value", newValue);
     };
     const handleBackspace = (event) => {
@@ -176,8 +185,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const clearValue = () => {
       if (isDisabled.value || isReadonly.value || props.unclickable) return;
-      if (typeof props.modelValue === "string") updateModelValue("");
-      else updateModelValue(void 0);
+      if (typeof props.modelValue === "string") updateModelValue("", true);
+      else updateModelValue(void 0, true);
       inputRef.value?.focus();
       emit("click:clear");
     };
@@ -187,14 +196,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else inputRef.value?.focus();
     };
     const blur = () => inputRef.value?.blur();
+    const onPaste = async (e) => {
+      if (props.loading || isDisabled.value || isReadonly.value || props.unclickable) return;
+      navigator.clipboard.readText();
+      const text = (e.clipboardData?.getData("text/plain") || await navigator.clipboard.readText()).replace(/\r\n?/g, "\n");
+      if (!text) {
+        fieldWrapperRef.value?.showMessage("Nothing to paste");
+        return;
+      }
+      const caret = getCaret();
+      const value = props.modelValue?.toString() ?? "";
+      const newValue = value.slice(0, caret.start) + text + value.slice(caret.end);
+      updateModelValue(newValue, true);
+      await nextTick();
+      setCaret(Math.min(caret.start + text.length, props.modelValue?.toString().length ?? 0));
+    };
     const paste = async () => {
+      if (props.loading || isDisabled.value || isReadonly.value || props.unclickable) return;
       try {
         await checkPermissionPaste();
         await navigator.clipboard.readText().then((value) => {
           if (!value) {
             Notify.warn({ title: "Nothing to paste" });
           } else if (!props.maxLength || props.maxLength <= value.length) {
-            updateModelValue(value);
+            updateModelValue(value, true);
             Notify.success({ title: "Pasted" });
             nextTick().then(() => emit("paste"));
           } else Notify.error({
@@ -232,17 +257,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (value === false || value === void 0) return;
       nextTick(autofocusDebounced);
     });
-    const handle = watch(() => props.modelValue, (value) => {
-      if (history.value.length === 0) {
-        if (value) {
-          addToHistory(value);
-          handle.stop();
-        }
-      } else handle.stop();
-    });
     onMounted(() => {
       if (props.autofocus !== false && props.autofocus !== void 0) autofocusDebounced();
-      if (props.modelValue) addToHistory(props.modelValue);
     });
     onBeforeUnmount(() => {
       if (timeout) {
@@ -429,7 +445,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
                         onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
                         onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"])),
-                        "onUpdate:modelValue": updateModelValue
+                        "onUpdate:modelValue": updateModelValue,
+                        onPaste: withModifiers(onPaste, ["prevent"])
                       }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "step", "min", "max", "spellcheck", "max-length", "text-parts", "onFocus", "onBlur"])),
                       renderSlot(_ctx.$slots, "after")
                     ])

package/dist/components/Input/components/ContentEditable.vue.d.ts

@@ -20,12 +20,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
     keydown: (value: KeyboardEvent) => any;
-    "update:model-value": (value: string) => any;
+    "update:model-value": (value: string, noDebounce?: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
     onKeydown?: ((value: KeyboardEvent) => any) | undefined;
-    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+    "onUpdate:model-value"?: ((value: string, noDebounce?: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     element: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/Input/components/ContentEditable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AA0UA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAStD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B,CAAC;;;;2BAqK4B,aAAa,KAAG,IAAI;2BATpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;AAsNvD,wBAUG"}
+{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AAwUA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAStD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B,CAAC;;;;2BAmK4B,aAAa,KAAG,IAAI;2BATpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;AAsNvD,wBAUG"}

package/dist/components/Input/components/ContentEditable.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, watch, onMounted, createElementBlock, openBlock, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, onMounted, createElementBlock, openBlock, withModifiers, nextTick } from 'vue';
 import { WrapSelectionType } from '../../../utils/utils.js';
 import { preserveIndentation } from '../models/toolbarActions.js';
 import { getCaretOffset, setCaretOffset } from '../models/utils.js';
@@ -104,7 +104,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const onPaste = async (e) => {
-      e.preventDefault();
       navigator.clipboard.readText();
       const text = (e.clipboardData?.getData("text/plain") || await navigator.clipboard.readText()).replace(/\r\n?/g, "\n");
       insertPlain(text);
@@ -116,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const currentText = getCurrentText();
       const next = (currentText ?? "").slice(0, start) + " ".repeat(trail) + text + ((currentText ?? "").slice(end) || " ");
       const caretAfter = start + text.length + trail;
-      emit("update:model-value", props.maxLength && next.length > props.maxLength ? next.substring(0, props.maxLength) : next);
+      emit("update:model-value", props.maxLength && next.length > props.maxLength ? next.substring(0, props.maxLength) : next, true);
       nextTick(() => setCaret(props.maxLength ? Math.min(caretAfter, props.maxLength) : caretAfter));
     };
     const getCaret = () => getCaretOffset(elementRef.value);
@@ -212,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
       }
       isSetCaretNext = true;
-      emit("update:model-value", newText);
+      emit("update:model-value", newText, true);
       requestAnimationFrame(() => setCaret(newCursorStart, newCursorEnd));
     };
     const focus = () => {
@@ -246,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "relative whitespace-pre",
         onInput,
         onBeforeinput: _cache[0] || (_cache[0] = ($event) => insertParagraph($event)),
-        onPaste,
+        onPaste: withModifiers(onPaste, ["prevent"]),
         onKeydown: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keydown", $event)),
         onFocus: _cache[2] || (_cache[2] = ($event) => {
           _ctx.$emit("focus", $event);

package/dist/utils/ApiClient.js

@@ -16,7 +16,7 @@ const HEADERS_FORMDATA = {
 class ApiClientInstance {
   constructor(config) {
     this.config = config;
-    window.addEventListener("storage", this.checkAuth);
+    if (typeof window !== "undefined") window.addEventListener("storage", this.checkAuth);
     this.useAuth = () => {
       return this.auth;
     };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.11.34",
+  "version": "0.11.36",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",