eco-vue-js 0.11.14 → 0.11.16

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":"AAiPA;AAgiBA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAatD,OAAO,EAAC,KAAK,WAAW,EAAiB,MAAM,gBAAgB,CAAA;yBAE9C,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;WA8xBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBApmB7B,IAAI;oBAOL,IAAI;+BAiCS,aAAa;0BAvKlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAeJ,IAAI;MAisBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAjgBF,aAAa;YAggBb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YA/sB1B,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,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EA4vBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzyBzE,wBAyyB4E;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":"AAkPA;AAmiBA,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;WAkyBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAtmB7B,IAAI;oBAOL,IAAI;+BAiCS,aAAa;0BAzKlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAgBJ,IAAI;MAosBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAngBF,aAAa;YAkgBb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAntB1B,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,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAgwBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7yBzE,wBA6yB4E;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

@@ -6,7 +6,6 @@ import { useComponentStates } from '../../utils/useComponentStates.js';
 import { checkPermissionPaste } from '../../utils/useCopy.js';
 import { debounce } from '../../utils/utils.js';
 import _sfc_main$2 from './components/InputActions.vue.js';
-import { getCaretOffset } from './models/utils.js';
 
 const _hoisted_1 = { class: "relative flex min-h-full flex-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -81,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getCaret = () => {
       if (!inputRef.value) return { start: 0, end: 0 };
       if ("getCaret" in inputRef.value) return inputRef.value.getCaret();
-      return getCaretOffset(inputRef.value);
+      return { start: inputRef.value.selectionStart ?? 0, end: inputRef.value.selectionEnd ?? 0 };
     };
     const setCaret = (start, end) => {
       if (!inputRef.value) return;
@@ -100,8 +99,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, 500);
     const undo = () => {
       if (props.loading || isDisabled.value || isReadonly.value || props.unclickable || props.textSecure) return;
-      if (historyPosition.value === 0) {
+      if (historyPosition.value <= 0) {
         fieldWrapperRef.value?.showMessage("No Undo");
+        historyPosition.value = history.value.length ? 0 : -1;
         return;
       }
       fieldWrapperRef.value?.showMessage("Undo");
@@ -113,8 +113,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const redo = () => {
       if (props.loading || isDisabled.value || isReadonly.value || props.unclickable || props.textSecure) return;
-      if (historyPosition.value === history.value.length - 1) {
+      if (historyPosition.value >= history.value.length - 1) {
         fieldWrapperRef.value?.showMessage("No Redo");
+        historyPosition.value = history.value.length - 1;
         return;
       }
       fieldWrapperRef.value?.showMessage("Redo");
@@ -324,6 +325,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 rich: _ctx.rich === true,
                 "is-undo": historyPosition.value !== 0,
                 "is-redo": historyPosition.value !== history.value.length - 1,
+                "text-secure": _ctx.textSecure ?? false,
                 onWrapSelection: wrapSelection,
                 onUndo: undo,
                 onRedo: redo
@@ -332,7 +334,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection })))
                 ]),
                 _: 3
