eco-vue-js 0.3.77 → 0.3.78

Sign up to get free protection for your applications and to get access to all the features.
@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, Transition, withCtx, KeepAlive
2
2
 
3
3
  const _hoisted_1 = {
4
4
  key: 0,
5
- class: "duration-[var(--expansion-duration,300ms)]"
5
+ class: "duration-[var(--expansion-duration,200ms)]"
6
6
  };
7
7
  const _hoisted_2 = { class: "[overflow:inherit]" };
8
8
  const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
22
22
  return (_ctx, _cache) => {
23
23
  return openBlock(), createElementBlock("div", _hoisted_1, [
24
24
  (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "button"), {
25
- class: "flex py-4 cursor-pointer select-none w-full",
25
+ class: "grid grid-cols-[1fr,auto] py-4 cursor-pointer select-none w-full text-start items-center",
26
26
  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle"))
27
27
  }, {
28
28
  default: withCtx(() => [
@@ -10,14 +10,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
10
10
  initModel: () => void;
11
11
  errorMessage: import("vue").ComputedRef<string>;
12
12
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
- "update:isValid": (value: boolean | undefined) => void;
14
- "update:hasChanges": (value: boolean) => void;
13
+ "update:is-valid": (value: boolean | undefined) => void;
14
+ "update:has-changes": (value: boolean) => void;
15
15
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
16
16
  name?: string | undefined;
17
17
  title?: string | undefined;
18
18
  }>>> & {
19
- "onUpdate:isValid"?: ((value: boolean | undefined) => any) | undefined;
20
- "onUpdate:hasChanges"?: ((value: boolean) => any) | undefined;
19
+ "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
20
+ "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
21
21
  }, {}, {}>, {
22
22
  default?(_: {}): any;
23
23
  }>;
@@ -13,15 +13,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  name: {},
14
14
  title: {}
15
15
  },
16
- emits: ["update:isValid", "update:hasChanges"],
16
+ emits: ["update:is-valid", "update:has-changes"],
17
17
  setup(__props, { expose: __expose, emit: __emit }) {
18
18
  const props = __props;
19
19
  const emit = __emit;
20
20
  const name = computed(() => props.name);
21
21
  const { titleGetter, titleMapUnlistener } = useFormTitleMap(name, toRef(props, "title"));
22
- const { errorMessageMapUnlistener, isValid, errorMessage } = useFormErrorMessageMap(name, titleGetter);
22
+ const { errorMessageMapUnlistener, isValid, errorMessage, errorMessageMap } = useFormErrorMessageMap(name, titleGetter);
23
23
  const { hasChangesMapUnlistener, hasChanges } = useFormHasChangesMap(name);
24
- const { validateMapUnlistener, validate } = useFormValidateMap(name, titleGetter, (value) => emit("update:isValid", value));
24
+ const { validateMapUnlistener, validate } = useFormValidateMap(name, titleGetter, (value) => emit("update:is-valid", value));
25
25
  const { invalidateMapUnlistener, invalidate } = useFormInvalidateMap(name);
26
26
  const { initModelMapUnlistener, initModel } = useFormInitModelMap(name);
27
27
  const unlistener = (key) => {
@@ -34,13 +34,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
34
34
  };
35
35
  provide(wFormUnlistener, unlistener);
36
36
  const unlistenerInjected = inject(wFormUnlistener, void 0);
37
- watch(isValid, (value) => emit("update:isValid", value));
38
- watch(hasChanges, (value) => emit("update:hasChanges", value));
37
+ watch(errorMessageMap, () => emit("update:is-valid", isValid.value));
38
+ watch(hasChanges, (value) => emit("update:has-changes", value));
39
39
  onBeforeUnmount(() => {
40
40
  if (props.name) {
41
41
  unlistenerInjected?.(props.name);
42
42
  }
43
- emit("update:isValid", void 0);
43
+ emit("update:is-valid", void 0);
44
44
  });
45
45
  __expose({
46
46
  isValid,
@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
11
11
  initModel: () => void;
12
12
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
13
  "update:has-changes": (value: boolean) => void;
14
+ "update:is-valid": (value: boolean) => void;
14
15
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
15
16
  name?: string | undefined;
16
17
  title?: string | undefined;
@@ -19,6 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
19
20
  requiredSymbols?: string | undefined;
20
21
  noChanges?: boolean | undefined;
21
22
  }>>> & {
23
+ "onUpdate:is-valid"?: ((value: boolean) => any) | undefined;
22
24
  "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
23
25
  }, {}, {}>, Readonly<{
24
26
  default: () => void;
@@ -1 +1 @@
1
- {"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoUA,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"}
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"}
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
11
11
  requiredSymbols: {},
12
12
  noChanges: { type: Boolean }
13
13
  },
14
- emits: ["update:has-changes"],
14
+ emits: ["update:has-changes", "update:is-valid"],
15
15
  setup(__props, { expose: __expose, emit: __emit }) {
16
16
  const props = __props;
17
17
  const emit = __emit;
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
39
39
  const initModelValue = ref();
40
40
  const required = computed(() => component.value?.props?.required !== void 0 ? component.value?.props?.required !== false : void 0);
41
41
  const title = computed(() => props.title ?? component.value?.props?.title);
42
- const errorMessage = ref();
42
+ const errorMessage = ref(null);
43
43
  const hasChanges = ref(false);
44
44
  const hasBeenValidated = ref(false);
45
45
  const requiredSymbols = computed(() => props.requiredSymbols?.split("") ?? []);
@@ -145,9 +145,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
145
145
  hasChanges.value = false;
146
146
  };
147
147
  watch(errorMessage, (value) => {
148
+ if (value === null)
149
+ return;
148
150
  if (props.name) {
149
151
  errorMessageUpdater?.(props.name, value);
150
152
  }
153
+ emit("update:is-valid", !value);
151
154
  });
152
155
  watch(hasChanges, (value) => {
153
156
  if (props.name) {
@@ -3,5 +3,6 @@ export declare const useFormErrorMessageMap: (name: Ref<string | undefined>, tit
3
3
  errorMessageMapUnlistener: (key: string) => void;
4
4
  isValid: import("vue").ComputedRef<boolean>;
5
5
  errorMessage: import("vue").ComputedRef<string>;
6
+ errorMessageMap: Ref<Record<string, string>>;
6
7
  };
7
8
  //# sourceMappingURL=useFormErrorMessageMap.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useFormErrorMessageMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormErrorMessageMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAInE,eAAO,MAAM,sBAAsB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM;qCAQhE,MAAM;;;CAuB/C,CAAA"}
1
+ {"version":3,"file":"useFormErrorMessageMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormErrorMessageMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAInE,eAAO,MAAM,sBAAsB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM;qCAQhE,MAAM;;;;CAwB/C,CAAA"}
@@ -24,7 +24,8 @@ const useFormErrorMessageMap = (name, titleGetter) => {
24
24
  return {
25
25
  errorMessageMapUnlistener,
26
26
  isValid,
27
- errorMessage
27
+ errorMessage,
28
+ errorMessageMap
28
29
  };
29
30
  };
30
31
 
@@ -1 +1 @@
1
- {"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AA0DA;AAGA,OAAO,EAAkC,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAkPjF,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"}
1
+ {"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AA0DA;AAGA,OAAO,EAAkC,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAsPjF,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"}
@@ -1,4 +1,4 @@
1
- import { defineComponent, computed, watch, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createElementBlock, createTextVNode, createCommentVNode } from 'vue';
1
+ import { defineComponent, computed, watch, onUnmounted, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createElementBlock, createTextVNode, createCommentVNode } from 'vue';
2
2
  import { useRoute, useRouter, RouterLink } from 'vue-router';
3
3
  import { isEqualObj, numberCompactFormatter } from '../../utils/utils.js';
4
4
  import WSkeleton from '../Skeleton/WSkeleton.vue.js';
@@ -42,6 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
42
  });
43
43
  const isBigCount = computed(() => props.counter !== void 0 && props.counter >= 1e3);
44
44
  watch(isActive, (value) => emit("update:isActive", { [props.title]: value }), { immediate: true });
45
+ onUnmounted(() => {
46
+ emit("update:isActive", { [props.title]: false });
47
+ });
45
48
  return (_ctx, _cache) => {
46
49
  return openBlock(), createBlock(unref(RouterLink), {
47
50
  to: _ctx.to,
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "git",
5
5
  "url": "https://github.com/rsmple/eco-vue-js.git"
6
6
  },
7
- "version": "0.3.77",
7
+ "version": "0.3.78",
8
8
  "scripts": {
9
9
  "dev": "vite",
10
10
  "build": "run-p type-check build-only",