eco-vue-js 0.5.23 → 0.5.24

package/dist/components/Form/WForm.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title?: string | undefined;
 }>, {
     isValid: import("vue").ComputedRef<boolean>;
-    validate: (silent?: boolean | undefined) => string | undefined;
+    validate: (silent?: boolean | undefined, path?: import("./use/useFormValidateMap").ValidatePath | undefined) => string | undefined;
     invalidate: (payload: {
         [x: string]: string | string[];
     }) => void;

package/dist/components/Form/WFormValidator.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyUA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiWA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Form/WFormValidator.vue.js

@@ -1,5 +1,8 @@
 import { defineComponent, inject, useSlots, computed, ref, watch, onBeforeMount, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent } from 'vue';
 import { wFormTitleUpdater, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormValidateUpdater, wFormInvalidateUpdater, wFormInitModelUpdater, wFormUnlistener } from './models/injection.js';
+import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
+import { scrollToValidator } from './models/utils.js';
+import { useIsInsideTab } from '../Tabs/use/useIsInsideTab.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WFormValidator",
@@ -22,8 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const invalidateUpdater = inject(wFormInvalidateUpdater, void 0);
     const initModelUpdater = inject(wFormInitModelUpdater, void 0);
     const unlistener = inject(wFormUnlistener, void 0);
+    const { isInsideTab } = useIsInsideTab();
     const slots = useSlots();
     const component = computed(() => slots.default?.()[0]);
+    const componentRef = ref();
     const modelValue = computed(() => {
       const props2 = component.value?.props;
       if (!props2)
@@ -123,11 +128,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         newValue.splice(index, 1);
       validateOnUpdate(newValue);
     };
-    const doValidate = (silent) => {
+    const doValidate = (silent, path) => {
+      if (props.name && path && !path[props.name])
+        return;
       const message = _validate(modelValue.value);
       if (!silent) {
         errorMessage.value = message;
         hasBeenValidated.value = true;
+        if (!isInsideTab)
+          scrollTo();
       }
       return message;
     };
@@ -144,6 +153,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       initModelValue.value = modelValue.value;
       hasChanges.value = false;
     };
+    const scrollTo = () => {
+      if (!errorMessage.value)
+        return;
+      const element = componentRef.value.$el;
+      if (element instanceof HTMLDivElement)
+        scrollToValidator(element);
+    };
+    useTabActiveListener(scrollTo);
     watch(errorMessage, (value) => {
       if (value === null)
         return;
@@ -191,6 +208,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(component.value), {
+        ref_key: "componentRef",
+        ref: componentRef,
         "error-message": errorMessage.value,
         "has-changes": _ctx.noChanges ? void 0 : hasChanges.value,
         "onUpdate:modelValue": _validateOnUpdate,

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

@@ -1,3 +1,4 @@
 export declare const removeKey: <T extends Record<string, unknown>>(entity: T, key: string) => T;
 export declare const compileMessage: (title: string | undefined, message: string | undefined) => string | undefined;
+export declare const scrollToValidator: (element: HTMLElement) => void;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS,8CAA+C,CAAC,OAAO,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,SAAS,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAShG,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,8CAA+C,CAAC,OAAO,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,SAAS,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAShG,CAAA;AAED,eAAO,MAAM,iBAAiB,YAAsB,WAAW,KAAG,IAM3D,CAAA"}

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

@@ -1,3 +1,14 @@
+import 'vue';
+import '../../Button/WButtonAction.vue.js';
+import '../../Button/WButton.vue.js';
+import { throttle } from '../../../utils/utils.js';
+import '../../../utils/supportsPassive.js';
+import '../../Dropdown/utils/DropdownStyle.js';
+import 'vue-router';
+import '../../../utils/Modal.js';
+import '../../Link/WLink.vue.js';
+import '@tanstack/vue-query';
+
 const removeKey = (entity, key) => {
   const result = { ...entity };
   delete result[key];
@@ -17,5 +28,12 @@ ${message}`;
     return `${fieldMessageStart}${title}: ${message}`;
   }
 };
+const scrollToValidator = throttle((element) => {
+  element.scrollIntoView({
+    behavior: "smooth",
+    block: "center",
+    inline: "nearest"
+  });
+}, 300);
 
-export { compileMessage, removeKey };
+export { compileMessage, removeKey, scrollToValidator };

package/dist/components/Form/use/useFormValidateMap.d.ts

@@ -1,6 +1,9 @@
 import { type Ref } from 'vue';
+export type ValidatePath = {
+    [Key in string]: boolean | ValidatePath;
+};
 export declare const useFormValidateMap: (name: Ref<string | undefined>, titleGetter: (key: string) => string, emitIsValid: (value: boolean) => void) => {
     validateMapUnlistener: (key: string) => void;
-    validate: (silent?: boolean) => string | undefined;
+    validate: (silent?: boolean, path?: ValidatePath) => string | undefined;
 };
 //# sourceMappingURL=useFormValidateMap.d.ts.map

package/dist/components/Form/use/useFormValidateMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormValidateMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormValidateMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAIjE,eAAO,MAAM,kBAAkB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM,uBAAuB,OAAO,KAAK,IAAI;iCAOvG,MAAM;wBAIf,OAAO,KAAG,MAAM,GAAG,SAAS;CAsBxD,CAAA"}
+{"version":3,"file":"useFormValidateMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormValidateMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAIjE,MAAM,MAAM,YAAY,GAAG;KACxB,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,YAAY;CACxC,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM,uBAAuB,OAAO,KAAK,IAAI;iCAOvG,MAAM;wBAIf,OAAO,SAAS,YAAY,KAAG,MAAM,GAAG,SAAS;CAoC7E,CAAA"}

package/dist/components/Form/use/useFormValidateMap.js

@@ -10,8 +10,16 @@ const useFormValidateMap = (name, titleGetter, emitIsValid) => {
   const validateMapUnlistener = (key) => {
     validateMap.value = removeKey(validateMap.value, key);
   };
-  const validate = (silent) => {
-    const messages = Object.keys(validateMap.value).map((key) => compileMessage(titleGetter(key), validateMap.value[key](silent))).filter((item) => item);
+  const validate = (silent, path) => {
+    const messages = Object.keys(validateMap.value).map((key) => {
+      return compileMessage(
+        titleGetter(key),
+        validateMap.value[key](
+          silent,
+          path?.[key] instanceof Object ? path[key] : path?.[key] === true ? void 0 : path
+        )
+      );
+    }).filter((item) => item);
     if (!silent)
       emitIsValid(messages.length === 0);
     return messages.length === 0 ? void 0 : messages.join("\n");

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

@@ -163,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
                 "pb-[50vh]": unref(isMobile),
                 "rounded-xl max-h-[inherit] shadow-md overflow-x-hidden overflow-y-overlay overscroll-contain dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
-                "mt-4": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
+                "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
               }])
             }, [
               _ctx.$slots.content?.().length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content?.(), (slot, index) => {

package/dist/components/Tabs/WTabs.vue.d.ts

@@ -1,6 +1,7 @@
 import { type VNode } from 'vue';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     names?: string[] | Record<number, string> | undefined;
+    namesFrom?: string[] | Record<number, string> | undefined;
     icons?: SVGComponent[] | Record<number, SVGComponent> | undefined;
     slots?: VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
@@ -11,7 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     updateIndex: (value: number) => void;
     next: () => void;
     previous: () => void;
-    validate: (index: number, silent?: boolean | undefined) => string | undefined;
+    validate: (index: number, silent?: boolean | undefined, path?: import("../Form/use/useFormValidateMap").ValidatePath | undefined) => string | undefined;
     invalidate: (index: number, payload: {
         [x: string]: string | string[];
     }) => void;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     "update:has-changes": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     names?: string[] | Record<number, string> | undefined;
+    namesFrom?: string[] | Record<number, string> | undefined;
     icons?: SVGComponent[] | Record<number, SVGComponent> | undefined;
     slots?: VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/dist/components/Tabs/WTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA2FA;AAEA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0ZlH,wBAcG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA2FA;AAEA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqZlH,wBAeG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/components/Tabs/WTabs.vue.js

@@ -15,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WTabs",
   props: {
     names: {},
+    namesFrom: {},
     icons: {},
     slots: {},
     lessTransitions: { type: Boolean },
@@ -37,21 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hasChangesMap = reactive({});
     const hasChanges = computed(() => Object.values(hasChangesMap).includes(true));
     const updateIsValidMap = (index, value) => {
-      if (value !== void 0)
-        isValidMap[index] = value;
-      else
-        delete isValidMap[index];
+      isValidMap[index] = value;
       nextTick().then(() => {
         if (value === false && isValidMap[current.value] !== false)
           switchTab(index);
       });
     };
-    const updateHasChangesMap = (index, value) => {
-      if (value !== void 0)
-        hasChangesMap[index] = value;
-      else
-        delete hasChangesMap[index];
-    };
     const switchTab = throttle((index) => {
       if (current.value === index)
         return;
@@ -201,10 +193,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ref_for: true,
                       ref_key: "form",
                       ref: form,
-                      name: index.toString(),
+                      name: _ctx.namesFrom?.[index] ?? index.toString(),
                       title: _ctx.names?.[index],
                       "onUpdate:isValid": ($event) => updateIsValidMap(index, $event),
-                      "onUpdate:hasChanges": ($event) => updateHasChangesMap(index, $event)
+                      "onUpdate:hasChanges": ($event) => hasChangesMap[index] = $event
                     }, {
                       default: withCtx(() => [
                         (openBlock(), createBlock(resolveDynamicComponent(slot)))

package/dist/components/Tabs/use/useIsInsideTab.d.ts

@@ -0,0 +1,4 @@
+export declare const useIsInsideTab: () => {
+    isInsideTab: boolean;
+};
+//# sourceMappingURL=useIsInsideTab.d.ts.map

package/dist/components/Tabs/use/useIsInsideTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsInsideTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/use/useIsInsideTab.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;CAM1B,CAAA"}

package/dist/components/Tabs/use/useIsInsideTab.js

@@ -0,0 +1,11 @@
+import { inject } from 'vue';
+import { wTabItemListener } from '../models/injection.js';
+
+const useIsInsideTab = () => {
+  const tabItemListenerInjected = inject(wTabItemListener, null);
+  return {
+    isInsideTab: tabItemListenerInjected !== null
+  };
+};
+
+export { useIsInsideTab };

package/package.json

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