-              }, 8, ["list", "rich", "is-undo", "is-redo"])) : createCommentVNode("", true),
+              }, 8, ["list", "rich", "is-undo", "is-redo", "text-secure"])) : createCommentVNode("", true),
               _ctx.icon ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {

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;AA8WA,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;CAClC,CAAC;;;;2BA4M4B,aAAa,KAAG,IAAI;2BArBpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;AAiOvD,wBAUG"}
+{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AAyUA,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;CAClC,CAAC;;;;2BAsK4B,aAAa,KAAG,IAAI;2BATpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;AAsNvD,wBAUG"}

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

@@ -1,7 +1,7 @@
 import { defineComponent, useTemplateRef, ref, watch, onMounted, createElementBlock, openBlock, nextTick } from 'vue';
 import { WrapSelectionType } from '../../../utils/utils.js';
 import { preserveIndentation } from '../models/toolbarActions.js';
-import { getCaretOffset } from '../models/utils.js';
+import { getCaretOffset, setCaretOffset } from '../models/utils.js';
 
 const _hoisted_1 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,39 +21,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateTextParts = () => {
       if (!elementRef.value || !props.textParts) return;
       const offsets = getCaret();
-      const existingNodes = Array.from(elementRef.value.childNodes);
       let nodeIndex = 0;
       for (const item of props.textParts) {
-        const existingNode = existingNodes[nodeIndex];
+        const existingNode = elementRef.value.childNodes[nodeIndex] ?? null;
         if (typeof item === "string") {
           const displayText = item.replace(/\n$/g, "\n ");
-          if (existingNode?.nodeType === Node.TEXT_NODE) {
-            if (existingNode.textContent !== displayText) {
-              existingNode.textContent = displayText;
-            }
+          if (existingNode instanceof Text) {
+            if (existingNode.textContent !== displayText) existingNode.textContent = displayText;
           } else {
             const textNode = document.createTextNode(displayText);
-            elementRef.value.insertBefore(textNode, existingNode || null);
+            elementRef.value.insertBefore(textNode, existingNode);
           }
         } else {
-          if (existingNode?.nodeType === Node.ELEMENT_NODE && existingNode.tagName.toLowerCase() === item.tag.toLowerCase()) {
-            const element = existingNode;
-            if (element.textContent !== item.value) {
-              element.textContent = item.value;
-            }
+          if (existingNode instanceof HTMLElement && existingNode.tagName.toLowerCase() === item.tag.toLowerCase()) {
+            if (existingNode.textContent !== item.value) existingNode.textContent = item.value;
+            if (existingNode.className !== (item.class || "")) existingNode.className = item.class || "";
             const contentEditable = item.edit ? "plaintext-only" : "false";
-            if (element.getAttribute("contenteditable") !== contentEditable) {
-              element.setAttribute("contenteditable", contentEditable);
-            }
-            if (element.className !== (item.class || "")) {
-              element.className = item.class || "";
+            if (existingNode.getAttribute("contenteditable") !== contentEditable) {
+              existingNode.setAttribute("contenteditable", contentEditable);
             }
           } else {
             const element = document.createElement(item.tag);
             element.textContent = item.value;
             element.setAttribute("contenteditable", item.edit ? "plaintext-only" : "false");
             if (item.class) element.className = item.class;
-            elementRef.value.insertBefore(element, existingNode || null);
+            elementRef.value.insertBefore(element, existingNode);
           }
         }
         nodeIndex++;
@@ -62,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const nodeToRemove = elementRef.value.childNodes[props.textParts.length];
         elementRef.value.removeChild(nodeToRemove);
       }
-      if (focused.value) setCaret(offsets.start, offsets.end !== offsets.start ? void 0 : offsets.end);
+      if (focused.value && !isSetCaretNext) setCaret(offsets.start, offsets.end !== offsets.start ? void 0 : offsets.end);
     };
     watch(() => props.textParts, updateTextParts, { immediate: true });
     const updateTextValue = (value) => {
@@ -127,38 +119,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       nextTick(() => setCaret(props.maxLength ? Math.min(caretAfter, props.maxLength) : caretAfter));
     };
     const getCaret = () => getCaretOffset(elementRef.value);
-    const getNodeOffset = (index) => {
-      if (!elementRef.value || index === void 0) return void 0;
-      if (!elementRef.value.firstChild) elementRef.value.appendChild(document.createTextNode(""));
-      const walker = document.createTreeWalker(elementRef.value, NodeFilter.SHOW_TEXT, null);
-      let node, offset = index;
-      while (node = walker.nextNode()) {
-        const len = node.nodeValue?.length ?? 0;
-        if (offset <= len) return { node, offset };
-        offset -= len;
-      }
-      const last = elementRef.value.lastChild;
-      if (!last) return void 0;
-      return { node: last, offset: last.nodeType === Node.TEXT_NODE && last.nodeValue ? last.nodeValue.length : last.childNodes.length };
-    };
+    let isSetCaretNext = false;
     const setCaret = (indexStart, indexEnd) => {
-      const start = getNodeOffset(indexStart);
-      if (start === void 0) return;
-      const range = document.createRange();
-      range.setStart(start.node, start.offset);
-      const end = getNodeOffset(indexEnd);
-      if (end !== void 0) range.setEnd(end.node, end.offset);
-      else range.collapse(true);
-      const selection = window.getSelection();
-      selection?.removeAllRanges();
-      selection?.addRange(range);
+      isSetCaretNext = false;
+      setCaretOffset(elementRef.value, indexStart, indexEnd);
     };
     const collapseList = [" ", "\n"];
     let offsetsOld = null;
     const wrapSelection = (value) => {
-      let offsets = getCaret();
-      if (focused.value || !offsetsOld) offsetsOld = offsets;
-      else offsets = offsetsOld;
+      if (focused.value || !offsetsOld) offsetsOld = getCaret();
+      const offsets = offsetsOld;
       const currentText = getCurrentText() ?? "";
       let newText = "";
       let newCursorStart = offsets.start;
@@ -240,8 +210,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           break;
       }
+      isSetCaretNext = true;
       emit("update:model-value", newText);
-      nextTick(() => setCaret(newCursorStart, newCursorEnd));
+      requestAnimationFrame(() => setCaret(newCursorStart, newCursorEnd));
     };
     const focus = () => {
       elementRef.value?.focus();

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

@@ -4,6 +4,7 @@ type __VLS_Props = {
     rich: boolean;
     isUndo: boolean;
     isRedo: boolean;
+    textSecure: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -1 +1 @@
-{"version":3,"file":"InputToolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbar.vue"],"names":[],"mappings":"AAyCA;AAwEA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAU1E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAiBF,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InputToolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbar.vue"],"names":[],"mappings":"AA2CA;AA2EA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAU1E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAiBF,iBAAS,cAAc;WA4HT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, withModifiers, renderSlot, createCommentVNode, createVNode, Fragment, renderList, createBlock, mergeProps, unref, markRaw } from 'vue';
+import { defineComponent, createElementBlock, openBlock, withModifiers, renderSlot, createCommentVNode, Fragment, renderList, createBlock, mergeProps, unref, createVNode, markRaw } from 'vue';
 import IconRedo from '../../../assets/icons/IconRedo.svg.js';
 import IconUndo from '../../../assets/icons/IconUndo.svg.js';
 import _sfc_main$1 from '../WInputToolbarButton.vue.js';
@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     list: {},
     rich: { type: Boolean },
     isUndo: { type: Boolean },
-    isRedo: { type: Boolean }
+    isRedo: { type: Boolean },
+    textSecure: { type: Boolean }
   },
   emits: ["wrap-selection", "undo", "redo"],
   setup(__props, { emit: __emit }) {
@@ -42,18 +43,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: ($event) => wrapSelection(action, $event)
           }), null, 16, ["onClick"]);
         }), 128)) : createCommentVNode("", true),
