eco-vue-js 0.4.9 → 0.4.11

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, toRef, provide, inject, watch, onBeforeUnmount, openBlock, createElementBlock, renderSlot } from 'vue';
+import { defineComponent, toRef, provide, inject, watch, onBeforeUnmount, openBlock, createElementBlock, renderSlot } from 'vue';
 import { wFormUnlistener } from './models/injection.js';
 import { useFormErrorMessageMap } from './use/useFormErrorMessageMap.js';
 import { useFormHasChangesMap } from './use/useFormHasChangesMap.js';
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const name = computed(() => props.name);
+    const name = toRef(props, "name");
     const { titleGetter, titleMapUnlistener } = useFormTitleMap(name, toRef(props, "title"));
     const { errorMessageMapUnlistener, isValid, errorMessage, errorMessageMap } = useFormErrorMessageMap(name, titleGetter);
     const { hasChangesMapUnlistener, hasChanges } = useFormHasChangesMap(name);

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

@@ -1,3 +1,3 @@
 export declare const removeKey: <T extends Record<string, unknown>>(entity: T, key: string) => T;
-export declare const compileMessage: (title: string, message: string | undefined) => string | undefined;
+export declare const compileMessage: (title: string | undefined, message: string | undefined) => string | undefined;
 //# 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,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAQpF,CAAA"}
+{"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"}

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

@@ -3,13 +3,15 @@ const removeKey = (entity, key) => {
   delete result[key];
   return result;
 };
-const fieldMessageStart = "- ";
-const subformMessageStart = "  ";
+const fieldMessageStart = " - ";
+const subformMessageStart = " ";
 const compileMessage = (title, message) => {
   if (message === void 0)
     return void 0;
-  if (message.startsWith(fieldMessageStart) || message.startsWith(subformMessageStart)) {
-    return `${subformMessageStart}${title}:
+  if (title === void 0)
+    return message;
+  if (message.startsWith(subformMessageStart)) {
+    return `${subformMessageStart}${title}
 ${message}`;
   } else {
     return `${fieldMessageStart}${title}: ${message}`;

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

@@ -11,7 +11,7 @@ const useFormTitleMap = (name, title) => {
     titleMap.value = removeKey(titleMap.value, key);
   };
   const titleGetter = (key) => {
-    return titleMap.value[key] ?? key;
+    return titleMap.value[key];
   };
   provide(wFormTitleUpdater, titleMapUpdater);
   const titleUpdaterInjected = inject(wFormTitleUpdater, void 0);

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

@@ -10,7 +10,11 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     updateIndex: (value: number) => void;
     next: () => void;
     previous: () => void;
-    validate: (index: number) => string | undefined;
+    validate: (index: number, silent?: boolean | undefined) => string | undefined;
+    invalidate: (index: number, payload: {
+        [x: string]: string | string[];
+    }) => void;
+    initModel: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:current": (value: number) => void;
     "update:has-changes": (value: boolean) => void;

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":"AAkFA;AAEA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4XlH,wBAaG;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":"AAkFA;AAEA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwYlH,wBAaG;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

@@ -88,8 +88,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       minHeight.value = value;
     };
-    const validate = (index) => {
-      return form?.value[index].validate();
+    const validate = (index, ...args) => {
+      return form?.value[index].validate(...args);
+    };
+    const invalidate = (index, ...args) => {
+      return form?.value[index].invalidate(...args);
+    };
+    const initModel = (index, ...args) => {
+      return form?.value[index].initModel(...args);
     };
     const tabItemListenerInjected = inject(wTabItemListener, null);
     const tabItemUnlistenerInjected = inject(wTabItemUnlistener, null);
@@ -111,7 +117,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateIndex,
       next,
       previous,
-      validate
+      validate,
+      invalidate,
+      initModel
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/dist/main.js

@@ -70,4 +70,4 @@ export { SemanticType } from './utils/SemanticType.js';
 export { HorizontalAlign } from './utils/HorizontalAlign.js';
 export { Month, WeekDay, addDay, addMonth, addYear, dateFormat, dateFormatter, dateRegexp, dateToQueryString, datetimeFormat, durationHumanize, getDurationRound, getStartOfDay, getStartOfMonth, getStartOfWeek, isSameDate, isSameMonth, isSameYear, monthShortFormatter, parseDate, timeFormat, weekdayShortFormatter } from './utils/dateTime.js';
 export { getIsMobile, getIsTouchDevice } from './utils/mobile.js';
-export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle } from './utils/utils.js';
+export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle } from './utils/utils.js';

package/dist/types/global.d.ts

@@ -40,7 +40,7 @@ declare type DefaultData = {id: number, [key: string]: unknown}
 
 type Params = Parameters<import('@tanstack/vue-query').QueryClient['setQueriesData']>
 
-declare type QueryParams = Partial<Record<string, number | string> & {page?: number}>
+declare type QueryParams = Partial<Record<string, unknown> & {page?: number}>
 
 declare type UseDefaultQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends import('@tanstack/vue-query').QueryKey = import('@tanstack/vue-query').QueryKey> =
   (...args: Parameters<typeof useQuery<TQueryFnData, TError, TData, TQueryKey>>) => import('@tanstack/vue-query').UseQueryReturnType<TData, TError> & {

package/dist/utils/utils.d.ts

@@ -4,6 +4,7 @@ export declare const hasParent: (parent: Element, current: Element) => boolean;
 type DebounceCb = (...args: any[]) => void;
 export declare function debounce<T extends DebounceCb>(cb: T, delay?: number): T;
 export declare function throttle<T extends DebounceCb>(cb: T, delay?: number): T;
+export declare const isEqualArr: (arr1: unknown[], arr2: unknown[]) => boolean;
 export declare const isEqualObj: (obj1: Record<string, unknown>, obj2: Record<string, unknown>, exclude?: string[]) => boolean;
 export declare const percentCompactFormatter: Intl.NumberFormat;
 export declare const numberCompactFormatter: Intl.NumberFormat;

package/dist/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,MAAM,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,KAAG,OAE7G,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,MAAM,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,KAAG,OAS7G,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}

package/dist/utils/utils.js

@@ -46,8 +46,17 @@ function throttle(cb, delay = 200) {
     }, delay);
   };
 }
+const isEqualArr = (arr1, arr2) => {
+  return arr1.length === arr2.length && arr1.every((item) => arr2.includes(item));
+};
 const isEqualObj = (obj1, obj2, exclude) => {
-  return [...Object.keys(obj1), ...Object.keys(obj2)].every((key) => exclude?.includes(key) || obj1[key] === obj2[key]);
+  return Object.keys({ ...obj1, ...obj2 }).every((key) => {
+    if (exclude?.includes(key) || obj1[key] === obj2[key])
+      return true;
+    if (Array.isArray(obj1[key]) && Array.isArray(obj2[key]))
+      return isEqualArr(obj1[key], obj2[key]);
+    return false;
+  });
 };
 const percentCompactFormatter = Intl.NumberFormat("en", { notation: "compact", style: "percent" });
 const numberCompactFormatter = Intl.NumberFormat("en", { notation: "compact" });
@@ -58,4 +67,4 @@ const genId = () => {
   return iterator++;
 };
 
-export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle };
+export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle };

package/package.json

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