@king-one/antdv 1.0.13 → 1.0.14
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/CHANGELOG.md +6 -0
- package/dist/cdn/index.css +1 -1
- package/dist/es/components/collapse-transtion/hooks/use-collapse-transtion.d.ts +12 -0
- package/dist/es/components/collapse-transtion/hooks/use-collapse-transtion.mjs +134 -0
- package/dist/es/components/collapse-transtion/hooks/use-collapse-transtion.mjs.map +1 -0
- package/dist/es/components/collapse-transtion/index.d.ts +28 -0
- package/dist/es/components/collapse-transtion/index.mjs +9 -0
- package/dist/es/components/collapse-transtion/index.mjs.map +1 -0
- package/dist/es/components/collapse-transtion/src/collapse-transtion.vue.d.ts +27 -0
- package/dist/es/components/collapse-transtion/src/collapse-transtion.vue.mjs +6 -0
- package/dist/es/components/collapse-transtion/src/collapse-transtion.vue.mjs.map +1 -0
- package/dist/es/components/collapse-transtion/src/collapse-transtion.vue2.mjs +30 -0
- package/dist/es/components/collapse-transtion/src/collapse-transtion.vue2.mjs.map +1 -0
- package/dist/es/components/collapse-transtion/src/types.d.ts +8 -0
- package/dist/es/components/collapse-transtion/src/types.mjs +9 -0
- package/dist/es/components/collapse-transtion/src/types.mjs.map +1 -0
- package/dist/es/components/collapse-transtion/style/index.mjs +3 -0
- package/dist/es/components/collapse-transtion/style/index.mjs.map +1 -0
- package/dist/lib/components/collapse-transtion/hooks/use-collapse-transtion.d.ts +12 -0
- package/dist/lib/components/collapse-transtion/hooks/use-collapse-transtion.js +136 -0
- package/dist/lib/components/collapse-transtion/hooks/use-collapse-transtion.js.map +1 -0
- package/dist/lib/components/collapse-transtion/index.d.ts +28 -0
- package/dist/lib/components/collapse-transtion/index.js +15 -0
- package/dist/lib/components/collapse-transtion/index.js.map +1 -0
- package/dist/lib/components/collapse-transtion/src/collapse-transtion.vue.d.ts +27 -0
- package/dist/lib/components/collapse-transtion/src/collapse-transtion.vue.js +10 -0
- package/dist/lib/components/collapse-transtion/src/collapse-transtion.vue.js.map +1 -0
- package/dist/lib/components/collapse-transtion/src/collapse-transtion.vue2.js +34 -0
- package/dist/lib/components/collapse-transtion/src/collapse-transtion.vue2.js.map +1 -0
- package/dist/lib/components/collapse-transtion/src/types.d.ts +8 -0
- package/dist/lib/components/collapse-transtion/src/types.js +11 -0
- package/dist/lib/components/collapse-transtion/src/types.js.map +1 -0
- package/dist/lib/components/collapse-transtion/style/index.js +6 -0
- package/dist/lib/components/collapse-transtion/style/index.js.map +1 -0
- package/dist/theme-chalk/base.css +1 -1
- package/dist/theme-chalk/collapse-transtion.css +1 -0
- package/dist/theme-chalk/index.css +1 -1
- package/dist/theme-chalk/var.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/cdn/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-rail{position:absolute;right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail__scrollbar{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}
|
|
1
|
+
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-rail{position:absolute;right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail__scrollbar{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { RendererElement } from 'vue';
|
|
2
|
+
import type { ExtractProps } from '../src/types';
|
|
3
|
+
export declare function useCollapseTranstion(props: ExtractProps): {
|
|
4
|
+
beforeEnter(el: RendererElement): void;
|
|
5
|
+
enter(el: RendererElement): void;
|
|
6
|
+
afterEnter(el: RendererElement): void;
|
|
7
|
+
enterCancelled(el: RendererElement): void;
|
|
8
|
+
beforeLeave(el: RendererElement): void;
|
|
9
|
+
leave(el: RendererElement): void;
|
|
10
|
+
afterLeave(el: RendererElement): void;
|
|
11
|
+
leaveCancelled(el: RendererElement): void;
|
|
12
|
+
};
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
function hreset(el) {
|
|
2
|
+
el.style.maxHeight = "";
|
|
3
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
4
|
+
el.style.paddingTop = el.dataset.oldPaddingTop;
|
|
5
|
+
el.style.paddingBottom = el.dataset.oldPaddingBottom;
|
|
6
|
+
}
|
|
7
|
+
function wreset(el) {
|
|
8
|
+
el.style.maxWidth = "";
|
|
9
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
10
|
+
el.style.paddingLeft = el.dataset.oldPaddingLeft;
|
|
11
|
+
el.style.paddingRight = el.dataset.oldPaddingRight;
|
|
12
|
+
}
|
|
13
|
+
const onheight = {
|
|
14
|
+
beforeEnter(el) {
|
|
15
|
+
if (!el.dataset)
|
|
16
|
+
el.dataset = {};
|
|
17
|
+
el.dataset.oldPaddingTop = el.style.paddingTop;
|
|
18
|
+
el.dataset.oldPaddingBottom = el.style.paddingBottom;
|
|
19
|
+
if (el.style.height) {
|
|
20
|
+
el.dataset.elExistsHeight = el.style.height;
|
|
21
|
+
}
|
|
22
|
+
el.style.maxHeight = 0;
|
|
23
|
+
el.style.paddingTop = 0;
|
|
24
|
+
el.style.paddingBottom = 0;
|
|
25
|
+
},
|
|
26
|
+
enter(el) {
|
|
27
|
+
requestAnimationFrame(() => {
|
|
28
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
29
|
+
if (el.dataset.elExistsHeight) {
|
|
30
|
+
el.style.maxHeight = el.dataset.elExistsHeight;
|
|
31
|
+
} else if (el.scrollHeight !== 0) {
|
|
32
|
+
el.style.maxHeight = `${el.scrollHeight}px`;
|
|
33
|
+
} else {
|
|
34
|
+
el.style.maxHeight = 0;
|
|
35
|
+
}
|
|
36
|
+
el.style.paddingTop = el.dataset.oldPaddingTop;
|
|
37
|
+
el.style.paddingBottom = el.dataset.oldPaddingBottom;
|
|
38
|
+
el.style.overflow = "hidden";
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
afterEnter(el) {
|
|
42
|
+
el.style.maxHeight = "";
|
|
43
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
44
|
+
},
|
|
45
|
+
enterCancelled(el) {
|
|
46
|
+
hreset(el);
|
|
47
|
+
},
|
|
48
|
+
beforeLeave(el) {
|
|
49
|
+
if (!el.dataset)
|
|
50
|
+
el.dataset = {};
|
|
51
|
+
el.dataset.oldPaddingTop = el.style.paddingTop;
|
|
52
|
+
el.dataset.oldPaddingBottom = el.style.paddingBottom;
|
|
53
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
54
|
+
el.style.maxHeight = `${el.scrollHeight}px`;
|
|
55
|
+
el.style.overflow = "hidden";
|
|
56
|
+
},
|
|
57
|
+
leave(el) {
|
|
58
|
+
if (el.scrollHeight !== 0) {
|
|
59
|
+
el.style.maxHeight = 0;
|
|
60
|
+
el.style.paddingTop = 0;
|
|
61
|
+
el.style.paddingBottom = 0;
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
afterLeave(el) {
|
|
65
|
+
hreset(el);
|
|
66
|
+
},
|
|
67
|
+
leaveCancelled(el) {
|
|
68
|
+
hreset(el);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
const onwidth = {
|
|
72
|
+
beforeEnter(el) {
|
|
73
|
+
if (!el.dataset)
|
|
74
|
+
el.dataset = {};
|
|
75
|
+
el.dataset.oldPaddingLeft = el.style.paddingLeft;
|
|
76
|
+
el.dataset.oldPaddingRight = el.style.paddingRight;
|
|
77
|
+
if (el.style.width) {
|
|
78
|
+
el.dataset.elExistsWidth = el.style.width;
|
|
79
|
+
}
|
|
80
|
+
el.style.maxWidth = 0;
|
|
81
|
+
el.style.paddingLeft = 0;
|
|
82
|
+
el.style.paddingRight = 0;
|
|
83
|
+
},
|
|
84
|
+
enter(el) {
|
|
85
|
+
requestAnimationFrame(() => {
|
|
86
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
87
|
+
if (el.dataset.elExistsWidth) {
|
|
88
|
+
el.style.maxWidth = el.dataset.elExistsWidth;
|
|
89
|
+
} else if (el.scrollWidth !== 0) {
|
|
90
|
+
el.style.maxWidth = `${el.scrollWidth}px`;
|
|
91
|
+
} else {
|
|
92
|
+
el.style.maxWidth = 0;
|
|
93
|
+
}
|
|
94
|
+
el.style.paddingLeft = el.dataset.oldPaddingLeft;
|
|
95
|
+
el.style.paddingRight = el.dataset.oldPaddingRight;
|
|
96
|
+
el.style.overflow = "hidden";
|
|
97
|
+
});
|
|
98
|
+
},
|
|
99
|
+
afterEnter(el) {
|
|
100
|
+
el.style.maxWidth = "";
|
|
101
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
102
|
+
},
|
|
103
|
+
enterCancelled(el) {
|
|
104
|
+
wreset(el);
|
|
105
|
+
},
|
|
106
|
+
beforeLeave(el) {
|
|
107
|
+
if (!el.dataset)
|
|
108
|
+
el.dataset = {};
|
|
109
|
+
el.dataset.oldPaddingTop = el.style.paddingTop;
|
|
110
|
+
el.dataset.oldPaddingRight = el.style.paddingRight;
|
|
111
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
112
|
+
el.style.maxWidth = `${el.scrollWidth}px`;
|
|
113
|
+
el.style.overflow = "hidden";
|
|
114
|
+
},
|
|
115
|
+
leave(el) {
|
|
116
|
+
if (el.scrollWidth !== 0) {
|
|
117
|
+
el.style.maxWidth = 0;
|
|
118
|
+
el.style.paddingTop = 0;
|
|
119
|
+
el.style.paddingRight = 0;
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
afterLeave(el) {
|
|
123
|
+
wreset(el);
|
|
124
|
+
},
|
|
125
|
+
leaveCancelled(el) {
|
|
126
|
+
wreset(el);
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
function useCollapseTranstion(props) {
|
|
130
|
+
return props.mode === "vertical" ? onheight : onwidth;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
export { useCollapseTranstion };
|
|
134
|
+
//# sourceMappingURL=use-collapse-transtion.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-collapse-transtion.mjs","sources":["../../../../../components/collapse-transtion/hooks/use-collapse-transtion.ts"],"sourcesContent":["import type { RendererElement } from 'vue'\nimport type { ExtractProps } from '../src/types'\n\nfunction hreset(el: RendererElement) {\n el.style.maxHeight = ''\n el.style.overflow = el.dataset.oldOverflow\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n}\nfunction wreset(el: RendererElement) {\n el.style.maxWidth = ''\n el.style.overflow = el.dataset.oldOverflow\n el.style.paddingLeft = el.dataset.oldPaddingLeft\n el.style.paddingRight = el.dataset.oldPaddingRight\n}\n\nconst onheight = {\n beforeEnter(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingBottom = el.style.paddingBottom\n if (el.style.height) {\n el.dataset.elExistsHeight = el.style.height\n }\n\n el.style.maxHeight = 0\n el.style.paddingTop = 0\n el.style.paddingBottom = 0\n },\n\n enter(el: RendererElement) {\n requestAnimationFrame(() => {\n el.dataset.oldOverflow = el.style.overflow\n if (el.dataset.elExistsHeight) {\n el.style.maxHeight = el.dataset.elExistsHeight\n }\n else if (el.scrollHeight !== 0) {\n el.style.maxHeight = `${el.scrollHeight}px`\n }\n else {\n el.style.maxHeight = 0\n }\n\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n el.style.overflow = 'hidden'\n })\n },\n\n afterEnter(el: RendererElement) {\n el.style.maxHeight = ''\n el.style.overflow = el.dataset.oldOverflow\n },\n\n enterCancelled(el: RendererElement) {\n hreset(el)\n },\n\n beforeLeave(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingBottom = el.style.paddingBottom\n el.dataset.oldOverflow = el.style.overflow\n\n el.style.maxHeight = `${el.scrollHeight}px`\n el.style.overflow = 'hidden'\n },\n\n leave(el: RendererElement) {\n if (el.scrollHeight !== 0) {\n el.style.maxHeight = 0\n el.style.paddingTop = 0\n el.style.paddingBottom = 0\n }\n },\n\n afterLeave(el: RendererElement) {\n hreset(el)\n },\n\n leaveCancelled(el: RendererElement) {\n hreset(el)\n }\n}\nconst onwidth = {\n beforeEnter(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n\n el.dataset.oldPaddingLeft = el.style.paddingLeft\n el.dataset.oldPaddingRight = el.style.paddingRight\n if (el.style.width) {\n el.dataset.elExistsWidth = el.style.width\n }\n\n el.style.maxWidth = 0\n el.style.paddingLeft = 0\n el.style.paddingRight = 0\n },\n\n enter(el: RendererElement) {\n requestAnimationFrame(() => {\n el.dataset.oldOverflow = el.style.overflow\n if (el.dataset.elExistsWidth) {\n el.style.maxWidth = el.dataset.elExistsWidth\n }\n else if (el.scrollWidth !== 0) {\n el.style.maxWidth = `${el.scrollWidth}px`\n }\n else {\n el.style.maxWidth = 0\n }\n\n el.style.paddingLeft = el.dataset.oldPaddingLeft\n el.style.paddingRight = el.dataset.oldPaddingRight\n el.style.overflow = 'hidden'\n })\n },\n\n afterEnter(el: RendererElement) {\n el.style.maxWidth = ''\n el.style.overflow = el.dataset.oldOverflow\n },\n\n enterCancelled(el: RendererElement) {\n wreset(el)\n },\n\n beforeLeave(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingRight = el.style.paddingRight\n el.dataset.oldOverflow = el.style.overflow\n\n el.style.maxWidth = `${el.scrollWidth}px`\n el.style.overflow = 'hidden'\n },\n\n leave(el: RendererElement) {\n if (el.scrollWidth !== 0) {\n el.style.maxWidth = 0\n el.style.paddingTop = 0\n el.style.paddingRight = 0\n }\n },\n\n afterLeave(el: RendererElement) {\n wreset(el)\n },\n\n leaveCancelled(el: RendererElement) {\n wreset(el)\n }\n}\nexport function useCollapseTranstion(props: ExtractProps) {\n return props.mode === 'vertical' ? onheight : onwidth\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export * from './src/types';
|
|
2
|
+
export declare const KCollapseTranstion: import("../utils/install").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
readonly mode: {
|
|
4
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
5
|
+
readonly required: true;
|
|
6
|
+
};
|
|
7
|
+
}, {
|
|
8
|
+
props: import("@vue/shared").LooseRequired<{
|
|
9
|
+
readonly mode: "horizontal" | "vertical";
|
|
10
|
+
} & {}>;
|
|
11
|
+
on: {
|
|
12
|
+
beforeEnter(el: import("vue").RendererElement): void;
|
|
13
|
+
enter(el: import("vue").RendererElement): void;
|
|
14
|
+
afterEnter(el: import("vue").RendererElement): void;
|
|
15
|
+
enterCancelled(el: import("vue").RendererElement): void;
|
|
16
|
+
beforeLeave(el: import("vue").RendererElement): void;
|
|
17
|
+
leave(el: import("vue").RendererElement): void;
|
|
18
|
+
afterLeave(el: import("vue").RendererElement): void;
|
|
19
|
+
leaveCancelled(el: import("vue").RendererElement): void;
|
|
20
|
+
};
|
|
21
|
+
readonly defaultNamespace: string;
|
|
22
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
readonly mode: {
|
|
24
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
25
|
+
readonly required: true;
|
|
26
|
+
};
|
|
27
|
+
}>>, {}, {}>>;
|
|
28
|
+
export default KCollapseTranstion;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { withInstall } from '../utils/install.mjs';
|
|
2
|
+
import './src/collapse-transtion.vue.mjs';
|
|
3
|
+
export { collapseProps } from './src/types.mjs';
|
|
4
|
+
import _sfc_main from './src/collapse-transtion.vue2.mjs';
|
|
5
|
+
|
|
6
|
+
const KCollapseTranstion = withInstall(_sfc_main);
|
|
7
|
+
|
|
8
|
+
export { KCollapseTranstion, KCollapseTranstion as default };
|
|
9
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../components/collapse-transtion/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install'\nimport CollapseTranstion from './src/collapse-transtion.vue'\n\nexport * from './src/types'\nexport const KCollapseTranstion = withInstall(CollapseTranstion)\nexport default KCollapseTranstion\n"],"names":["CollapseTranstion"],"mappings":";;;;;AAIa,MAAA,kBAAA,GAAqB,YAAYA,SAAiB;;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
readonly mode: {
|
|
3
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
4
|
+
readonly required: true;
|
|
5
|
+
};
|
|
6
|
+
}, {
|
|
7
|
+
props: import("@vue/shared").LooseRequired<{
|
|
8
|
+
readonly mode: "horizontal" | "vertical";
|
|
9
|
+
} & {}>;
|
|
10
|
+
on: {
|
|
11
|
+
beforeEnter(el: import("vue").RendererElement): void;
|
|
12
|
+
enter(el: import("vue").RendererElement): void;
|
|
13
|
+
afterEnter(el: import("vue").RendererElement): void;
|
|
14
|
+
enterCancelled(el: import("vue").RendererElement): void;
|
|
15
|
+
beforeLeave(el: import("vue").RendererElement): void;
|
|
16
|
+
leave(el: import("vue").RendererElement): void;
|
|
17
|
+
afterLeave(el: import("vue").RendererElement): void;
|
|
18
|
+
leaveCancelled(el: import("vue").RendererElement): void;
|
|
19
|
+
};
|
|
20
|
+
readonly defaultNamespace: string;
|
|
21
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
readonly mode: {
|
|
23
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
24
|
+
readonly required: true;
|
|
25
|
+
};
|
|
26
|
+
}>>, {}, {}>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapse-transtion.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createBlock, Transition, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { defaultNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
3
|
+
import { useCollapseTranstion } from '../hooks/use-collapse-transtion.mjs';
|
|
4
|
+
import { collapseProps } from './types.mjs';
|
|
5
|
+
|
|
6
|
+
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
...{
|
|
8
|
+
name: "CollapseTransition"
|
|
9
|
+
},
|
|
10
|
+
__name: "collapse-transtion",
|
|
11
|
+
props: collapseProps,
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const on = useCollapseTranstion(props);
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createBlock(Transition, mergeProps({
|
|
17
|
+
name: _ctx.mode === "horizontal" ? `${unref(defaultNamespace)}-horizontal-transition` : `${unref(defaultNamespace)}-vertical-transition`
|
|
18
|
+
}, toHandlers(unref(on))), {
|
|
19
|
+
default: withCtx(() => [
|
|
20
|
+
renderSlot(_ctx.$slots, "default")
|
|
21
|
+
]),
|
|
22
|
+
_: 3
|
|
23
|
+
/* FORWARDED */
|
|
24
|
+
}, 16, ["name"]);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
export { _sfc_main as default };
|
|
30
|
+
//# sourceMappingURL=collapse-transtion.vue2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapse-transtion.vue2.mjs","sources":["../../../../../components/collapse-transtion/src/collapse-transtion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { defaultNamespace } from '@king-one/antdv/hooks/use-namespace'\nimport { useCollapseTranstion } from '../hooks/use-collapse-transtion'\nimport { collapseProps } from './types'\n\ndefineOptions({\n name: 'CollapseTransition'\n})\n\nconst props = defineProps(collapseProps)\n\nconst on = useCollapseTranstion(props)\n</script>\n\n<template>\n <Transition :name=\"mode === 'horizontal' ? `${defaultNamespace}-horizontal-transition` : `${defaultNamespace}-vertical-transition`\" v-on=\"on\">\n <slot />\n </Transition>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,EAAA,GAAK,qBAAqB,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
export declare const collapseProps: {
|
|
3
|
+
readonly mode: {
|
|
4
|
+
readonly type: PropType<"horizontal" | "vertical">;
|
|
5
|
+
readonly required: true;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
export type ExtractProps = ExtractPropTypes<typeof collapseProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.mjs","sources":["../../../../../components/collapse-transtion/src/types.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\n\nexport const collapseProps = {\n mode: {\n type: String as PropType<'horizontal' | 'vertical'>,\n required: true\n }\n} as const\nexport type ExtractProps = ExtractPropTypes<typeof collapseProps>\n"],"names":[],"mappings":"AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { RendererElement } from 'vue';
|
|
2
|
+
import type { ExtractProps } from '../src/types';
|
|
3
|
+
export declare function useCollapseTranstion(props: ExtractProps): {
|
|
4
|
+
beforeEnter(el: RendererElement): void;
|
|
5
|
+
enter(el: RendererElement): void;
|
|
6
|
+
afterEnter(el: RendererElement): void;
|
|
7
|
+
enterCancelled(el: RendererElement): void;
|
|
8
|
+
beforeLeave(el: RendererElement): void;
|
|
9
|
+
leave(el: RendererElement): void;
|
|
10
|
+
afterLeave(el: RendererElement): void;
|
|
11
|
+
leaveCancelled(el: RendererElement): void;
|
|
12
|
+
};
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function hreset(el) {
|
|
4
|
+
el.style.maxHeight = "";
|
|
5
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
6
|
+
el.style.paddingTop = el.dataset.oldPaddingTop;
|
|
7
|
+
el.style.paddingBottom = el.dataset.oldPaddingBottom;
|
|
8
|
+
}
|
|
9
|
+
function wreset(el) {
|
|
10
|
+
el.style.maxWidth = "";
|
|
11
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
12
|
+
el.style.paddingLeft = el.dataset.oldPaddingLeft;
|
|
13
|
+
el.style.paddingRight = el.dataset.oldPaddingRight;
|
|
14
|
+
}
|
|
15
|
+
const onheight = {
|
|
16
|
+
beforeEnter(el) {
|
|
17
|
+
if (!el.dataset)
|
|
18
|
+
el.dataset = {};
|
|
19
|
+
el.dataset.oldPaddingTop = el.style.paddingTop;
|
|
20
|
+
el.dataset.oldPaddingBottom = el.style.paddingBottom;
|
|
21
|
+
if (el.style.height) {
|
|
22
|
+
el.dataset.elExistsHeight = el.style.height;
|
|
23
|
+
}
|
|
24
|
+
el.style.maxHeight = 0;
|
|
25
|
+
el.style.paddingTop = 0;
|
|
26
|
+
el.style.paddingBottom = 0;
|
|
27
|
+
},
|
|
28
|
+
enter(el) {
|
|
29
|
+
requestAnimationFrame(() => {
|
|
30
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
31
|
+
if (el.dataset.elExistsHeight) {
|
|
32
|
+
el.style.maxHeight = el.dataset.elExistsHeight;
|
|
33
|
+
} else if (el.scrollHeight !== 0) {
|
|
34
|
+
el.style.maxHeight = `${el.scrollHeight}px`;
|
|
35
|
+
} else {
|
|
36
|
+
el.style.maxHeight = 0;
|
|
37
|
+
}
|
|
38
|
+
el.style.paddingTop = el.dataset.oldPaddingTop;
|
|
39
|
+
el.style.paddingBottom = el.dataset.oldPaddingBottom;
|
|
40
|
+
el.style.overflow = "hidden";
|
|
41
|
+
});
|
|
42
|
+
},
|
|
43
|
+
afterEnter(el) {
|
|
44
|
+
el.style.maxHeight = "";
|
|
45
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
46
|
+
},
|
|
47
|
+
enterCancelled(el) {
|
|
48
|
+
hreset(el);
|
|
49
|
+
},
|
|
50
|
+
beforeLeave(el) {
|
|
51
|
+
if (!el.dataset)
|
|
52
|
+
el.dataset = {};
|
|
53
|
+
el.dataset.oldPaddingTop = el.style.paddingTop;
|
|
54
|
+
el.dataset.oldPaddingBottom = el.style.paddingBottom;
|
|
55
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
56
|
+
el.style.maxHeight = `${el.scrollHeight}px`;
|
|
57
|
+
el.style.overflow = "hidden";
|
|
58
|
+
},
|
|
59
|
+
leave(el) {
|
|
60
|
+
if (el.scrollHeight !== 0) {
|
|
61
|
+
el.style.maxHeight = 0;
|
|
62
|
+
el.style.paddingTop = 0;
|
|
63
|
+
el.style.paddingBottom = 0;
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
afterLeave(el) {
|
|
67
|
+
hreset(el);
|
|
68
|
+
},
|
|
69
|
+
leaveCancelled(el) {
|
|
70
|
+
hreset(el);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
const onwidth = {
|
|
74
|
+
beforeEnter(el) {
|
|
75
|
+
if (!el.dataset)
|
|
76
|
+
el.dataset = {};
|
|
77
|
+
el.dataset.oldPaddingLeft = el.style.paddingLeft;
|
|
78
|
+
el.dataset.oldPaddingRight = el.style.paddingRight;
|
|
79
|
+
if (el.style.width) {
|
|
80
|
+
el.dataset.elExistsWidth = el.style.width;
|
|
81
|
+
}
|
|
82
|
+
el.style.maxWidth = 0;
|
|
83
|
+
el.style.paddingLeft = 0;
|
|
84
|
+
el.style.paddingRight = 0;
|
|
85
|
+
},
|
|
86
|
+
enter(el) {
|
|
87
|
+
requestAnimationFrame(() => {
|
|
88
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
89
|
+
if (el.dataset.elExistsWidth) {
|
|
90
|
+
el.style.maxWidth = el.dataset.elExistsWidth;
|
|
91
|
+
} else if (el.scrollWidth !== 0) {
|
|
92
|
+
el.style.maxWidth = `${el.scrollWidth}px`;
|
|
93
|
+
} else {
|
|
94
|
+
el.style.maxWidth = 0;
|
|
95
|
+
}
|
|
96
|
+
el.style.paddingLeft = el.dataset.oldPaddingLeft;
|
|
97
|
+
el.style.paddingRight = el.dataset.oldPaddingRight;
|
|
98
|
+
el.style.overflow = "hidden";
|
|
99
|
+
});
|
|
100
|
+
},
|
|
101
|
+
afterEnter(el) {
|
|
102
|
+
el.style.maxWidth = "";
|
|
103
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
104
|
+
},
|
|
105
|
+
enterCancelled(el) {
|
|
106
|
+
wreset(el);
|
|
107
|
+
},
|
|
108
|
+
beforeLeave(el) {
|
|
109
|
+
if (!el.dataset)
|
|
110
|
+
el.dataset = {};
|
|
111
|
+
el.dataset.oldPaddingTop = el.style.paddingTop;
|
|
112
|
+
el.dataset.oldPaddingRight = el.style.paddingRight;
|
|
113
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
114
|
+
el.style.maxWidth = `${el.scrollWidth}px`;
|
|
115
|
+
el.style.overflow = "hidden";
|
|
116
|
+
},
|
|
117
|
+
leave(el) {
|
|
118
|
+
if (el.scrollWidth !== 0) {
|
|
119
|
+
el.style.maxWidth = 0;
|
|
120
|
+
el.style.paddingTop = 0;
|
|
121
|
+
el.style.paddingRight = 0;
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
afterLeave(el) {
|
|
125
|
+
wreset(el);
|
|
126
|
+
},
|
|
127
|
+
leaveCancelled(el) {
|
|
128
|
+
wreset(el);
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
function useCollapseTranstion(props) {
|
|
132
|
+
return props.mode === "vertical" ? onheight : onwidth;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
exports.useCollapseTranstion = useCollapseTranstion;
|
|
136
|
+
//# sourceMappingURL=use-collapse-transtion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-collapse-transtion.js","sources":["../../../../../components/collapse-transtion/hooks/use-collapse-transtion.ts"],"sourcesContent":["import type { RendererElement } from 'vue'\nimport type { ExtractProps } from '../src/types'\n\nfunction hreset(el: RendererElement) {\n el.style.maxHeight = ''\n el.style.overflow = el.dataset.oldOverflow\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n}\nfunction wreset(el: RendererElement) {\n el.style.maxWidth = ''\n el.style.overflow = el.dataset.oldOverflow\n el.style.paddingLeft = el.dataset.oldPaddingLeft\n el.style.paddingRight = el.dataset.oldPaddingRight\n}\n\nconst onheight = {\n beforeEnter(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingBottom = el.style.paddingBottom\n if (el.style.height) {\n el.dataset.elExistsHeight = el.style.height\n }\n\n el.style.maxHeight = 0\n el.style.paddingTop = 0\n el.style.paddingBottom = 0\n },\n\n enter(el: RendererElement) {\n requestAnimationFrame(() => {\n el.dataset.oldOverflow = el.style.overflow\n if (el.dataset.elExistsHeight) {\n el.style.maxHeight = el.dataset.elExistsHeight\n }\n else if (el.scrollHeight !== 0) {\n el.style.maxHeight = `${el.scrollHeight}px`\n }\n else {\n el.style.maxHeight = 0\n }\n\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n el.style.overflow = 'hidden'\n })\n },\n\n afterEnter(el: RendererElement) {\n el.style.maxHeight = ''\n el.style.overflow = el.dataset.oldOverflow\n },\n\n enterCancelled(el: RendererElement) {\n hreset(el)\n },\n\n beforeLeave(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingBottom = el.style.paddingBottom\n el.dataset.oldOverflow = el.style.overflow\n\n el.style.maxHeight = `${el.scrollHeight}px`\n el.style.overflow = 'hidden'\n },\n\n leave(el: RendererElement) {\n if (el.scrollHeight !== 0) {\n el.style.maxHeight = 0\n el.style.paddingTop = 0\n el.style.paddingBottom = 0\n }\n },\n\n afterLeave(el: RendererElement) {\n hreset(el)\n },\n\n leaveCancelled(el: RendererElement) {\n hreset(el)\n }\n}\nconst onwidth = {\n beforeEnter(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n\n el.dataset.oldPaddingLeft = el.style.paddingLeft\n el.dataset.oldPaddingRight = el.style.paddingRight\n if (el.style.width) {\n el.dataset.elExistsWidth = el.style.width\n }\n\n el.style.maxWidth = 0\n el.style.paddingLeft = 0\n el.style.paddingRight = 0\n },\n\n enter(el: RendererElement) {\n requestAnimationFrame(() => {\n el.dataset.oldOverflow = el.style.overflow\n if (el.dataset.elExistsWidth) {\n el.style.maxWidth = el.dataset.elExistsWidth\n }\n else if (el.scrollWidth !== 0) {\n el.style.maxWidth = `${el.scrollWidth}px`\n }\n else {\n el.style.maxWidth = 0\n }\n\n el.style.paddingLeft = el.dataset.oldPaddingLeft\n el.style.paddingRight = el.dataset.oldPaddingRight\n el.style.overflow = 'hidden'\n })\n },\n\n afterEnter(el: RendererElement) {\n el.style.maxWidth = ''\n el.style.overflow = el.dataset.oldOverflow\n },\n\n enterCancelled(el: RendererElement) {\n wreset(el)\n },\n\n beforeLeave(el: RendererElement) {\n if (!el.dataset)\n el.dataset = {}\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingRight = el.style.paddingRight\n el.dataset.oldOverflow = el.style.overflow\n\n el.style.maxWidth = `${el.scrollWidth}px`\n el.style.overflow = 'hidden'\n },\n\n leave(el: RendererElement) {\n if (el.scrollWidth !== 0) {\n el.style.maxWidth = 0\n el.style.paddingTop = 0\n el.style.paddingRight = 0\n }\n },\n\n afterLeave(el: RendererElement) {\n wreset(el)\n },\n\n leaveCancelled(el: RendererElement) {\n wreset(el)\n }\n}\nexport function useCollapseTranstion(props: ExtractProps) {\n return props.mode === 'vertical' ? onheight : onwidth\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export * from './src/types';
|
|
2
|
+
export declare const KCollapseTranstion: import("../utils/install").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
readonly mode: {
|
|
4
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
5
|
+
readonly required: true;
|
|
6
|
+
};
|
|
7
|
+
}, {
|
|
8
|
+
props: import("@vue/shared").LooseRequired<{
|
|
9
|
+
readonly mode: "horizontal" | "vertical";
|
|
10
|
+
} & {}>;
|
|
11
|
+
on: {
|
|
12
|
+
beforeEnter(el: import("vue").RendererElement): void;
|
|
13
|
+
enter(el: import("vue").RendererElement): void;
|
|
14
|
+
afterEnter(el: import("vue").RendererElement): void;
|
|
15
|
+
enterCancelled(el: import("vue").RendererElement): void;
|
|
16
|
+
beforeLeave(el: import("vue").RendererElement): void;
|
|
17
|
+
leave(el: import("vue").RendererElement): void;
|
|
18
|
+
afterLeave(el: import("vue").RendererElement): void;
|
|
19
|
+
leaveCancelled(el: import("vue").RendererElement): void;
|
|
20
|
+
};
|
|
21
|
+
readonly defaultNamespace: string;
|
|
22
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
readonly mode: {
|
|
24
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
25
|
+
readonly required: true;
|
|
26
|
+
};
|
|
27
|
+
}>>, {}, {}>>;
|
|
28
|
+
export default KCollapseTranstion;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var install = require('../utils/install.js');
|
|
6
|
+
require('./src/collapse-transtion.vue.js');
|
|
7
|
+
var types = require('./src/types.js');
|
|
8
|
+
var collapseTranstion_vue_vue_type_script_setup_true_lang = require('./src/collapse-transtion.vue2.js');
|
|
9
|
+
|
|
10
|
+
const KCollapseTranstion = install.withInstall(collapseTranstion_vue_vue_type_script_setup_true_lang.default);
|
|
11
|
+
|
|
12
|
+
exports.collapseProps = types.collapseProps;
|
|
13
|
+
exports.KCollapseTranstion = KCollapseTranstion;
|
|
14
|
+
exports.default = KCollapseTranstion;
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../components/collapse-transtion/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install'\nimport CollapseTranstion from './src/collapse-transtion.vue'\n\nexport * from './src/types'\nexport const KCollapseTranstion = withInstall(CollapseTranstion)\nexport default KCollapseTranstion\n"],"names":["withInstall","CollapseTranstion"],"mappings":";;;;;;;;;AAIa,MAAA,kBAAA,GAAqBA,oBAAYC,6DAAiB;;;;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
readonly mode: {
|
|
3
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
4
|
+
readonly required: true;
|
|
5
|
+
};
|
|
6
|
+
}, {
|
|
7
|
+
props: import("@vue/shared").LooseRequired<{
|
|
8
|
+
readonly mode: "horizontal" | "vertical";
|
|
9
|
+
} & {}>;
|
|
10
|
+
on: {
|
|
11
|
+
beforeEnter(el: import("vue").RendererElement): void;
|
|
12
|
+
enter(el: import("vue").RendererElement): void;
|
|
13
|
+
afterEnter(el: import("vue").RendererElement): void;
|
|
14
|
+
enterCancelled(el: import("vue").RendererElement): void;
|
|
15
|
+
beforeLeave(el: import("vue").RendererElement): void;
|
|
16
|
+
leave(el: import("vue").RendererElement): void;
|
|
17
|
+
afterLeave(el: import("vue").RendererElement): void;
|
|
18
|
+
leaveCancelled(el: import("vue").RendererElement): void;
|
|
19
|
+
};
|
|
20
|
+
readonly defaultNamespace: string;
|
|
21
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
readonly mode: {
|
|
23
|
+
readonly type: import("vue").PropType<"horizontal" | "vertical">;
|
|
24
|
+
readonly required: true;
|
|
25
|
+
};
|
|
26
|
+
}>>, {}, {}>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var collapseTranstion_vue_vue_type_script_setup_true_lang = require('./collapse-transtion.vue2.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = collapseTranstion_vue_vue_type_script_setup_true_lang.default;
|
|
10
|
+
//# sourceMappingURL=collapse-transtion.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapse-transtion.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
7
|
+
var useCollapseTranstion = require('../hooks/use-collapse-transtion.js');
|
|
8
|
+
var types = require('./types.js');
|
|
9
|
+
|
|
10
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
...{
|
|
12
|
+
name: "CollapseTransition"
|
|
13
|
+
},
|
|
14
|
+
__name: "collapse-transtion",
|
|
15
|
+
props: types.collapseProps,
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const on = useCollapseTranstion.useCollapseTranstion(props);
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
|
|
21
|
+
name: _ctx.mode === "horizontal" ? `${vue.unref(index.defaultNamespace)}-horizontal-transition` : `${vue.unref(index.defaultNamespace)}-vertical-transition`
|
|
22
|
+
}, vue.toHandlers(vue.unref(on))), {
|
|
23
|
+
default: vue.withCtx(() => [
|
|
24
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
25
|
+
]),
|
|
26
|
+
_: 3
|
|
27
|
+
/* FORWARDED */
|
|
28
|
+
}, 16, ["name"]);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
exports.default = _sfc_main;
|
|
34
|
+
//# sourceMappingURL=collapse-transtion.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapse-transtion.vue2.js","sources":["../../../../../components/collapse-transtion/src/collapse-transtion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { defaultNamespace } from '@king-one/antdv/hooks/use-namespace'\nimport { useCollapseTranstion } from '../hooks/use-collapse-transtion'\nimport { collapseProps } from './types'\n\ndefineOptions({\n name: 'CollapseTransition'\n})\n\nconst props = defineProps(collapseProps)\n\nconst on = useCollapseTranstion(props)\n</script>\n\n<template>\n <Transition :name=\"mode === 'horizontal' ? `${defaultNamespace}-horizontal-transition` : `${defaultNamespace}-vertical-transition`\" v-on=\"on\">\n <slot />\n </Transition>\n</template>\n"],"names":["useCollapseTranstion"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,EAAA,GAAKA,0CAAqB,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
export declare const collapseProps: {
|
|
3
|
+
readonly mode: {
|
|
4
|
+
readonly type: PropType<"horizontal" | "vertical">;
|
|
5
|
+
readonly required: true;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
export type ExtractProps = ExtractPropTypes<typeof collapseProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../../../components/collapse-transtion/src/types.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\n\nexport const collapseProps = {\n mode: {\n type: String as PropType<'horizontal' | 'vertical'>,\n required: true\n }\n} as const\nexport type ExtractProps = ExtractPropTypes<typeof collapseProps>\n"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399}
|
|
1
|
+
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.king-vertical-transition-enter-active,.king-vertical-transition-leave-active{transition:var(--king-transition-duration) max-height linear,var(--king-transition-duration) padding-top linear,var(--king-transition-duration) padding-bottom linear}.king-horizontal-transition-enter-active,.king-horizontal-transition-leave-active{transition:var(--king-transition-duration) max-width linear,var(--king-transition-duration) padding-left linear,var(--king-transition-duration) padding-right linear}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-rail{position:absolute;right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail__scrollbar{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}
|
|
1
|
+
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-rail{position:absolute;right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail__scrollbar{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}
|
package/dist/theme-chalk/var.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399}
|
|
1
|
+
:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s}
|