@v-c/util 0.0.15 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/utils/transition.cjs +18 -17
  2. package/dist/utils/transition.d.ts +1 -1
  3. package/dist/utils/transition.js +18 -17
  4. package/package.json +1 -1
package/dist/utils/transition.cjs CHANGED
@@ -10,12 +10,12 @@ function getTransitionProps(transitionName, opt = {}) {
10
10
  return transitionName ? {
11
11
  name: transitionName,
12
12
  appear: true,
13
- enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
14
- enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
15
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
16
- leaveFromClass: ` ${transitionName}-leave`,
17
- leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
18
- leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
13
+ enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
14
+ enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
15
+ enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
16
+ leaveFromClass: `${transitionName} ${transitionName}-leave`,
17
+ leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
18
+ leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
19
19
  ...opt
20
20
  } : {
21
21
  css: false,
@@ -23,19 +23,20 @@ function getTransitionProps(transitionName, opt = {}) {
23
23
  };
24
24
  }
25
25
  function getTransitionGroupProps(transitionName, opt = {}) {
26
- return transitionName ? {
26
+ if (!transitionName) return {
27
+ css: false,
28
+ ...opt
29
+ };
30
+ return {
27
31
  name: transitionName,
28
32
  appear: true,
29
- appearActiveClass: `${transitionName}`,
30
- appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
31
- enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
32
- enterActiveClass: `${transitionName}`,
33
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
34
- leaveActiveClass: `${transitionName} ${transitionName}-leave`,
35
- leaveToClass: `${transitionName}-leave-active`,
36
- ...opt
37
- } : {
38
- css: false,
33
+ enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-appear-start ${transitionName}-enter-prepare ${transitionName}-enter-start`,
34
+ enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
35
+ enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
36
+ leaveFromClass: `${transitionName} ${transitionName}-leave`,
37
+ leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
38
+ leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
39
+ moveClass: `${transitionName} ${transitionName}-move`,
39
40
  ...opt
40
41
  };
41
42
  }
package/dist/utils/transition.d.ts CHANGED
@@ -3,7 +3,7 @@ declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRig
3
3
  export type SelectCommonPlacement = (typeof SelectPlacements)[number];
4
4
  declare function getTransitionDirection(placement: SelectCommonPlacement | undefined): "slide-down" | "slide-up";
5
5
  export declare function getTransitionProps(transitionName?: string, opt?: TransitionProps): TransitionProps;
6
- export declare function getTransitionGroupProps(transitionName: string, opt?: TransitionProps): TransitionGroupProps;
6
+ export declare function getTransitionGroupProps(transitionName?: string, opt?: TransitionProps): TransitionGroupProps;
7
7
  export declare type MotionEvent = (TransitionEvent | AnimationEvent) & {
8
8
  deadline?: boolean;
9
9
  };
package/dist/utils/transition.js CHANGED
@@ -10,12 +10,12 @@ function getTransitionProps(transitionName, opt = {}) {
10
10
  return transitionName ? {
11
11
  name: transitionName,
12
12
  appear: true,
13
- enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
14
- enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
15
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
16
- leaveFromClass: ` ${transitionName}-leave`,
17
- leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
18
- leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
13
+ enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
14
+ enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
15
+ enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
16
+ leaveFromClass: `${transitionName} ${transitionName}-leave`,
17
+ leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
18
+ leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
19
19
  ...opt
20
20
  } : {
21
21
  css: false,
@@ -23,19 +23,20 @@ function getTransitionProps(transitionName, opt = {}) {
23
23
  };
24
24
  }
25
25
  function getTransitionGroupProps(transitionName, opt = {}) {
26
- return transitionName ? {
26
+ if (!transitionName) return {
27
+ css: false,
28
+ ...opt
29
+ };
30
+ return {
27
31
  name: transitionName,
28
32
  appear: true,
29
- appearActiveClass: `${transitionName}`,
30
- appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
31
- enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
32
- enterActiveClass: `${transitionName}`,
33
- enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
34
- leaveActiveClass: `${transitionName} ${transitionName}-leave`,
35
- leaveToClass: `${transitionName}-leave-active`,
36
- ...opt
37
- } : {
38
- css: false,
33
+ enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-appear-start ${transitionName}-enter-prepare ${transitionName}-enter-start`,
34
+ enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
35
+ enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
36
+ leaveFromClass: `${transitionName} ${transitionName}-leave`,
37
+ leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
38
+ leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
39
+ moveClass: `${transitionName} ${transitionName}-move`,
39
40
  ...opt
40
41
  };
41
42
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@v-c/util",
3
3
  "type": "module",
4
- "version": "0.0.15",
4
+ "version": "0.0.17",
5
5
  "description": "Vue3 components utils",
6
6
  "publishConfig": {
7
7
  "access": "public"