eco-vue-js 0.10.93 → 0.10.95

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

@@ -40,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
     noWrap: { type: Boolean },
+    textTransparent: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -59,6 +60,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     parentElement: {},
     maxHeight: { default: 320 },
     maxWidth: { default: 600 },
@@ -124,7 +127,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             title: toggleScope?.unclickable === false ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
             unclickable: toggleScope?.unclickable,
             description: toggleScope?.unclickable === false ? void 0 : _ctx.description,
-            seamless: toggleScope?.unclickable === false ? false : props.seamless
+            seamless: toggleScope?.unclickable === false ? false : props.seamless,
+            topText: _ctx.topText || isOpen.value && !toggleScope?.isTop
           }, {
             class: {
               "cursor-pointer": !unref(isDisabled) && !unref(isReadonly),

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    value: string;
+    placeholder?: string;
+    maxLength?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    focus: () => void;
+    blur: () => void;
+    offsetWidth: number;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (value: FocusEvent) => any;
+    focus: (value: FocusEvent) => any;
+    keydown: (value: KeyboardEvent) => any;
+    "update:model-value": (value: string) => 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;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    element: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ContentEditable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAoBA;AA2JA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;;;;;;;;;;;;;;;;;AAgMF,wBAUG"}

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

@@ -0,0 +1,123 @@
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, nextTick } from 'vue';
+
+const _hoisted_1 = ["textContent", "placeholder"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentEditable",
+  props: {
+    value: {},
+    placeholder: {},
+    maxLength: {}
+  },
+  emits: ["update:model-value", "focus", "blur", "keydown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const elementRef = useTemplateRef("element");
+    const onInput = (e) => {
+      e.stopImmediatePropagation();
+      if (!(e.target instanceof HTMLDivElement)) return;
+      const text = e.target.textContent?.replace(/\r\n?/g, "\n") ?? "";
+      if (text === props.value) return;
+      if (props.maxLength && typeof text === "string" && text.length > props.maxLength) {
+        e.preventDefault();
+        const substring = text.substring(0, props.maxLength);
+        if (e.target) e.target.textContent = substring;
+        emit("update:model-value", substring);
+      } else {
+        emit("update:model-value", text);
+      }
+    };
+    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);
+    };
+    const onKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        insertPlain("\n");
+      } else {
+        emit("keydown", e);
+      }
+    };
+    const insertPlain = (text) => {
+      const root = elementRef.value;
+      if (!root) return;
+      const { start, end } = getSelectionOffsets(root);
+      const next = (props.value ?? "").slice(0, start) + text + ((props.value ?? "").slice(end) || " ");
+      const caretAfter = start + text.length;
+      emit("update:model-value", next);
+      nextTick(() => setCaretByCharIndex(root, caretAfter));
+    };
+    const getSelectionOffsets = (root) => {
+      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(root);
+      pre.setEnd(range.startContainer, range.startOffset);
+      const start = pre.toString().length;
+      const selected = range.toString().length;
+      return { start, end: start + selected };
+    };
+    const setCaretByCharIndex = (root, index) => {
+      if (!root.firstChild) root.appendChild(document.createTextNode(""));
+      const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
+      let node, pos = index;
+      while (node = walker.nextNode()) {
+        const len = node.nodeValue?.length ?? 0;
+        if (pos <= len) {
+          const r2 = document.createRange();
+          r2.setStart(node, pos);
+          r2.collapse(true);
+          const selection2 = window.getSelection();
+          selection2?.removeAllRanges();
+          selection2?.addRange(r2);
+          return;
+        }
+        pos -= len;
+      }
+      const last = root.lastChild;
+      if (!last) return;
+      const r = document.createRange();
+      r.setStart(last, last.nodeType === Node.TEXT_NODE && last.nodeValue ? last.nodeValue.length : last.childNodes.length);
+      r.collapse(true);
+      const selection = window.getSelection();
+      selection?.removeAllRanges();
+      selection?.addRange(r);
+    };
+    const focus = () => {
+      elementRef.value?.focus();
+    };
+    const blur = () => {
+      elementRef.value?.blur();
+    };
+    __expose({
+      focus,
+      blur,
+      get offsetWidth() {
+        return elementRef.value?.offsetWidth ?? 0;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "element",
+        contenteditable: "true",
+        role: "textbox",
+        "aria-multiline": "true",
+        spellcheck: "false",
+        textContent: _ctx.value,
+        placeholder: _ctx.placeholder,
+        class: "whitespace-pre empty:before:pointer-events-none empty:before:text-gray-400 empty:before:[content:attr(placeholder)] dark:empty:before:text-gray-500",
+        onInput,
+        onPaste,
+        onKeydown: onKeyDown,
+        onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("focus", $event)),
+        onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("blur", $event))
+      }, null, 40, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,5 @@
+import _sfc_main from './ContentEditable.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/Input/types.d.ts

@@ -28,11 +28,12 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     allowPaste?: boolean;
     hideInput?: boolean;
     noWrap?: boolean;
