@v-c/util 0.0.9 → 0.0.11
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.
|
@@ -5,4 +5,4 @@ export declare const skipFlattenKey: unique symbol;
|
|
|
5
5
|
declare function flattenChildren(children?: VNode | VNodeNormalizedChildren, isFilterEmpty?: boolean): any[];
|
|
6
6
|
export { flattenChildren };
|
|
7
7
|
export declare function toPropsRefs<T extends Record<string, any>, K extends keyof T>(obj: T, ...args: K[]): { [key in K]-?: Ref<T[key]>; };
|
|
8
|
-
export declare function removeUndefined<T
|
|
8
|
+
export declare function removeUndefined<T extends Record<string, any>>(obj: T): Partial<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function c(e){return e!==void 0&&(e==="topLeft"||e==="topRight")?"slide-down":"slide-up"}function u(e){const r=`${e}-appear ${e}-appear-prepare ${e}-appear-start`,p=`${e}-enter ${e}-enter-prepare ${e}-enter-start`;return`${e} ${r} ${p}`}function v(e){const r=`${e}-appear ${e}-appear-prepare`,p=`${e}-enter ${e}-enter-prepare`;return`${e} ${r} ${p}`}function o(e){const r=`${e}-appear ${e}-appear-active`,p=`${e}-enter ${e}-enter-active`;return`${e} ${r} ${p}`}function s(e,r={}){return e?e?{name:e,appear:!0,enterFromClass:u(e),enterActiveClass:v(e),enterToClass:o(e),leaveFromClass:`${e} ${e}-leave`,leaveActiveClass:`${e} ${e}-leave ${e}-leave-active`,leaveToClass:`${e} ${e}-leave ${e}-leave-active`,...r}:{css:!1,...r}:{}}function a(e,r={}){return e?{name:e,appear:!0,appearActiveClass:`${e}`,appearToClass:`${e}-appear ${e}-appear-active`,enterFromClass:`${e}-appear ${e}-enter ${e}-appear-prepare ${e}-enter-prepare`,enterActiveClass:`${e}`,enterToClass:`${e}-enter ${e}-appear ${e}-appear-active ${e}-enter-active`,leaveActiveClass:`${e} ${e}-leave`,leaveToClass:`${e}-leave-active`,...r}:{css:!1,...r}}const $=()=>({height:0,opacity:0}),g=e=>({height:`${e.scrollHeight}px`,opacity:1}),C=e=>({height:`${e.offsetHeight}px`});function f(e="ant-motion-collapse",r,p){return{name:e,appear:!0,css:!0,onBeforeEnter:l=>{p.value=e,r.value=$()},onEnter:l=>{t.nextTick(()=>{r.value=g(l)})},onAfterEnter:()=>{p.value="",r.value={}},onBeforeLeave:l=>{p.value=e,r.value=C(l)},onLeave:l=>{setTimeout(()=>{r.value=$()})},onAfterLeave:()=>{p.value="",r.value={}}}}function n(e,r,p){return p!==void 0?p:`${e}-${r}`}exports.collapseMotion=f;exports.getTransitionDirection=c;exports.getTransitionGroupProps=a;exports.getTransitionName=n;exports.getTransitionProps=s;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CSSProperties, Ref, TransitionGroupProps, TransitionProps } from 'vue';
|
|
2
2
|
declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
|
|
3
3
|
export type SelectCommonPlacement = (typeof SelectPlacements)[number];
|
|
4
4
|
declare function getTransitionDirection(placement: SelectCommonPlacement | undefined): "slide-down" | "slide-up";
|
|
@@ -9,7 +9,7 @@ export declare type MotionEvent = (TransitionEvent | AnimationEvent) & {
|
|
|
9
9
|
};
|
|
10
10
|
export declare type MotionEventHandler = (element: Element, done?: () => void) => CSSProperties;
|
|
11
11
|
export declare type MotionEndEventHandler = (element: Element, done?: () => void) => boolean | void;
|
|
12
|
-
export interface CSSMotionProps extends Partial<
|
|
12
|
+
export interface CSSMotionProps extends Partial<TransitionProps> {
|
|
13
13
|
name?: string;
|
|
14
14
|
css?: boolean;
|
|
15
15
|
}
|
package/dist/utils/transition.js
CHANGED
|
@@ -1,7 +1,19 @@
|
|
|
1
|
-
import { nextTick as
|
|
2
|
-
function
|
|
1
|
+
import { nextTick as v } from "vue";
|
|
2
|
+
function a(e) {
|
|
3
3
|
return e !== void 0 && (e === "topLeft" || e === "topRight") ? "slide-down" : "slide-up";
|
|
4
4
|
}
|
|
5
|
+
function c(e) {
|
|
6
|
+
const r = `${e}-appear ${e}-appear-prepare ${e}-appear-start`, p = `${e}-enter ${e}-enter-prepare ${e}-enter-start`;
|
|
7
|
+
return `${e} ${r} ${p}`;
|
|
8
|
+
}
|
|
9
|
+
function u(e) {
|
|
10
|
+
const r = `${e}-appear ${e}-appear-prepare`, p = `${e}-enter ${e}-enter-prepare`;
|
|
11
|
+
return `${e} ${r} ${p}`;
|
|
12
|
+
}
|
|
13
|
+
function t(e) {
|
|
14
|
+
const r = `${e}-appear ${e}-appear-active`, p = `${e}-enter ${e}-enter-active`;
|
|
15
|
+
return `${e} ${r} ${p}`;
|
|
16
|
+
}
|
|
5
17
|
function f(e, r = {}) {
|
|
6
18
|
return e ? e ? {
|
|
7
19
|
name: e,
|
|
@@ -10,9 +22,9 @@ function f(e, r = {}) {
|
|
|
10
22
|
// appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
|
|
11
23
|
// appearActiveClass: `antdv-base-transtion`,
|
|
12
24
|
// appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
|
|
13
|
-
enterFromClass:
|
|
14
|
-
enterActiveClass:
|
|
15
|
-
enterToClass:
|
|
25
|
+
enterFromClass: c(e),
|
|
26
|
+
enterActiveClass: u(e),
|
|
27
|
+
enterToClass: t(e),
|
|
16
28
|
leaveFromClass: `${e} ${e}-leave`,
|
|
17
29
|
leaveActiveClass: `${e} ${e}-leave ${e}-leave-active`,
|
|
18
30
|
leaveToClass: `${e} ${e}-leave ${e}-leave-active`,
|
|
@@ -34,30 +46,30 @@ function g(e, r = {}) {
|
|
|
34
46
|
...r
|
|
35
47
|
} : { css: !1, ...r };
|
|
36
48
|
}
|
|
37
|
-
const l = () => ({ height: 0, opacity: 0 }),
|
|
49
|
+
const l = () => ({ height: 0, opacity: 0 }), o = (e) => ({
|
|
38
50
|
height: `${e.scrollHeight}px`,
|
|
39
51
|
opacity: 1
|
|
40
|
-
}),
|
|
41
|
-
function
|
|
52
|
+
}), s = (e) => ({ height: `${e.offsetHeight}px` });
|
|
53
|
+
function h(e = "ant-motion-collapse", r, p) {
|
|
42
54
|
return {
|
|
43
55
|
name: e,
|
|
44
56
|
appear: !0,
|
|
45
57
|
css: !0,
|
|
46
|
-
onBeforeEnter: (
|
|
58
|
+
onBeforeEnter: ($) => {
|
|
47
59
|
p.value = e, r.value = l();
|
|
48
60
|
},
|
|
49
|
-
onEnter: (
|
|
50
|
-
|
|
51
|
-
r.value =
|
|
61
|
+
onEnter: ($) => {
|
|
62
|
+
v(() => {
|
|
63
|
+
r.value = o($);
|
|
52
64
|
});
|
|
53
65
|
},
|
|
54
66
|
onAfterEnter: () => {
|
|
55
67
|
p.value = "", r.value = {};
|
|
56
68
|
},
|
|
57
|
-
onBeforeLeave: (
|
|
58
|
-
p.value = e, r.value =
|
|
69
|
+
onBeforeLeave: ($) => {
|
|
70
|
+
p.value = e, r.value = s($);
|
|
59
71
|
},
|
|
60
|
-
onLeave: (
|
|
72
|
+
onLeave: ($) => {
|
|
61
73
|
setTimeout(() => {
|
|
62
74
|
r.value = l();
|
|
63
75
|
});
|
|
@@ -67,13 +79,13 @@ function C(e = "ant-motion-collapse", r, p) {
|
|
|
67
79
|
}
|
|
68
80
|
};
|
|
69
81
|
}
|
|
70
|
-
function
|
|
82
|
+
function T(e, r, p) {
|
|
71
83
|
return p !== void 0 ? p : `${e}-${r}`;
|
|
72
84
|
}
|
|
73
85
|
export {
|
|
74
|
-
|
|
75
|
-
|
|
86
|
+
h as collapseMotion,
|
|
87
|
+
a as getTransitionDirection,
|
|
76
88
|
g as getTransitionGroupProps,
|
|
77
|
-
|
|
89
|
+
T as getTransitionName,
|
|
78
90
|
f as getTransitionProps
|
|
79
91
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@v-c/util",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.11",
|
|
5
5
|
"description": "Vue3 components utils",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"scripts": {
|
|
24
24
|
"build": "vite build",
|
|
25
|
-
"prepublish": "pnpm build"
|
|
25
|
+
"prepublish": "pnpm build",
|
|
26
|
+
"bump": "bumpp --release patch"
|
|
26
27
|
}
|
|
27
28
|
}
|