-        createVNode(_sfc_main$1, {
-          tooltip: "Undo",
-          icon: markRaw(unref(IconUndo)),
-          disabled: !_ctx.isUndo,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("undo"))
-        }, null, 8, ["icon", "disabled"]),
-        createVNode(_sfc_main$1, {
-          tooltip: "Redo",
-          icon: markRaw(unref(IconRedo)),
-          disabled: !_ctx.isRedo,
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("redo"))
-        }, null, 8, ["icon", "disabled"])
+        !_ctx.textSecure ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(_sfc_main$1, {
+            tooltip: "Undo",
+            icon: markRaw(unref(IconUndo)),
+            disabled: !_ctx.isUndo,
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("undo"))
+          }, null, 8, ["icon", "disabled"]),
+          createVNode(_sfc_main$1, {
+            tooltip: "Redo",
+            icon: markRaw(unref(IconRedo)),
+            disabled: !_ctx.isRedo,
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("redo"))
+          }, null, 8, ["icon", "disabled"])
+        ], 64)) : createCommentVNode("", true)
       ], 32);
     };
   }

package/dist/components/Input/models/utils.d.ts

@@ -2,5 +2,6 @@ export type CaretOffset = {
     start: number;
     end: number;
 };
+export declare const setCaretOffset: (parent: Element | null | undefined, indexStart: number, indexEnd: number | undefined) => void;
 export declare const getCaretOffset: (parent: Element | null | undefined) => CaretOffset;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/Input/models/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/models/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAA;AAEtD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,KAAG,WAanE,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/models/utils.ts"],"names":[],"mappings":"AAwBA,MAAM,MAAM,WAAW,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAA;AAEtD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,YAAY,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS,SAelH,CAAA;AAqBD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,KAAG,WAUnE,CAAA"}