+    textTransparent?: boolean;
 }
 export interface InputAsyncProps<Type extends InputType> extends InputProps<Type> {
     validate?: ValidateFn | ValidateFn[];
     debounce?: number;
-    hideButton?: boolean;
+    instant?: boolean;
 }
 export interface InputSuggestProps<Type extends InputType> extends Omit<InputProps<Type>, 'unclickable'>, Partial<Omit<DropdownMenuProps, 'isOpen' | 'updateAlign' | 'emitUpdate'>> {
     mobileTitle?: string;

package/dist/components/Input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}

package/dist/components/List/WListCard.vue.js

@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toggleMenu = (event) => {
       if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value || event.ctrlKey) return;
       const containerRect = containerRef.value.getBoundingClientRect();
-      position.value = { left: event.screenX - containerRect.x + "px", top: event.clientY - containerRect.y + "px" };
+      position.value = { left: event.clientX - containerRect.x + "px", top: event.clientY - containerRect.y + "px" };
       moreRef.value.open();
       event.preventDefault();
     };

package/dist/components/Select/WSelect.vue.js

@@ -58,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
     noWrap: { type: Boolean },
+    textTransparent: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -76,6 +77,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/Select/WSelectAsync.vue.js

@@ -51,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
     noWrap: { type: Boolean },
+    textTransparent: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -69,6 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/Select/WSelectAsyncSingle.vue.js

@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
     noWrap: { type: Boolean },
+    textTransparent: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -66,6 +67,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/Select/WSelectSingle.vue.js

@@ -44,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
     noWrap: { type: Boolean },
+    textTransparent: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -62,6 +63,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/Select/WSelectStringified.vue.js

@@ -44,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholderSecure: { type: Boolean },
     allowPaste: { type: Boolean },
     noWrap: { type: Boolean },
+    textTransparent: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -62,6 +63,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/Toggle/WToggle.vue.js

@@ -102,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2, [
             createElementVNode("div", {
-              class: normalizeClass(["width-10 p-0.75 h-full rounded-full bg-[200%_auto] [background-position:right]", {
+              class: normalizeClass(["width-[calc(var(--w-input-height)+0.5rem)] p-0.75 h-full rounded-full bg-[200%_auto] [background-position:right]", {
                 "bg-gray-300 dark:bg-gray-700": !value.value || _ctx.loading,
                 [unref(semanticTypeBackgroundMap)[unref(SemanticType).PRIMARY]]: value.value && !_ctx.loading
               }])
@@ -110,8 +110,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_3, [
                 createElementVNode("div", {
                   class: normalizeClass(["bg-default text-primary dark:text-primary-dark absolute z-10 flex aspect-square h-full items-center justify-center rounded-full shadow-md transition-[right]", {
-                    "right-[calc(100%-1.25rem)]": value.value === false,
-                    "right-[calc(50%-0.625rem)]": value.value === null,
+                    "right-[calc(100%-(var(--w-input-height)-0.75rem))]": value.value === false,
+                    "right-[calc(50%-(var(--w-input-height)-0.75rem)/2)]": value.value === null,
                     "right-0": value.value === true,
                     "w-ripple w-ripple-hover": !unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton)
                   }])

package/dist/utils/SemanticType.js

@@ -34,12 +34,12 @@ const setSemanticTypeChipMap = (value) => {
   Object.assign(semanticTypeChipMap, value);
 };
 const semanticTypeBorderMap = reactive({
-  ["primary" /* PRIMARY */]: "border border-solid border-primary dark:border-primary-dark",
-  ["secondary" /* SECONDARY */]: "border border-solid border-gray-300 dark:border-gray-700",
-  ["negative" /* NEGARIVE */]: "border border-solid border-negative dark:border-negative-dark",
-  ["positive" /* POSITIVE */]: "border border-solid border-positive dark:border-positive-dark",
-  ["warning" /* WARNING */]: "border border-solid border-warning dark:border-warning-dark",
-  ["info" /* INFO */]: "border border-solid border-info dark:border-info-dark"
+  ["primary" /* PRIMARY */]: "border-solid border-primary dark:border-primary-dark",
+  ["secondary" /* SECONDARY */]: "border-solid border-gray-300 dark:border-gray-700",
+  ["negative" /* NEGARIVE */]: "border-solid border-negative dark:border-negative-dark",
+  ["positive" /* POSITIVE */]: "border-solid border-positive dark:border-positive-dark",
+  ["warning" /* WARNING */]: "border-solid border-warning dark:border-warning-dark",
+  ["info" /* INFO */]: "border-solid border-info dark:border-info-dark"
 });
 const useSemanticTypeBorderMap = () => {
   return semanticTypeBorderMap;

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.93",
+  "version": "0.10.95",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.2",
     "@tanstack/eslint-plugin-query": "5.81.2",

package/tailwind-base/plugins/default.ts

@@ -146,7 +146,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
         'overflow-y': 'auto',
       },
     },
-    'textarea::-webkit-resizer': {
+    '*::-webkit-resizer': {
       transform: 'scale(2)',
       'transform-origin': 'top left',
       'background-size': '7px 7px',
@@ -420,6 +420,15 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   )
 
+  matchUtilities(
+    {
+      'w-button-border': value => ({'--w-button-border': value}),
+    },
+    {
+      values: theme('borderWidth'),
+    },
+  )
+
   matchUtilities(
     {
       'w-skeleton-opacity': value => ({'--w-skeleton-opacity': value}),