eco-vue-js 0.10.1 → 0.10.3

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

@@ -39,18 +39,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           icon: markRaw(unref(IconClose)),
           "tooltip-text": "Clear",
+          top: "",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:clear"))
         }, null, 8, ["icon"])) : createCommentVNode("", true),
         _ctx.allowCopy && !_ctx.textSecure ? (openBlock(), createBlock(_sfc_main$1, {
           key: 1,
           icon: markRaw(unref(iconCopy)),
           "tooltip-text": "Copy",
+          top: "",
           onClick: unref(doCopy)
         }, null, 8, ["icon", "onClick"])) : createCommentVNode("", true),
         _ctx.allowPaste && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createBlock(_sfc_main$1, {
           key: 2,
           icon: markRaw(unref(IconPaste)),
           "tooltip-text": "Paste",
+          top: "",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:paste"))
         }, null, 8, ["icon"])) : createCommentVNode("", true),
         _ctx.textSecure ? (openBlock(), createBlock(_sfc_main$1, {
@@ -58,9 +61,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           icon: _ctx.isSecureVisible ? markRaw(unref(IconEye)) : markRaw(unref(IconEyeSlash)),
           "tooltip-text": _ctx.isSecureVisible ? "Hide" : "Show",
           disabled: _ctx.disabled || _ctx.readonly,
-          top: !_ctx.focused,
+          top: "",
           onClick: _cache[2] || (_cache[2] = ($event) => _ctx.isSecureVisible ? _ctx.$emit("hide:secure", $event) : _ctx.$emit("show:secure", $event))
-        }, null, 8, ["icon", "tooltip-text", "disabled", "top"])) : createCommentVNode("", true),
+        }, null, 8, ["icon", "tooltip-text", "disabled"])) : createCommentVNode("", true),
         _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(WSpinner, { class: "[--spinner-size:1.5rem]" })
         ])) : _ctx.$slots.default ? (openBlock(), createBlock(_sfc_main$1, {

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

@@ -18,9 +18,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{
           "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed": _ctx.disabled,
-          "items-center": !_ctx.top,
-          "items-start": _ctx.top
-        }, "text-description relative flex h-full w-[calc(var(--w-input-height,2.75rem)-0.125rem)] select-none justify-center"]),
+          "h-[calc(var(--w-input-height,2.75rem)-2px)]": _ctx.top,
+          "h-full": !_ctx.top
+        }, "text-description relative flex w-[calc(var(--w-input-height,2.75rem)-2px)] select-none items-center justify-center"]),
         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["prevent", "stop"])),
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))

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

@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const selectComponentRef = useTemplateRef("selectComponent");
-    const arrayValue = computed(() => props.modelValue !== null ? props.modelValue.split(props.divider).filter((item, index, arr) => item !== "" && arr.indexOf(item) === index) : []);
+    const arrayValue = computed(() => props.modelValue ? props.modelValue.split(props.divider).filter((item, index, arr) => item !== "" && arr.indexOf(item) === index) : []);
     const updateModelValue = (value, isSelect) => {
       const valueList = value.split(props.divider);
       let newValue;

package/dist/components/Toggle/WToggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/WToggle.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBAKvB,KAAK,SAAS,OAAO,GAAG,IAAI,yBAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0MxD,mBAAmB,CAAC;;gKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA5LP,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;YAiMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AApNvE,wBAoN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/WToggle.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBASvB,KAAK,SAAS,OAAO,GAAG,IAAI,yBAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,mBAAmB,CAAC;;gKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAzNP,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;YA8NF,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,5 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import WSpinner from '../Spinner/WSpinner.vue.js';
+import { Notify } from '../../utils/Notify.js';
 
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
@@ -19,18 +20,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rightLabel: { type: Boolean },
     noMargin: { type: Boolean },
     description: { default: void 0 },
-    intermediate: { type: Boolean, default: false }
+    intermediate: { type: Boolean, default: false },
+    negate: { type: Boolean },
+    validate: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const value = computed({
+      get: () => {
+        if (props.modelValue === null) return null;
+        if (props.negate) return !props.modelValue;
+        return props.modelValue;
+      },
+      set: (value2) => {
+        if (props.disabled || props.loading || props.readonly) return;
+        const newValue = value2 === null ? null : props.negate ? !value2 : value2;
+        const errorMessage = Array.isArray(props.validate) ? props.validate.map((item) => item(newValue)).join(", ") : props.validate?.(newValue);
+        if (errorMessage) {
+          Notify.warn({
+            title: "Error",
+            caption: errorMessage
+          });
+          return;
+        }
+        emit("update:modelValue", newValue);
+      }
+    });
     const updateModelValue = () => {
-      if (props.disabled || props.loading || props.readonly) return;
       if (props.intermediate) {
-        emit("update:modelValue", props.modelValue === null ? true : props.modelValue === false ? null : false);
+        value.value = value.value === null ? true : value.value === false ? null : false;
       } else {
-        emit("update:modelValue", !props.modelValue);
+        value.value = !value.value;
       }
     };
     return (_ctx, _cache) => {
@@ -61,18 +83,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, toDisplayString(_ctx.title), 3)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative my-4 h-4 w-10 min-w-10 max-w-10 rounded-lg", {
-              "bg-gray-400 dark:bg-gray-700": !_ctx.modelValue || _ctx.loading,
-              "bg-primary-default dark:bg-primary-dark bg-opacity-70 dark:bg-opacity-70": _ctx.modelValue && !_ctx.loading
+              "bg-gray-400 dark:bg-gray-700": !value.value || _ctx.loading,
+              "bg-primary-default dark:bg-primary-dark bg-opacity-70 dark:bg-opacity-70": value.value && !_ctx.loading
             }])
           }, [
             createElementVNode("div", {
               class: normalizeClass(["square-6 absolute -top-1 z-10 flex items-center justify-center rounded-full border border-solid shadow-md transition-[right]", {
-                "right-4": _ctx.modelValue === false,
-                "right-2": _ctx.modelValue === null,
-                "right-0": _ctx.modelValue === true,
+                "right-4": value.value === false,
+                "right-2": value.value === null,
+                "right-0": value.value === true,
                 "w-ripple w-hover-circle": !_ctx.disabled && !_ctx.readonly,
-                "bg-default border-default dark:border-gray-100 dark:bg-gray-100": !_ctx.modelValue || _ctx.loading,
-                "bg-primary-default dark:bg-primary-dark border-primary-default dark:border-primary-dark": _ctx.modelValue && !_ctx.loading
+                "bg-default border-default dark:border-gray-100 dark:bg-gray-100": !value.value || _ctx.loading,
+                "bg-primary-default dark:bg-primary-dark border-primary-default dark:border-primary-dark": value.value && !_ctx.loading
               }])
             }, [
               _ctx.loading ? (openBlock(), createBlock(WSpinner, {

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

@@ -9,5 +9,7 @@ export interface ToggleProps<Value extends boolean | null> {
     noMargin?: boolean;
     description?: string;
     intermediate?: boolean;
+    negate?: boolean;
+    validate?: ValidateFn | ValidateFn[];
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,OAAO,GAAG,IAAI;IACvD,UAAU,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,OAAO,GAAG,IAAI;IACvD,UAAU,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC"}

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.1",
+  "version": "0.10.3",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",