@v-c/util 0.0.13 → 0.0.15
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.
- package/dist/Children/isFragment.cjs +2 -4
- package/dist/Children/isFragment.js +3 -5
- package/dist/Children/toArray.cjs +10 -17
- package/dist/Children/toArray.js +10 -17
- package/dist/Dom/addEventListener.cjs +5 -10
- package/dist/Dom/addEventListener.js +6 -11
- package/dist/Dom/canUseDom.cjs +2 -3
- package/dist/Dom/canUseDom.js +2 -4
- package/dist/Dom/class.cjs +6 -20
- package/dist/Dom/class.js +7 -23
- package/dist/Dom/contains.cjs +9 -13
- package/dist/Dom/contains.js +9 -14
- package/dist/Dom/css.cjs +51 -66
- package/dist/Dom/css.js +52 -74
- package/dist/Dom/dynamicCSS.cjs +59 -86
- package/dist/Dom/dynamicCSS.js +58 -88
- package/dist/Dom/findDOMNode.cjs +7 -10
- package/dist/Dom/findDOMNode.js +6 -11
- package/dist/Dom/focus.cjs +36 -43
- package/dist/Dom/focus.js +37 -48
- package/dist/Dom/isVisible.cjs +16 -21
- package/dist/Dom/isVisible.js +15 -21
- package/dist/Dom/scrollLocker.cjs +66 -88
- package/dist/Dom/scrollLocker.js +64 -87
- package/dist/Dom/shadow.cjs +3 -5
- package/dist/Dom/shadow.js +4 -7
- package/dist/Dom/styleChecker.cjs +14 -18
- package/dist/Dom/styleChecker.js +14 -18
- package/dist/Dom/support.cjs +14 -22
- package/dist/Dom/support.js +12 -21
- package/dist/EventInterface.cjs +0 -1
- package/dist/EventInterface.js +0 -1
- package/dist/KeyCode.cjs +165 -522
- package/dist/KeyCode.js +164 -522
- package/dist/Portal.cjs +40 -46
- package/dist/Portal.js +37 -45
- package/dist/PortalWrapper.cjs +130 -164
- package/dist/PortalWrapper.js +126 -163
- package/dist/classnames.cjs +30 -38
- package/dist/classnames.js +30 -40
- package/dist/composeProps.cjs +15 -17
- package/dist/composeProps.js +14 -17
- package/dist/createRef.cjs +14 -16
- package/dist/createRef.js +13 -18
- package/dist/debug/diff.cjs +39 -45
- package/dist/debug/diff.js +39 -46
- package/dist/deprecated.cjs +2 -7
- package/dist/deprecated.js +2 -8
- package/dist/getScrollBarSize.cjs +39 -43
- package/dist/getScrollBarSize.js +39 -45
- package/dist/guid.cjs +3 -4
- package/dist/guid.js +3 -5
- package/dist/hooks/useEvent.cjs +2 -3
- package/dist/hooks/useEvent.js +2 -4
- package/dist/hooks/useId.cjs +10 -15
- package/dist/hooks/useId.js +9 -15
- package/dist/hooks/useLayoutEffect.cjs +29 -52
- package/dist/hooks/useLayoutEffect.js +30 -54
- package/dist/hooks/useMemo.cjs +9 -13
- package/dist/hooks/useMemo.js +8 -13
- package/dist/hooks/useMergedState.cjs +22 -27
- package/dist/hooks/useMergedState.js +22 -28
- package/dist/hooks/useMobile.cjs +13 -13
- package/dist/hooks/useMobile.js +12 -14
- package/dist/hooks/useState.cjs +7 -9
- package/dist/hooks/useState.js +6 -9
- package/dist/index.cjs +9 -11
- package/dist/index.js +5 -11
- package/dist/isEqual.cjs +26 -34
- package/dist/isEqual.js +25 -34
- package/dist/isMobile.cjs +6 -12
- package/dist/isMobile.js +5 -12
- package/dist/isValid.cjs +4 -4
- package/dist/isValid.js +3 -4
- package/dist/omit.cjs +6 -9
- package/dist/omit.js +6 -10
- package/dist/pickAttrs.cjs +20 -36
- package/dist/pickAttrs.js +20 -37
- package/dist/props-util/index.cjs +35 -52
- package/dist/props-util/index.js +35 -57
- package/dist/raf.cjs +34 -37
- package/dist/raf.js +33 -38
- package/dist/setStyle.cjs +14 -15
- package/dist/setStyle.js +13 -15
- package/dist/switchScrollingEffect.cjs +29 -35
- package/dist/switchScrollingEffect.js +27 -34
- package/dist/test/domHook.cjs +32 -46
- package/dist/test/domHook.js +33 -48
- package/dist/type.cjs +36 -17
- package/dist/type.d.ts +1 -1
- package/dist/type.js +38 -30
- package/dist/utils/checkSlotProp.cjs +6 -10
- package/dist/utils/checkSlotProp.js +7 -11
- package/dist/utils/get.cjs +7 -9
- package/dist/utils/get.js +7 -10
- package/dist/utils/omit.cjs +5 -7
- package/dist/utils/omit.js +6 -8
- package/dist/utils/set.cjs +37 -51
- package/dist/utils/set.js +36 -53
- package/dist/utils/transition.cjs +76 -80
- package/dist/utils/transition.d.ts +2 -2
- package/dist/utils/transition.js +76 -84
- package/dist/utils/watchState.cjs +12 -14
- package/dist/utils/watchState.js +13 -16
- package/dist/vnode.cjs +48 -39
- package/dist/vnode.d.ts +1 -0
- package/dist/vnode.js +47 -43
- package/dist/vueuse/unref-element.cjs +3 -5
- package/dist/vueuse/unref-element.js +3 -5
- package/dist/warning.cjs +21 -29
- package/dist/warning.js +20 -36
- package/package.json +1 -1
package/dist/utils/set.cjs
CHANGED
|
@@ -1,63 +1,49 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
const get = require("./get.cjs");
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
const require_get = require("./get.cjs");
|
|
4
3
|
function internalSet(entity, paths, value, removeIfUndefined) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
clone = { ...entity };
|
|
15
|
-
if (removeIfUndefined && value === void 0 && restPath.length === 1)
|
|
16
|
-
delete clone[path][restPath[0]];
|
|
17
|
-
else
|
|
18
|
-
clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
|
|
19
|
-
return clone;
|
|
4
|
+
if (!paths.length) return value;
|
|
5
|
+
const [path, ...restPath] = paths;
|
|
6
|
+
let clone;
|
|
7
|
+
if (!entity && typeof path === "number") clone = [];
|
|
8
|
+
else if (Array.isArray(entity)) clone = [...entity];
|
|
9
|
+
else clone = { ...entity };
|
|
10
|
+
if (removeIfUndefined && value === void 0 && restPath.length === 1) delete clone[path][restPath[0]];
|
|
11
|
+
else clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
|
|
12
|
+
return clone;
|
|
20
13
|
}
|
|
21
14
|
function set(entity, paths, value, removeIfUndefined = false) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
return internalSet(entity, paths, value, removeIfUndefined);
|
|
15
|
+
if (paths.length && removeIfUndefined && value === void 0 && !require_get.default(entity, paths.slice(0, -1))) return entity;
|
|
16
|
+
return internalSet(entity, paths, value, removeIfUndefined);
|
|
26
17
|
}
|
|
27
18
|
function isObject(obj) {
|
|
28
|
-
|
|
19
|
+
return typeof obj === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
|
|
29
20
|
}
|
|
30
21
|
function createEmpty(source) {
|
|
31
|
-
|
|
22
|
+
return Array.isArray(source) ? [] : {};
|
|
32
23
|
}
|
|
33
|
-
|
|
24
|
+
var keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
|
|
34
25
|
function merge(...sources) {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
internalMerge([]);
|
|
59
|
-
});
|
|
60
|
-
return clone;
|
|
26
|
+
let clone = createEmpty(sources[0]);
|
|
27
|
+
sources.forEach((src) => {
|
|
28
|
+
function internalMerge(path, parentLoopSet) {
|
|
29
|
+
const loopSet = new Set(parentLoopSet);
|
|
30
|
+
const value = require_get.default(src, path);
|
|
31
|
+
const isArr = Array.isArray(value);
|
|
32
|
+
if (isArr || isObject(value)) {
|
|
33
|
+
if (!loopSet.has(value)) {
|
|
34
|
+
loopSet.add(value);
|
|
35
|
+
const originValue = require_get.default(clone, path);
|
|
36
|
+
if (isArr) clone = set(clone, path, []);
|
|
37
|
+
else if (!originValue || typeof originValue !== "object") clone = set(clone, path, createEmpty(value));
|
|
38
|
+
keys(value).forEach((key) => {
|
|
39
|
+
internalMerge([...path, key], loopSet);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
} else clone = set(clone, path, value);
|
|
43
|
+
}
|
|
44
|
+
internalMerge([]);
|
|
45
|
+
});
|
|
46
|
+
return clone;
|
|
61
47
|
}
|
|
62
48
|
exports.default = set;
|
|
63
49
|
exports.isObject = isObject;
|
package/dist/utils/set.js
CHANGED
|
@@ -1,64 +1,47 @@
|
|
|
1
1
|
import get from "./get.js";
|
|
2
2
|
function internalSet(entity, paths, value, removeIfUndefined) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
clone = { ...entity };
|
|
13
|
-
if (removeIfUndefined && value === void 0 && restPath.length === 1)
|
|
14
|
-
delete clone[path][restPath[0]];
|
|
15
|
-
else
|
|
16
|
-
clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
|
|
17
|
-
return clone;
|
|
3
|
+
if (!paths.length) return value;
|
|
4
|
+
const [path, ...restPath] = paths;
|
|
5
|
+
let clone;
|
|
6
|
+
if (!entity && typeof path === "number") clone = [];
|
|
7
|
+
else if (Array.isArray(entity)) clone = [...entity];
|
|
8
|
+
else clone = { ...entity };
|
|
9
|
+
if (removeIfUndefined && value === void 0 && restPath.length === 1) delete clone[path][restPath[0]];
|
|
10
|
+
else clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
|
|
11
|
+
return clone;
|
|
18
12
|
}
|
|
19
13
|
function set(entity, paths, value, removeIfUndefined = false) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
return internalSet(entity, paths, value, removeIfUndefined);
|
|
14
|
+
if (paths.length && removeIfUndefined && value === void 0 && !get(entity, paths.slice(0, -1))) return entity;
|
|
15
|
+
return internalSet(entity, paths, value, removeIfUndefined);
|
|
24
16
|
}
|
|
25
17
|
function isObject(obj) {
|
|
26
|
-
|
|
18
|
+
return typeof obj === "object" && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
|
|
27
19
|
}
|
|
28
20
|
function createEmpty(source) {
|
|
29
|
-
|
|
21
|
+
return Array.isArray(source) ? [] : {};
|
|
30
22
|
}
|
|
31
|
-
|
|
23
|
+
var keys = typeof Reflect === "undefined" ? Object.keys : Reflect.ownKeys;
|
|
32
24
|
function merge(...sources) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
internalMerge([]);
|
|
57
|
-
});
|
|
58
|
-
return clone;
|
|
25
|
+
let clone = createEmpty(sources[0]);
|
|
26
|
+
sources.forEach((src) => {
|
|
27
|
+
function internalMerge(path, parentLoopSet) {
|
|
28
|
+
const loopSet = new Set(parentLoopSet);
|
|
29
|
+
const value = get(src, path);
|
|
30
|
+
const isArr = Array.isArray(value);
|
|
31
|
+
if (isArr || isObject(value)) {
|
|
32
|
+
if (!loopSet.has(value)) {
|
|
33
|
+
loopSet.add(value);
|
|
34
|
+
const originValue = get(clone, path);
|
|
35
|
+
if (isArr) clone = set(clone, path, []);
|
|
36
|
+
else if (!originValue || typeof originValue !== "object") clone = set(clone, path, createEmpty(value));
|
|
37
|
+
keys(value).forEach((key) => {
|
|
38
|
+
internalMerge([...path, key], loopSet);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
} else clone = set(clone, path, value);
|
|
42
|
+
}
|
|
43
|
+
internalMerge([]);
|
|
44
|
+
});
|
|
45
|
+
return clone;
|
|
59
46
|
}
|
|
60
|
-
export {
|
|
61
|
-
set as default,
|
|
62
|
-
isObject,
|
|
63
|
-
merge
|
|
64
|
-
};
|
|
47
|
+
export { set as default, isObject, merge };
|
|
@@ -1,93 +1,89 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const require_type = require("../type.cjs");
|
|
2
|
+
let vue = require("vue");
|
|
3
|
+
require_type.tuple("bottomLeft", "bottomRight", "topLeft", "topRight");
|
|
4
4
|
function getTransitionDirection(placement) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
return `slide-up`;
|
|
5
|
+
if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) return `slide-down`;
|
|
6
|
+
return `slide-up`;
|
|
9
7
|
}
|
|
10
8
|
function getTransitionProps(transitionName, opt = {}) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
|
|
27
|
-
...opt
|
|
28
|
-
} : { css: false, ...opt };
|
|
29
|
-
return transitionProps;
|
|
9
|
+
if (!transitionName) return {};
|
|
10
|
+
return transitionName ? {
|
|
11
|
+
name: transitionName,
|
|
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`,
|
|
19
|
+
...opt
|
|
20
|
+
} : {
|
|
21
|
+
css: false,
|
|
22
|
+
...opt
|
|
23
|
+
};
|
|
30
24
|
}
|
|
31
25
|
function getTransitionGroupProps(transitionName, opt = {}) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
26
|
+
return transitionName ? {
|
|
27
|
+
name: transitionName,
|
|
28
|
+
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,
|
|
39
|
+
...opt
|
|
40
|
+
};
|
|
46
41
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
opacity: 1
|
|
42
|
+
var getCollapsedHeight = () => ({
|
|
43
|
+
height: 0,
|
|
44
|
+
opacity: 0
|
|
51
45
|
});
|
|
52
|
-
|
|
46
|
+
var getRealHeight = (node) => ({
|
|
47
|
+
height: `${node.scrollHeight}px`,
|
|
48
|
+
opacity: 1
|
|
49
|
+
});
|
|
50
|
+
var getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
|
|
53
51
|
function collapseMotion(name = "ant-motion-collapse", style, className) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
52
|
+
return {
|
|
53
|
+
name,
|
|
54
|
+
appear: true,
|
|
55
|
+
css: true,
|
|
56
|
+
onBeforeEnter: (node) => {
|
|
57
|
+
className.value = name;
|
|
58
|
+
style.value = getCollapsedHeight(node);
|
|
59
|
+
},
|
|
60
|
+
onEnter: (node) => {
|
|
61
|
+
(0, vue.nextTick)(() => {
|
|
62
|
+
style.value = getRealHeight(node);
|
|
63
|
+
});
|
|
64
|
+
},
|
|
65
|
+
onAfterEnter: () => {
|
|
66
|
+
className.value = "";
|
|
67
|
+
style.value = {};
|
|
68
|
+
},
|
|
69
|
+
onBeforeLeave: (node) => {
|
|
70
|
+
className.value = name;
|
|
71
|
+
style.value = getCurrentHeight(node);
|
|
72
|
+
},
|
|
73
|
+
onLeave: (node) => {
|
|
74
|
+
setTimeout(() => {
|
|
75
|
+
style.value = getCollapsedHeight(node);
|
|
76
|
+
});
|
|
77
|
+
},
|
|
78
|
+
onAfterLeave: () => {
|
|
79
|
+
className.value = "";
|
|
80
|
+
style.value = {};
|
|
81
|
+
}
|
|
82
|
+
};
|
|
85
83
|
}
|
|
86
84
|
function getTransitionName(rootPrefixCls, motion, transitionName) {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
return `${rootPrefixCls}-${motion}`;
|
|
85
|
+
if (transitionName !== void 0) return transitionName;
|
|
86
|
+
return `${rootPrefixCls}-${motion}`;
|
|
91
87
|
}
|
|
92
88
|
exports.collapseMotion = collapseMotion;
|
|
93
89
|
exports.getTransitionDirection = getTransitionDirection;
|
|
@@ -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,96 +1,88 @@
|
|
|
1
|
+
import { tuple } from "../type.js";
|
|
1
2
|
import { nextTick } from "vue";
|
|
3
|
+
tuple("bottomLeft", "bottomRight", "topLeft", "topRight");
|
|
2
4
|
function getTransitionDirection(placement) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
return `slide-up`;
|
|
5
|
+
if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) return `slide-down`;
|
|
6
|
+
return `slide-up`;
|
|
7
7
|
}
|
|
8
8
|
function getTransitionProps(transitionName, opt = {}) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
|
|
25
|
-
...opt
|
|
26
|
-
} : { css: false, ...opt };
|
|
27
|
-
return transitionProps;
|
|
9
|
+
if (!transitionName) return {};
|
|
10
|
+
return transitionName ? {
|
|
11
|
+
name: transitionName,
|
|
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`,
|
|
19
|
+
...opt
|
|
20
|
+
} : {
|
|
21
|
+
css: false,
|
|
22
|
+
...opt
|
|
23
|
+
};
|
|
28
24
|
}
|
|
29
25
|
function getTransitionGroupProps(transitionName, opt = {}) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
26
|
+
return transitionName ? {
|
|
27
|
+
name: transitionName,
|
|
28
|
+
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,
|
|
39
|
+
...opt
|
|
40
|
+
};
|
|
44
41
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
opacity: 1
|
|
42
|
+
var getCollapsedHeight = () => ({
|
|
43
|
+
height: 0,
|
|
44
|
+
opacity: 0
|
|
49
45
|
});
|
|
50
|
-
|
|
46
|
+
var getRealHeight = (node) => ({
|
|
47
|
+
height: `${node.scrollHeight}px`,
|
|
48
|
+
opacity: 1
|
|
49
|
+
});
|
|
50
|
+
var getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
|
|
51
51
|
function collapseMotion(name = "ant-motion-collapse", style, className) {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
52
|
+
return {
|
|
53
|
+
name,
|
|
54
|
+
appear: true,
|
|
55
|
+
css: true,
|
|
56
|
+
onBeforeEnter: (node) => {
|
|
57
|
+
className.value = name;
|
|
58
|
+
style.value = getCollapsedHeight(node);
|
|
59
|
+
},
|
|
60
|
+
onEnter: (node) => {
|
|
61
|
+
nextTick(() => {
|
|
62
|
+
style.value = getRealHeight(node);
|
|
63
|
+
});
|
|
64
|
+
},
|
|
65
|
+
onAfterEnter: () => {
|
|
66
|
+
className.value = "";
|
|
67
|
+
style.value = {};
|
|
68
|
+
},
|
|
69
|
+
onBeforeLeave: (node) => {
|
|
70
|
+
className.value = name;
|
|
71
|
+
style.value = getCurrentHeight(node);
|
|
72
|
+
},
|
|
73
|
+
onLeave: (node) => {
|
|
74
|
+
setTimeout(() => {
|
|
75
|
+
style.value = getCollapsedHeight(node);
|
|
76
|
+
});
|
|
77
|
+
},
|
|
78
|
+
onAfterLeave: () => {
|
|
79
|
+
className.value = "";
|
|
80
|
+
style.value = {};
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
83
|
}
|
|
84
84
|
function getTransitionName(rootPrefixCls, motion, transitionName) {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
return `${rootPrefixCls}-${motion}`;
|
|
85
|
+
if (transitionName !== void 0) return transitionName;
|
|
86
|
+
return `${rootPrefixCls}-${motion}`;
|
|
89
87
|
}
|
|
90
|
-
export {
|
|
91
|
-
collapseMotion,
|
|
92
|
-
getTransitionDirection,
|
|
93
|
-
getTransitionGroupProps,
|
|
94
|
-
getTransitionName,
|
|
95
|
-
getTransitionProps
|
|
96
|
-
};
|
|
88
|
+
export { collapseMotion, getTransitionDirection, getTransitionGroupProps, getTransitionName, getTransitionProps };
|
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
1
|
function watchState() {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
let states = [];
|
|
3
|
+
return (fn, args) => {
|
|
4
|
+
states = JSON.stringify(args);
|
|
5
|
+
return fn(args, states);
|
|
6
|
+
};
|
|
9
7
|
}
|
|
10
8
|
function renderFirstTrigger() {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
let triggered = false;
|
|
10
|
+
return (fn, args) => {
|
|
11
|
+
if (!triggered) {
|
|
12
|
+
triggered = true;
|
|
13
|
+
return fn(args);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
18
16
|
}
|
|
19
17
|
exports.renderFirstTrigger = renderFirstTrigger;
|
|
20
18
|
exports.watchState = watchState;
|
package/dist/utils/watchState.js
CHANGED
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
function watchState() {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
let states = [];
|
|
3
|
+
return (fn, args) => {
|
|
4
|
+
states = JSON.stringify(args);
|
|
5
|
+
return fn(args, states);
|
|
6
|
+
};
|
|
7
7
|
}
|
|
8
8
|
function renderFirstTrigger() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
let triggered = false;
|
|
10
|
+
return (fn, args) => {
|
|
11
|
+
if (!triggered) {
|
|
12
|
+
triggered = true;
|
|
13
|
+
return fn(args);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
16
|
}
|
|
17
|
-
export {
|
|
18
|
-
renderFirstTrigger,
|
|
19
|
-
watchState
|
|
20
|
-
};
|
|
17
|
+
export { renderFirstTrigger, watchState };
|