package/dist/components/Input/models/utils.js

@@ -1,14 +1,56 @@
+const getNodeOffset = (parent, index) => {
+  if (!parent || index === void 0) return void 0;
+  if (!parent.firstChild) parent.appendChild(document.createTextNode(""));
+  const walker = document.createTreeWalker(parent, NodeFilter.SHOW_TEXT, null);
+  let node, offset = index;
+  while (node = walker.nextNode()) {
+    const len = node.nodeValue?.length ?? 0;
+    if (offset <= len && node.parentElement?.contentEditable !== "false") return { node, offset: Math.max(offset, 0) };
+    offset -= len;
+  }
+  const last = parent.lastChild;
+  if (!last) return void 0;
+  if (last.nodeType === Node.TEXT_NODE) {
+    return { node: last, offset: last.nodeValue?.length ?? 0 };
+  }
+  const textNode = document.createTextNode("");
+  parent.appendChild(textNode);
+  return { node: textNode, offset: 0 };
+};
+const setCaretOffset = (parent, indexStart, indexEnd) => {
+  const start = getNodeOffset(parent, indexStart);
+  if (start === void 0) return;
+  const range = document.createRange();
+  range.setStart(start.node, start.offset);
+  const end = getNodeOffset(parent, indexEnd);
+  if (end !== void 0) range.setEnd(end.node, end.offset);
+  else range.collapse(true);
+  const selection = window.getSelection();
+  selection?.removeAllRanges();
+  selection?.addRange(range);
+};
+const getOffsetFromNode = (parent, targetNode, targetOffset, isStart) => {
+  if (!parent.firstChild) parent.appendChild(document.createTextNode(""));
+  const walker = document.createTreeWalker(parent, NodeFilter.SHOW_TEXT, null);
+  let node, offset = 0;
+  while (node = walker.nextNode()) {
+    if (node.parentElement?.contentEditable === "false") {
+      if (isStart && node === targetNode) return offset;
+    } else if (node === targetNode) {
+      return offset + targetOffset;
+    }
+    offset += node.nodeValue?.length ?? 0;
+  }
+  return offset;
+};
 const getCaretOffset = (parent) => {
   if (!parent) return { start: 0, end: 0 };
   const selection = window.getSelection();
   if (!selection || selection.rangeCount === 0) return { start: 0, end: 0 };
   const range = selection.getRangeAt(0);
-  const pre = range.cloneRange();
-  pre.selectNodeContents(parent);
-  pre.setEnd(range.startContainer, range.startOffset);
-  const start = pre.toString().length;
-  const selected = range.toString().length;
-  return { start, end: start + selected };
+  const start = getOffsetFromNode(parent, range.startContainer, range.startOffset, true);
+  const end = range.startOffset !== range.endOffset ? getOffsetFromNode(parent, range.endContainer, range.endOffset, false) : start;
+  return { start, end };
 };
 
-export { getCaretOffset };
+export { getCaretOffset, setCaretOffset };

package/package.json

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