@qsxy/element-plus-react 1.0.0-next.5 → 1.0.0-next.7
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/Cascader/Cascader.js +147 -182
- package/dist/Cascader/CascaderContext.d.ts +4 -10
- package/dist/Cascader/CascaderContext.js +2 -6
- package/dist/Cascader/CascaderDropdown.js +1 -1
- package/dist/Cascader/CascaderMenu.d.ts +0 -7
- package/dist/Cascader/CascaderMenu.js +4 -77
- package/dist/Cascader/Utils.d.ts +0 -2
- package/dist/Cascader/Utils.js +0 -44
- package/dist/Cascader/index.d.ts +1 -1
- package/dist/Cascader/typings.d.ts +2 -18
- package/dist/Cascader/useCascader.d.ts +1 -15
- package/dist/Cascader/useCascader.js +14 -41
- package/dist/DatePicker/DatePicker.js +5 -5
- package/dist/Empty/ImgEmpty.js +1 -1
- package/dist/Tree/DirectoryTree.d.ts +6 -13
- package/dist/Tree/DirectoryTree.js +32 -81
- package/dist/Tree/DropIndicator.d.ts +4 -2
- package/dist/Tree/DropIndicator.js +7 -2
- package/dist/Tree/Indent.d.ts +2 -2
- package/dist/Tree/Indent.js +4 -4
- package/dist/Tree/MotionTreeNode.d.ts +4 -5
- package/dist/Tree/MotionTreeNode.js +69 -52
- package/dist/Tree/NodeList.d.ts +15 -11
- package/dist/Tree/NodeList.js +38 -29
- package/dist/Tree/RCTree.d.ts +77 -75
- package/dist/Tree/RCTree.js +199 -188
- package/dist/Tree/Tree.d.ts +3 -3
- package/dist/Tree/Tree.js +27 -27
- package/dist/Tree/TreeNode.d.ts +5 -90
- package/dist/Tree/TreeNode.js +320 -422
- package/dist/Tree/contextTypes.d.ts +36 -30
- package/dist/Tree/contextTypes.js +17 -4
- package/dist/Tree/index.d.ts +2 -2
- package/dist/Tree/typings.d.ts +60 -19
- package/dist/Tree/typings.js +1 -13
- package/dist/Tree/typings.tsx--bak +245 -0
- package/dist/Tree/useUnmount.d.ts +5 -0
- package/dist/{VirtualList/index.js → Tree/useUnmount.js} +25 -10
- package/dist/Tree/util.d.ts +17 -21
- package/dist/Tree/util.js +21 -52
- package/dist/Tree/utils/conductUtil.d.ts +2 -2
- package/dist/Tree/utils/conductUtil.js +14 -3
- package/dist/Tree/utils/dictUtil.d.ts +7 -3
- package/dist/Tree/utils/dictUtil.js +49 -32
- package/dist/Tree/utils/diffUtil.d.ts +4 -3
- package/dist/Tree/utils/keyUtil.d.ts +2 -0
- package/dist/{VirtualList/utils/isFirefox.js → Tree/utils/keyUtil.js} +8 -7
- package/dist/Tree/utils/motion.js +6 -5
- package/dist/Tree/utils/treeUtil.d.ts +16 -18
- package/dist/Tree/utils/treeUtil.js +35 -14
- package/dist/TreeSelect/Utils.d.ts +1 -1
- package/dist/Util/base.d.ts +1 -1
- package/dist/Util/base.js +14 -2
- package/dist/index.css +6 -4
- package/dist/index.d.ts +3 -5
- package/dist/index.js +0 -5
- package/dist/theme-chalk/calendar/month-table.scss +1 -1
- package/dist/theme-chalk/input/input.scss +5 -3
- package/package.json +2 -1
- package/dist/Tree/utils/KeyCode.d.ts +0 -436
- package/dist/Tree/utils/KeyCode.js +0 -550
- package/dist/VirtualList/Filler.d.ts +0 -16
- package/dist/VirtualList/Filler.js +0 -78
- package/dist/VirtualList/Item.d.ts +0 -7
- package/dist/VirtualList/Item.js +0 -37
- package/dist/VirtualList/ScrollBar.d.ts +0 -43
- package/dist/VirtualList/ScrollBar.js +0 -216
- package/dist/VirtualList/VirtualList.d.ts +0 -36
- package/dist/VirtualList/VirtualList.js +0 -280
- package/dist/VirtualList/hooks/useChildren.d.ts +0 -3
- package/dist/VirtualList/hooks/useChildren.js +0 -46
- package/dist/VirtualList/hooks/useDiffItem.d.ts +0 -2
- package/dist/VirtualList/hooks/useDiffItem.js +0 -39
- package/dist/VirtualList/hooks/useFrameWheel.d.ts +0 -6
- package/dist/VirtualList/hooks/useFrameWheel.js +0 -72
- package/dist/VirtualList/hooks/useHeights.d.ts +0 -3
- package/dist/VirtualList/hooks/useHeights.js +0 -83
- package/dist/VirtualList/hooks/useLayoutEffect.d.ts +0 -6
- package/dist/VirtualList/hooks/useLayoutEffect.js +0 -30
- package/dist/VirtualList/hooks/useMobileTouchMove.d.ts +0 -2
- package/dist/VirtualList/hooks/useMobileTouchMove.js +0 -92
- package/dist/VirtualList/hooks/useOriginScroll.d.ts +0 -2
- package/dist/VirtualList/hooks/useOriginScroll.js +0 -56
- package/dist/VirtualList/hooks/useScrollTo.d.ts +0 -5
- package/dist/VirtualList/hooks/useScrollTo.js +0 -111
- package/dist/VirtualList/index.d.ts +0 -2
- package/dist/VirtualList/interface.d.ts +0 -8
- package/dist/VirtualList/interface.js +0 -17
- package/dist/VirtualList/mock.d.ts +0 -6
- package/dist/VirtualList/mock.js +0 -29
- package/dist/VirtualList/utils/CacheMap.d.ts +0 -7
- package/dist/VirtualList/utils/CacheMap.js +0 -36
- package/dist/VirtualList/utils/algorithmUtil.d.ts +0 -23
- package/dist/VirtualList/utils/algorithmUtil.js +0 -81
- package/dist/VirtualList/utils/findDOMNode.d.ts +0 -5
- package/dist/VirtualList/utils/findDOMNode.js +0 -30
- package/dist/VirtualList/utils/isFirefox.d.ts +0 -2
- package/dist/VirtualList/utils/raf.d.ts +0 -5
- package/dist/VirtualList/utils/raf.js +0 -57
- package/dist/theme-chalk/bak/common/popup.scss +0 -47
- package/dist/theme-chalk/bak/common/transition.scss +0 -118
- package/dist/theme-chalk/bak/common/var.scss +0 -1476
- package/dist/theme-chalk/bak/mixins/_button.scss +0 -224
- package/dist/theme-chalk/bak/mixins/_col.scss +0 -38
- package/dist/theme-chalk/bak/mixins/_var.scss +0 -55
- package/dist/theme-chalk/bak/mixins/config.scss +0 -5
- package/dist/theme-chalk/bak/mixins/function.scss +0 -85
- package/dist/theme-chalk/bak/mixins/mixins.scss +0 -215
- package/dist/theme-chalk/bak/mixins/utils.scss +0 -39
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/VirtualList/utils/algorithmUtil.ts
|
|
20
|
-
var algorithmUtil_exports = {};
|
|
21
|
-
__export(algorithmUtil_exports, {
|
|
22
|
-
findListDiffIndex: () => findListDiffIndex,
|
|
23
|
-
getIndexByStartLoc: () => getIndexByStartLoc
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(algorithmUtil_exports);
|
|
26
|
-
function getIndexByStartLoc(min, max, start, index) {
|
|
27
|
-
const beforeCount = start - min;
|
|
28
|
-
const afterCount = max - start;
|
|
29
|
-
const balanceCount = Math.min(beforeCount, afterCount) * 2;
|
|
30
|
-
if (index <= balanceCount) {
|
|
31
|
-
const stepIndex = Math.floor(index / 2);
|
|
32
|
-
if (index % 2) {
|
|
33
|
-
return start + stepIndex + 1;
|
|
34
|
-
}
|
|
35
|
-
return start - stepIndex;
|
|
36
|
-
}
|
|
37
|
-
if (beforeCount > afterCount) {
|
|
38
|
-
return start - (index - afterCount);
|
|
39
|
-
}
|
|
40
|
-
return start + (index - beforeCount);
|
|
41
|
-
}
|
|
42
|
-
function findListDiffIndex(originList, targetList, getKey) {
|
|
43
|
-
const originLen = originList.length;
|
|
44
|
-
const targetLen = targetList.length;
|
|
45
|
-
let shortList;
|
|
46
|
-
let longList;
|
|
47
|
-
if (originLen === 0 && targetLen === 0) {
|
|
48
|
-
return null;
|
|
49
|
-
}
|
|
50
|
-
if (originLen < targetLen) {
|
|
51
|
-
shortList = originList;
|
|
52
|
-
longList = targetList;
|
|
53
|
-
} else {
|
|
54
|
-
shortList = targetList;
|
|
55
|
-
longList = originList;
|
|
56
|
-
}
|
|
57
|
-
const notExistKey = { __EMPTY_ITEM__: true };
|
|
58
|
-
function getItemKey(item) {
|
|
59
|
-
if (item !== void 0) {
|
|
60
|
-
return getKey(item);
|
|
61
|
-
}
|
|
62
|
-
return notExistKey;
|
|
63
|
-
}
|
|
64
|
-
let diffIndex = null;
|
|
65
|
-
let multiple = Math.abs(originLen - targetLen) !== 1;
|
|
66
|
-
for (let i = 0; i < longList.length; i += 1) {
|
|
67
|
-
const shortKey = getItemKey(shortList[i]);
|
|
68
|
-
const longKey = getItemKey(longList[i]);
|
|
69
|
-
if (shortKey !== longKey) {
|
|
70
|
-
diffIndex = i;
|
|
71
|
-
multiple = multiple || shortKey !== getItemKey(longList[i + 1]);
|
|
72
|
-
break;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
return diffIndex === null ? null : { index: diffIndex, multiple };
|
|
76
|
-
}
|
|
77
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
78
|
-
0 && (module.exports = {
|
|
79
|
-
findListDiffIndex,
|
|
80
|
-
getIndexByStartLoc
|
|
81
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/VirtualList/utils/findDOMNode.ts
|
|
20
|
-
var findDOMNode_exports = {};
|
|
21
|
-
__export(findDOMNode_exports, {
|
|
22
|
-
default: () => findDOMNode
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(findDOMNode_exports);
|
|
25
|
-
function findDOMNode(node) {
|
|
26
|
-
if (node instanceof HTMLElement) {
|
|
27
|
-
return node;
|
|
28
|
-
}
|
|
29
|
-
return ReactDOM.findDOMNode(node);
|
|
30
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/VirtualList/utils/raf.ts
|
|
20
|
-
var raf_exports = {};
|
|
21
|
-
__export(raf_exports, {
|
|
22
|
-
default: () => wrapperRaf
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(raf_exports);
|
|
25
|
-
var raf = (callback) => +setTimeout(callback, 16);
|
|
26
|
-
var caf = (num) => clearTimeout(num);
|
|
27
|
-
if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
|
|
28
|
-
raf = (callback) => window.requestAnimationFrame(callback);
|
|
29
|
-
caf = (handle) => window.cancelAnimationFrame(handle);
|
|
30
|
-
}
|
|
31
|
-
var rafUUID = 0;
|
|
32
|
-
var rafIds = /* @__PURE__ */ new Map();
|
|
33
|
-
function cleanup(id) {
|
|
34
|
-
rafIds.delete(id);
|
|
35
|
-
}
|
|
36
|
-
function wrapperRaf(callback, times = 1) {
|
|
37
|
-
rafUUID += 1;
|
|
38
|
-
const id = rafUUID;
|
|
39
|
-
function callRef(leftTimes) {
|
|
40
|
-
if (leftTimes === 0) {
|
|
41
|
-
cleanup(id);
|
|
42
|
-
callback();
|
|
43
|
-
} else {
|
|
44
|
-
const realId = raf(() => {
|
|
45
|
-
callRef(leftTimes - 1);
|
|
46
|
-
});
|
|
47
|
-
rafIds.set(id, realId);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
callRef(times);
|
|
51
|
-
return id;
|
|
52
|
-
}
|
|
53
|
-
wrapperRaf.cancel = (id) => {
|
|
54
|
-
const realId = rafIds.get(id);
|
|
55
|
-
cleanup(realId);
|
|
56
|
-
return caf(realId);
|
|
57
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
@use './var' as *;
|
|
2
|
-
@use '../mixins/mixins' as *;
|
|
3
|
-
@use '../mixins/var' as *;
|
|
4
|
-
|
|
5
|
-
:root {
|
|
6
|
-
@include set-component-css-var('popup', $popup);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.v-modal-enter {
|
|
10
|
-
animation: v-modal-in getCssVar('transition-duration-fast') ease;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.v-modal-leave {
|
|
14
|
-
animation: v-modal-out getCssVar('transition-duration-fast') ease forwards;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@keyframes v-modal-in {
|
|
18
|
-
0% {
|
|
19
|
-
opacity: 0;
|
|
20
|
-
}
|
|
21
|
-
100% {
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@keyframes v-modal-out {
|
|
26
|
-
0% {
|
|
27
|
-
}
|
|
28
|
-
100% {
|
|
29
|
-
opacity: 0;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.v-modal {
|
|
34
|
-
position: fixed;
|
|
35
|
-
left: 0;
|
|
36
|
-
top: 0;
|
|
37
|
-
width: 100%;
|
|
38
|
-
height: 100%;
|
|
39
|
-
opacity: getCssVar('popup-modal-opacity');
|
|
40
|
-
background: getCssVar('popup-modal-bg-color');
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@include b(popup-parent) {
|
|
44
|
-
@include m(hidden) {
|
|
45
|
-
overflow: hidden;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
@use '../mixins/config' as *;
|
|
2
|
-
@use '../mixins/mixins' as *;
|
|
3
|
-
|
|
4
|
-
.fade-in-linear-enter-active,
|
|
5
|
-
.fade-in-linear-leave-active {
|
|
6
|
-
transition: getCssVar('transition-fade', 'linear');
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.fade-in-linear-enter-from,
|
|
10
|
-
.fade-in-linear-leave-to {
|
|
11
|
-
opacity: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.#{$namespace}-fade-in-linear-enter-active,
|
|
15
|
-
.#{$namespace}-fade-in-linear-leave-active {
|
|
16
|
-
transition: getCssVar('transition-fade', 'linear');
|
|
17
|
-
}
|
|
18
|
-
.#{$namespace}-fade-in-linear-enter-from,
|
|
19
|
-
.#{$namespace}-fade-in-linear-leave-to {
|
|
20
|
-
opacity: 0;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.#{$namespace}-fade-in-enter-active,
|
|
24
|
-
.#{$namespace}-fade-in-leave-active {
|
|
25
|
-
transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
|
|
26
|
-
}
|
|
27
|
-
.#{$namespace}-fade-in-enter-from,
|
|
28
|
-
.#{$namespace}-fade-in-leave-active {
|
|
29
|
-
opacity: 0;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.#{$namespace}-zoom-in-center-enter-active,
|
|
33
|
-
.#{$namespace}-zoom-in-center-leave-active {
|
|
34
|
-
transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
|
|
35
|
-
}
|
|
36
|
-
.#{$namespace}-zoom-in-center-enter-from,
|
|
37
|
-
.#{$namespace}-zoom-in-center-leave-active {
|
|
38
|
-
opacity: 0;
|
|
39
|
-
transform: scaleX(0);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.#{$namespace}-zoom-in-top-enter-active,
|
|
43
|
-
.#{$namespace}-zoom-in-top-leave-active {
|
|
44
|
-
opacity: 1;
|
|
45
|
-
transform: scaleY(1);
|
|
46
|
-
transition: getCssVar('transition-md-fade');
|
|
47
|
-
transform-origin: center top;
|
|
48
|
-
|
|
49
|
-
&[data-popper-placement^='top'] {
|
|
50
|
-
transform-origin: center bottom;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
.#{$namespace}-zoom-in-top-enter-from,
|
|
54
|
-
.#{$namespace}-zoom-in-top-leave-active {
|
|
55
|
-
opacity: 0;
|
|
56
|
-
transform: scaleY(0);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.#{$namespace}-zoom-in-bottom-enter-active,
|
|
60
|
-
.#{$namespace}-zoom-in-bottom-leave-active {
|
|
61
|
-
opacity: 1;
|
|
62
|
-
transform: scaleY(1);
|
|
63
|
-
transition: getCssVar('transition-md-fade');
|
|
64
|
-
transform-origin: center bottom;
|
|
65
|
-
}
|
|
66
|
-
.#{$namespace}-zoom-in-bottom-enter-from,
|
|
67
|
-
.#{$namespace}-zoom-in-bottom-leave-active {
|
|
68
|
-
opacity: 0;
|
|
69
|
-
transform: scaleY(0);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.#{$namespace}-zoom-in-left-enter-active,
|
|
73
|
-
.#{$namespace}-zoom-in-left-leave-active {
|
|
74
|
-
opacity: 1;
|
|
75
|
-
transform: scale(1, 1);
|
|
76
|
-
transition: getCssVar('transition-md-fade');
|
|
77
|
-
transform-origin: top left;
|
|
78
|
-
}
|
|
79
|
-
.#{$namespace}-zoom-in-left-enter-from,
|
|
80
|
-
.#{$namespace}-zoom-in-left-leave-active {
|
|
81
|
-
opacity: 0;
|
|
82
|
-
transform: scale(0.45, 0.45);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.collapse-transition {
|
|
86
|
-
transition: getCssVar('transition-duration') height ease-in-out, getCssVar('transition-duration') padding-top ease-in-out,
|
|
87
|
-
getCssVar('transition-duration') padding-bottom ease-in-out;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.#{$namespace}-collapse-transition-leave-active,
|
|
91
|
-
.#{$namespace}-collapse-transition-enter-active {
|
|
92
|
-
transition: getCssVar('transition-duration') max-height ease-in-out, getCssVar('transition-duration') padding-top ease-in-out,
|
|
93
|
-
getCssVar('transition-duration') padding-bottom ease-in-out;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.horizontal-collapse-transition {
|
|
97
|
-
transition: getCssVar('transition-duration') width ease-in-out, getCssVar('transition-duration') padding-left ease-in-out,
|
|
98
|
-
getCssVar('transition-duration') padding-right ease-in-out;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.#{$namespace}-list-enter-active,
|
|
102
|
-
.#{$namespace}-list-leave-active {
|
|
103
|
-
transition: all 1s;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.#{$namespace}-list-enter-from,
|
|
107
|
-
.#{$namespace}-list-leave-to {
|
|
108
|
-
opacity: 0;
|
|
109
|
-
transform: translateY(-30px);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.#{$namespace}-list-leave-active {
|
|
113
|
-
position: absolute !important;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.#{$namespace}-opacity-transition {
|
|
117
|
-
transition: opacity getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
|
|
118
|
-
}
|