@vipl520/dk-ui 1.0.19 → 1.0.21
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/attributes.json +16 -0
- package/dist/index.css +1 -1
- package/dist/index.js +1216 -674
- package/dist/index.min.js +7 -7
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +7 -7
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +1203 -665
- package/dist/tags.json +14 -0
- package/dist/web-types.json +69 -1
- package/es/animate-select/index.d.ts +19 -0
- package/es/animate-select/index.mjs +8 -0
- package/es/animate-select/index.mjs.map +1 -0
- package/es/animate-select/src/animate-select.vue.d.ts +18 -0
- package/es/animate-select/src/animate-select.vue.mjs +7 -0
- package/es/animate-select/src/animate-select.vue.mjs.map +1 -0
- package/es/animate-select/src/animate-select.vue2.mjs +168 -0
- package/es/animate-select/src/animate-select.vue2.mjs.map +1 -0
- package/es/animate-select/src/animates.d.ts +9 -0
- package/es/animate-select/src/animates.mjs +98 -0
- package/es/animate-select/src/animates.mjs.map +1 -0
- package/es/animate-select/src/props.d.ts +11 -0
- package/es/animate-select/src/props.mjs +11 -0
- package/es/animate-select/src/props.mjs.map +1 -0
- package/es/animate-select/style/index.css +1 -0
- package/es/animate-select/style/index.scss +41 -0
- package/es/audio-input/index.d.ts +4 -4
- package/es/audio-input/src/audio-input.vue.d.ts +4 -4
- package/es/audio-list-input/index.d.ts +3 -3
- package/es/audio-list-input/src/audio-list-input.vue.d.ts +3 -3
- package/es/box-size-input/index.d.ts +1 -1
- package/es/box-size-input/src/box-size-input.vue.d.ts +1 -1
- package/es/color-input/index.d.ts +3 -3
- package/es/color-input/src/color-input.vue.d.ts +3 -3
- package/es/dialog/index.d.ts +11 -11
- package/es/dialog/src/dialog.vue.d.ts +3 -3
- package/es/file-input/index.d.ts +4 -4
- package/es/file-input/src/file-input.vue.d.ts +4 -4
- package/es/file-list-input/index.d.ts +4 -4
- package/es/file-list-input/src/file-list-input.vue.d.ts +4 -4
- package/es/form/index.d.ts +10 -10
- package/es/form/src/form.vue.d.ts +2 -2
- package/es/group/index.d.ts +6 -6
- package/es/group/src/group.vue.d.ts +6 -6
- package/es/icon/index.d.ts +3 -3
- package/es/icon-input/index.d.ts +5 -5
- package/es/icon-input/src/icon-content.vue.d.ts +1 -1
- package/es/icon-input/src/icon-dialog.vue.d.ts +1 -1
- package/es/icon-input/src/icon-input.vue.d.ts +3 -3
- package/es/image-input/index.d.ts +4 -4
- package/es/image-input/src/image-input.vue.d.ts +4 -4
- package/es/image-list-input/index.d.ts +3 -3
- package/es/image-list-input/src/image-list-input.vue.d.ts +3 -3
- package/es/index.d.ts +2 -0
- package/es/index.mjs +9 -1
- package/es/index.mjs.map +1 -1
- package/es/index.scss +14 -0
- package/es/page-diy/index.d.ts +70 -4
- package/es/page-diy/src/components/DragTool.vue.d.ts +2 -1
- package/es/page-diy/src/components/DragTool.vue.mjs +12 -15
- package/es/page-diy/src/components/DragTool.vue.mjs.map +1 -1
- package/es/page-diy/src/components/PreviewPhone.vue2.mjs +74 -2
- package/es/page-diy/src/components/PreviewPhone.vue2.mjs.map +1 -1
- package/es/page-diy/src/config/base/dkSetting.d.ts +68 -2
- package/es/page-diy/src/config/base/dkSetting.mjs +83 -0
- package/es/page-diy/src/config/base/dkSetting.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/DkMinTitle.d.ts +1 -0
- package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs +2 -1
- package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs.map +1 -1
- package/es/page-diy/src/config/rule/min/common/index.d.ts +2 -0
- package/es/page-diy/src/config/rule/min/index.d.ts +2 -0
- package/es/page-diy/src/page-diy.vue.d.ts +70 -4
- package/es/page-diy/src/views/min/DkMinSwiperImage.vue.d.ts +1 -1
- package/es/page-diy/src/views/min/DkMinTitle.vue.d.ts +1 -1
- package/es/page-diy/src/views/web/DkViewCommonBtn.vue.d.ts +2 -2
- package/es/page-diy/src/views/web/DkViewDialog.vue.d.ts +2 -2
- package/es/page-diy/src/views/web/DkViewGridCellList.vue.d.ts +1 -1
- package/es/page-diy/src/views/web/DkViewImage.vue.d.ts +2 -2
- package/es/page-diy/src/views/web/DkViewNoticeBar.vue.d.ts +2 -2
- package/es/page-diy/src/views/web/DkViewSwipe.vue.d.ts +1 -1
- package/es/page-diy/src/views/web/DkViewTitle.vue.d.ts +2 -2
- package/es/page-diy/style/drag-tool.css +1 -1
- package/es/page-diy/style/drag-tool.scss +1 -1
- package/es/page-diy/style/index.css +1 -1
- package/es/poster-input/index.d.ts +6 -6
- package/es/poster-input/src/component/poster.vue.d.ts +3 -3
- package/es/poster-input/src/poster-input.vue.d.ts +3 -3
- package/es/select/src/select.vue.d.ts +3 -3
- package/es/style-animation-input/index.d.ts +25 -0
- package/es/style-animation-input/index.mjs +8 -0
- package/es/style-animation-input/index.mjs.map +1 -0
- package/es/style-animation-input/src/props.d.ts +15 -0
- package/es/style-animation-input/src/props.mjs +16 -0
- package/es/style-animation-input/src/props.mjs.map +1 -0
- package/es/style-animation-input/src/style-animation-input.vue.d.ts +24 -0
- package/es/style-animation-input/src/style-animation-input.vue.mjs +7 -0
- package/es/style-animation-input/src/style-animation-input.vue.mjs.map +1 -0
- package/es/style-animation-input/src/style-animation-input.vue2.mjs +116 -0
- package/es/style-animation-input/src/style-animation-input.vue2.mjs.map +1 -0
- package/es/style-animation-input/style/index.css +1 -0
- package/es/style-animation-input/style/index.scss +14 -0
- package/es/style-box-input/index.d.ts +1 -1
- package/es/style-box-input/src/style-box-input.vue.d.ts +1 -1
- package/es/style-input/index.d.ts +1 -1
- package/es/style-input/src/style-input.vue.d.ts +1 -1
- package/es/style-number-input/index.d.ts +3 -2
- package/es/style-number-input/src/style-number-input.vue.d.ts +3 -2
- package/es/style-number-input/src/style-number-input.vue2.mjs +3 -2
- package/es/style-number-input/src/style-number-input.vue2.mjs.map +1 -1
- package/es/style-position-input/src/style-position-input.vue2.mjs +23 -39
- package/es/style-position-input/src/style-position-input.vue2.mjs.map +1 -1
- package/es/style-shadow-input/index.d.ts +2 -2
- package/es/style-shadow-input/src/style-shadow-content.vue.d.ts +1 -1
- package/es/style-shadow-input/src/style-shadow-input.vue.d.ts +1 -1
- package/es/table/index.d.ts +2 -2
- package/es/tiny-editor/index.d.ts +4 -4
- package/es/tiny-editor/src/tiny-editor.vue.d.ts +4 -4
- package/es/video-input/index.d.ts +4 -4
- package/es/video-input/src/video-input.vue.d.ts +4 -4
- package/es/video-list-input/index.d.ts +3 -3
- package/es/video-list-input/src/video-list-input.vue.d.ts +3 -3
- package/lib/animate-select/index.d.ts +19 -0
- package/lib/animate-select/index.js +14 -0
- package/lib/animate-select/index.js.map +1 -0
- package/lib/animate-select/src/animate-select.vue.d.ts +18 -0
- package/lib/animate-select/src/animate-select.vue.js +11 -0
- package/lib/animate-select/src/animate-select.vue.js.map +1 -0
- package/lib/animate-select/src/animate-select.vue2.js +172 -0
- package/lib/animate-select/src/animate-select.vue2.js.map +1 -0
- package/lib/animate-select/src/animates.d.ts +9 -0
- package/lib/animate-select/src/animates.js +102 -0
- package/lib/animate-select/src/animates.js.map +1 -0
- package/lib/animate-select/src/props.d.ts +11 -0
- package/lib/animate-select/src/props.js +13 -0
- package/lib/animate-select/src/props.js.map +1 -0
- package/lib/animate-select/style/index.css +1 -0
- package/lib/animate-select/style/index.scss +41 -0
- package/lib/audio-input/index.d.ts +4 -4
- package/lib/audio-input/src/audio-input.vue.d.ts +4 -4
- package/lib/audio-list-input/index.d.ts +3 -3
- package/lib/audio-list-input/src/audio-list-input.vue.d.ts +3 -3
- package/lib/box-size-input/index.d.ts +1 -1
- package/lib/box-size-input/src/box-size-input.vue.d.ts +1 -1
- package/lib/color-input/index.d.ts +3 -3
- package/lib/color-input/src/color-input.vue.d.ts +3 -3
- package/lib/dialog/index.d.ts +11 -11
- package/lib/dialog/src/dialog.vue.d.ts +3 -3
- package/lib/file-input/index.d.ts +4 -4
- package/lib/file-input/src/file-input.vue.d.ts +4 -4
- package/lib/file-list-input/index.d.ts +4 -4
- package/lib/file-list-input/src/file-list-input.vue.d.ts +4 -4
- package/lib/form/index.d.ts +10 -10
- package/lib/form/src/form.vue.d.ts +2 -2
- package/lib/group/index.d.ts +6 -6
- package/lib/group/src/group.vue.d.ts +6 -6
- package/lib/icon/index.d.ts +3 -3
- package/lib/icon-input/index.d.ts +5 -5
- package/lib/icon-input/src/icon-content.vue.d.ts +1 -1
- package/lib/icon-input/src/icon-dialog.vue.d.ts +1 -1
- package/lib/icon-input/src/icon-input.vue.d.ts +3 -3
- package/lib/image-input/index.d.ts +4 -4
- package/lib/image-input/src/image-input.vue.d.ts +4 -4
- package/lib/image-list-input/index.d.ts +3 -3
- package/lib/image-list-input/src/image-list-input.vue.d.ts +3 -3
- package/lib/index.d.ts +2 -0
- package/lib/index.js +14 -2
- package/lib/index.js.map +1 -1
- package/lib/index.scss +14 -0
- package/lib/page-diy/index.d.ts +70 -4
- package/lib/page-diy/src/components/DragTool.vue.d.ts +2 -1
- package/lib/page-diy/src/components/DragTool.vue.js +12 -15
- package/lib/page-diy/src/components/DragTool.vue.js.map +1 -1
- package/lib/page-diy/src/components/PreviewPhone.vue2.js +73 -1
- package/lib/page-diy/src/components/PreviewPhone.vue2.js.map +1 -1
- package/lib/page-diy/src/config/base/dkSetting.d.ts +68 -2
- package/lib/page-diy/src/config/base/dkSetting.js +83 -0
- package/lib/page-diy/src/config/base/dkSetting.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinTitle.d.ts +1 -0
- package/lib/page-diy/src/config/rule/min/common/DkMinTitle.js +2 -1
- package/lib/page-diy/src/config/rule/min/common/DkMinTitle.js.map +1 -1
- package/lib/page-diy/src/config/rule/min/common/index.d.ts +2 -0
- package/lib/page-diy/src/config/rule/min/index.d.ts +2 -0
- package/lib/page-diy/src/page-diy.vue.d.ts +70 -4
- package/lib/page-diy/src/views/min/DkMinSwiperImage.vue.d.ts +1 -1
- package/lib/page-diy/src/views/min/DkMinTitle.vue.d.ts +1 -1
- package/lib/page-diy/src/views/web/DkViewCommonBtn.vue.d.ts +2 -2
- package/lib/page-diy/src/views/web/DkViewDialog.vue.d.ts +2 -2
- package/lib/page-diy/src/views/web/DkViewGridCellList.vue.d.ts +1 -1
- package/lib/page-diy/src/views/web/DkViewImage.vue.d.ts +2 -2
- package/lib/page-diy/src/views/web/DkViewNoticeBar.vue.d.ts +2 -2
- package/lib/page-diy/src/views/web/DkViewSwipe.vue.d.ts +1 -1
- package/lib/page-diy/src/views/web/DkViewTitle.vue.d.ts +2 -2
- package/lib/page-diy/style/drag-tool.css +1 -1
- package/lib/page-diy/style/drag-tool.scss +1 -1
- package/lib/page-diy/style/index.css +1 -1
- package/lib/poster-input/index.d.ts +6 -6
- package/lib/poster-input/src/component/poster.vue.d.ts +3 -3
- package/lib/poster-input/src/poster-input.vue.d.ts +3 -3
- package/lib/select/src/select.vue.d.ts +3 -3
- package/lib/style-animation-input/index.d.ts +25 -0
- package/lib/style-animation-input/index.js +14 -0
- package/lib/style-animation-input/index.js.map +1 -0
- package/lib/style-animation-input/src/props.d.ts +15 -0
- package/lib/style-animation-input/src/props.js +18 -0
- package/lib/style-animation-input/src/props.js.map +1 -0
- package/lib/style-animation-input/src/style-animation-input.vue.d.ts +24 -0
- package/lib/style-animation-input/src/style-animation-input.vue.js +11 -0
- package/lib/style-animation-input/src/style-animation-input.vue.js.map +1 -0
- package/lib/style-animation-input/src/style-animation-input.vue2.js +120 -0
- package/lib/style-animation-input/src/style-animation-input.vue2.js.map +1 -0
- package/lib/style-animation-input/style/index.css +1 -0
- package/lib/style-animation-input/style/index.scss +14 -0
- package/lib/style-box-input/index.d.ts +1 -1
- package/lib/style-box-input/src/style-box-input.vue.d.ts +1 -1
- package/lib/style-input/index.d.ts +1 -1
- package/lib/style-input/src/style-input.vue.d.ts +1 -1
- package/lib/style-number-input/index.d.ts +3 -2
- package/lib/style-number-input/src/style-number-input.vue.d.ts +3 -2
- package/lib/style-number-input/src/style-number-input.vue2.js +3 -2
- package/lib/style-number-input/src/style-number-input.vue2.js.map +1 -1
- package/lib/style-position-input/src/style-position-input.vue2.js +22 -38
- package/lib/style-position-input/src/style-position-input.vue2.js.map +1 -1
- package/lib/style-shadow-input/index.d.ts +2 -2
- package/lib/style-shadow-input/src/style-shadow-content.vue.d.ts +1 -1
- package/lib/style-shadow-input/src/style-shadow-input.vue.d.ts +1 -1
- package/lib/table/index.d.ts +2 -2
- package/lib/tiny-editor/index.d.ts +4 -4
- package/lib/tiny-editor/src/tiny-editor.vue.d.ts +4 -4
- package/lib/video-input/index.d.ts +4 -4
- package/lib/video-input/src/video-input.vue.d.ts +4 -4
- package/lib/video-list-input/index.d.ts +3 -3
- package/lib/video-list-input/src/video-list-input.vue.d.ts +3 -3
- package/package.json +4 -4
@@ -23,7 +23,7 @@ export declare const TinyEditor: import("@vipl520/utils").WithInstall<import("vu
|
|
23
23
|
type: NumberConstructor;
|
24
24
|
default: number;
|
25
25
|
};
|
26
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
26
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
27
27
|
disabled: {
|
28
28
|
type: BooleanConstructor;
|
29
29
|
default: boolean;
|
@@ -49,14 +49,14 @@ export declare const TinyEditor: import("@vipl520/utils").WithInstall<import("vu
|
|
49
49
|
default: number;
|
50
50
|
};
|
51
51
|
}>> & {
|
52
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
53
52
|
onInput?: ((...args: any[]) => any) | undefined;
|
54
53
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
54
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
55
55
|
}, {
|
56
|
-
document: boolean;
|
57
|
-
height: number;
|
58
56
|
modelValue: string;
|
59
57
|
disabled: boolean;
|
58
|
+
document: boolean;
|
59
|
+
height: number;
|
60
60
|
buttonText: string;
|
61
61
|
showDialogWidth: number;
|
62
62
|
}, {}>>;
|
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
23
23
|
type: NumberConstructor;
|
24
24
|
default: number;
|
25
25
|
};
|
26
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
26
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
27
27
|
disabled: {
|
28
28
|
type: BooleanConstructor;
|
29
29
|
default: boolean;
|
@@ -49,14 +49,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
49
49
|
default: number;
|
50
50
|
};
|
51
51
|
}>> & {
|
52
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
53
52
|
onInput?: ((...args: any[]) => any) | undefined;
|
54
53
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
54
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
55
55
|
}, {
|
56
|
-
document: boolean;
|
57
|
-
height: number;
|
58
56
|
modelValue: string;
|
59
57
|
disabled: boolean;
|
58
|
+
document: boolean;
|
59
|
+
height: number;
|
60
60
|
buttonText: string;
|
61
61
|
showDialogWidth: number;
|
62
62
|
}, {}>;
|
@@ -19,7 +19,7 @@ export declare const VideoInput: import("@vipl520/utils").WithInstall<import("vu
|
|
19
19
|
type: StringConstructor;
|
20
20
|
default: string;
|
21
21
|
};
|
22
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
22
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
23
23
|
modelValue: {
|
24
24
|
type: StringConstructor;
|
25
25
|
default: string;
|
@@ -41,13 +41,13 @@ export declare const VideoInput: import("@vipl520/utils").WithInstall<import("vu
|
|
41
41
|
default: string;
|
42
42
|
};
|
43
43
|
}>> & {
|
44
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
45
44
|
onInput?: ((...args: any[]) => any) | undefined;
|
46
45
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
46
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
47
47
|
}, {
|
48
|
-
accept: string;
|
49
|
-
placeholder: string;
|
50
48
|
modelValue: string;
|
49
|
+
placeholder: string;
|
50
|
+
accept: string;
|
51
51
|
showInput: boolean;
|
52
52
|
imgSize: number;
|
53
53
|
}, {}>>;
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
19
19
|
type: StringConstructor;
|
20
20
|
default: string;
|
21
21
|
};
|
22
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
22
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
23
23
|
modelValue: {
|
24
24
|
type: StringConstructor;
|
25
25
|
default: string;
|
@@ -41,13 +41,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
41
41
|
default: string;
|
42
42
|
};
|
43
43
|
}>> & {
|
44
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
45
44
|
onInput?: ((...args: any[]) => any) | undefined;
|
46
45
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
46
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
47
47
|
}, {
|
48
|
-
accept: string;
|
49
|
-
placeholder: string;
|
50
48
|
modelValue: string;
|
49
|
+
placeholder: string;
|
50
|
+
accept: string;
|
51
51
|
showInput: boolean;
|
52
52
|
imgSize: number;
|
53
53
|
}, {}>;
|
@@ -19,7 +19,7 @@ export declare const VideoListInput: import("@vipl520/utils").WithInstall<import
|
|
19
19
|
default: string;
|
20
20
|
type: StringConstructor;
|
21
21
|
};
|
22
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
22
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
23
23
|
modelValue: {
|
24
24
|
default: () => never[];
|
25
25
|
type: ArrayConstructor;
|
@@ -41,13 +41,13 @@ export declare const VideoListInput: import("@vipl520/utils").WithInstall<import
|
|
41
41
|
type: StringConstructor;
|
42
42
|
};
|
43
43
|
}>> & {
|
44
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
45
44
|
onInput?: ((...args: any[]) => any) | undefined;
|
46
45
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
46
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
47
47
|
}, {
|
48
|
-
accept: string;
|
49
48
|
modelValue: unknown[];
|
50
49
|
disabled: boolean;
|
50
|
+
accept: string;
|
51
51
|
imgSize: number;
|
52
52
|
limit: number;
|
53
53
|
}, {}>>;
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
19
19
|
default: string;
|
20
20
|
type: StringConstructor;
|
21
21
|
};
|
22
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
22
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
23
23
|
modelValue: {
|
24
24
|
default: () => never[];
|
25
25
|
type: ArrayConstructor;
|
@@ -41,13 +41,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
41
41
|
type: StringConstructor;
|
42
42
|
};
|
43
43
|
}>> & {
|
44
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
45
44
|
onInput?: ((...args: any[]) => any) | undefined;
|
46
45
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
46
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
47
47
|
}, {
|
48
|
-
accept: string;
|
49
48
|
modelValue: unknown[];
|
50
49
|
disabled: boolean;
|
50
|
+
accept: string;
|
51
51
|
imgSize: number;
|
52
52
|
limit: number;
|
53
53
|
}, {}>;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
export declare const AnimateSelect: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
|
2
|
+
modelValue: {
|
3
|
+
type: import("vue").PropType<string>;
|
4
|
+
default: string;
|
5
|
+
};
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
7
|
+
modelValue: {
|
8
|
+
type: import("vue").PropType<string>;
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
}>> & {
|
12
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
13
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
14
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
15
|
+
}, {
|
16
|
+
modelValue: string;
|
17
|
+
}, {}>>;
|
18
|
+
export default AnimateSelect;
|
19
|
+
export * from './src/props';
|
@@ -0,0 +1,14 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var utils = require('@vipl520/utils');
|
6
|
+
var animateSelect = require('./src/animate-select.vue.js');
|
7
|
+
var props = require('./src/props.js');
|
8
|
+
|
9
|
+
const AnimateSelect = utils.withInstall(animateSelect.default);
|
10
|
+
|
11
|
+
exports.animateSelectProps = props.animateSelectProps;
|
12
|
+
exports.AnimateSelect = AnimateSelect;
|
13
|
+
exports.default = AnimateSelect;
|
14
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/animate-select/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _AnimateSelect from './src/animate-select.vue'\n\nexport const AnimateSelect = withInstall(_AnimateSelect)\nexport default AnimateSelect\n\nexport * from './src/props'\n"],"names":["withInstall","_AnimateSelect"],"mappings":";;;;;;;;AAGa,MAAA,aAAA,GAAgBA,kBAAYC,qBAAc;;;;;;"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
2
|
+
modelValue: {
|
3
|
+
type: import("vue").PropType<string>;
|
4
|
+
default: string;
|
5
|
+
};
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
7
|
+
modelValue: {
|
8
|
+
type: import("vue").PropType<string>;
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
}>> & {
|
12
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
13
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
14
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
15
|
+
}, {
|
16
|
+
modelValue: string;
|
17
|
+
}, {}>;
|
18
|
+
export default _default;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var animateSelect_vue_vue_type_script_setup_true_lang = require('./animate-select.vue2.js');
|
6
|
+
var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
|
7
|
+
|
8
|
+
var _AnimateSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(animateSelect_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\animate-select\\src\\animate-select.vue"]]);
|
9
|
+
|
10
|
+
exports.default = _AnimateSelect;
|
11
|
+
//# sourceMappingURL=animate-select.vue.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"animate-select.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
@@ -0,0 +1,172 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var vue = require('vue');
|
6
|
+
var props = require('./props.js');
|
7
|
+
var animates = require('./animates.js');
|
8
|
+
|
9
|
+
const _hoisted_1 = { class: "dk-animate-select" };
|
10
|
+
const _hoisted_2 = { class: "dk-animate-content" };
|
11
|
+
const _hoisted_3 = { class: "animate-preview" };
|
12
|
+
const _hoisted_4 = { class: "animate-list" };
|
13
|
+
const _hoisted_5 = { class: "cl" };
|
14
|
+
const _hoisted_6 = ["onClick"];
|
15
|
+
const _hoisted_7 = { class: "text-center p10px" };
|
16
|
+
const __default__ = vue.defineComponent({
|
17
|
+
name: "DkAnimateSelect"
|
18
|
+
});
|
19
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
20
|
+
...__default__,
|
21
|
+
props: props.animateSelectProps,
|
22
|
+
emits: ["input", "update:modelValue", "change"],
|
23
|
+
setup(__props, { emit }) {
|
24
|
+
const props = __props;
|
25
|
+
const tabType = vue.ref("loop");
|
26
|
+
const show = vue.ref(false);
|
27
|
+
const value = vue.ref(props.modelValue);
|
28
|
+
const chooseAnimate = (val) => {
|
29
|
+
value.value = val;
|
30
|
+
};
|
31
|
+
vue.watch(
|
32
|
+
() => props.modelValue,
|
33
|
+
(val) => {
|
34
|
+
value.value = val;
|
35
|
+
}
|
36
|
+
);
|
37
|
+
vue.watch(
|
38
|
+
() => value.value,
|
39
|
+
(val) => {
|
40
|
+
emit("change", val);
|
41
|
+
emit("update:modelValue", val);
|
42
|
+
emit("input", val);
|
43
|
+
}
|
44
|
+
);
|
45
|
+
return (_ctx, _cache) => {
|
46
|
+
const _component_el_button = vue.resolveComponent("el-button");
|
47
|
+
const _component_el_button_group = vue.resolveComponent("el-button-group");
|
48
|
+
const _component_el_card = vue.resolveComponent("el-card");
|
49
|
+
const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
|
50
|
+
const _component_el_tabs = vue.resolveComponent("el-tabs");
|
51
|
+
const _component_dk_dialog = vue.resolveComponent("dk-dialog");
|
52
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
53
|
+
vue.createVNode(_component_el_button_group, null, {
|
54
|
+
default: vue.withCtx(() => [
|
55
|
+
vue.createVNode(_component_el_button, {
|
56
|
+
type: !value.value ? "primary" : "danger",
|
57
|
+
plain: "",
|
58
|
+
onClick: _cache[0] || (_cache[0] = ($event) => show.value = true)
|
59
|
+
}, {
|
60
|
+
default: vue.withCtx(() => [
|
61
|
+
vue.createTextVNode(
|
62
|
+
vue.toDisplayString(!value.value ? "\u8BF7\u9009\u62E9\u52A8\u753B" : "\u5DF2\u9009\u62E9\u52A8\u753B"),
|
63
|
+
1
|
64
|
+
/* TEXT */
|
65
|
+
)
|
66
|
+
]),
|
67
|
+
_: 1
|
68
|
+
/* STABLE */
|
69
|
+
}, 8, ["type"]),
|
70
|
+
vue.createVNode(_component_el_button, {
|
71
|
+
icon: "Delete",
|
72
|
+
disabled: !value.value,
|
73
|
+
type: !value.value ? "primary" : "danger",
|
74
|
+
plain: "",
|
75
|
+
onClick: _cache[1] || (_cache[1] = ($event) => value.value = "")
|
76
|
+
}, null, 8, ["disabled", "type"])
|
77
|
+
]),
|
78
|
+
_: 1
|
79
|
+
/* STABLE */
|
80
|
+
}),
|
81
|
+
vue.createVNode(_component_dk_dialog, {
|
82
|
+
modelValue: show.value,
|
83
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => show.value = $event),
|
84
|
+
title: "\u9009\u62E9\u52A8\u753B",
|
85
|
+
width: "800px"
|
86
|
+
}, {
|
87
|
+
default: vue.withCtx(() => [
|
88
|
+
vue.createElementVNode("div", _hoisted_2, [
|
89
|
+
vue.createCommentVNode("\u9884\u89C8\u533A"),
|
90
|
+
vue.createElementVNode("div", _hoisted_3, [
|
91
|
+
vue.createVNode(_component_el_card, {
|
92
|
+
class: vue.normalizeClass(["animate__" + value.value]),
|
93
|
+
style: { animationDelay: "0s", animationDuration: "1s", animationIterationCount: "1" }
|
94
|
+
}, {
|
95
|
+
default: vue.withCtx(() => [
|
96
|
+
vue.createTextVNode(" \u9884\u89C8\u533A ")
|
97
|
+
]),
|
98
|
+
_: 1
|
99
|
+
/* STABLE */
|
100
|
+
}, 8, ["class"])
|
101
|
+
]),
|
102
|
+
vue.createCommentVNode("\u9009\u62E9\u533A"),
|
103
|
+
vue.createElementVNode("div", _hoisted_4, [
|
104
|
+
vue.createVNode(_component_el_tabs, {
|
105
|
+
modelValue: tabType.value,
|
106
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tabType.value = $event),
|
107
|
+
class: "demo-tabs"
|
108
|
+
}, {
|
109
|
+
default: vue.withCtx(() => [
|
110
|
+
(vue.openBlock(true), vue.createElementBlock(
|
111
|
+
vue.Fragment,
|
112
|
+
null,
|
113
|
+
vue.renderList(vue.unref(animates.default), (item, key) => {
|
114
|
+
return vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
|
115
|
+
key,
|
116
|
+
label: item.label,
|
117
|
+
name: item.name
|
118
|
+
}, {
|
119
|
+
default: vue.withCtx(() => [
|
120
|
+
vue.createElementVNode("ul", _hoisted_5, [
|
121
|
+
(vue.openBlock(true), vue.createElementBlock(
|
122
|
+
vue.Fragment,
|
123
|
+
null,
|
124
|
+
vue.renderList(item.animate, (a, k) => {
|
125
|
+
return vue.openBlock(), vue.createElementBlock("li", {
|
126
|
+
key: k,
|
127
|
+
class: vue.normalizeClass(value.value == a.value ? "choose" : ""),
|
128
|
+
onClick: ($event) => chooseAnimate(a.value)
|
129
|
+
}, vue.toDisplayString(a.label), 11, _hoisted_6);
|
130
|
+
}),
|
131
|
+
128
|
132
|
+
/* KEYED_FRAGMENT */
|
133
|
+
))
|
134
|
+
])
|
135
|
+
]),
|
136
|
+
_: 2
|
137
|
+
/* DYNAMIC */
|
138
|
+
}, 1032, ["label", "name"]);
|
139
|
+
}),
|
140
|
+
128
|
141
|
+
/* KEYED_FRAGMENT */
|
142
|
+
))
|
143
|
+
]),
|
144
|
+
_: 1
|
145
|
+
/* STABLE */
|
146
|
+
}, 8, ["modelValue"])
|
147
|
+
])
|
148
|
+
]),
|
149
|
+
vue.createElementVNode("div", _hoisted_7, [
|
150
|
+
vue.createVNode(_component_el_button, {
|
151
|
+
type: "primary",
|
152
|
+
style: { "width": "220px" },
|
153
|
+
onClick: _cache[3] || (_cache[3] = ($event) => show.value = false)
|
154
|
+
}, {
|
155
|
+
default: vue.withCtx(() => [
|
156
|
+
vue.createTextVNode("\u786E\u5B9A")
|
157
|
+
]),
|
158
|
+
_: 1
|
159
|
+
/* STABLE */
|
160
|
+
})
|
161
|
+
])
|
162
|
+
]),
|
163
|
+
_: 1
|
164
|
+
/* STABLE */
|
165
|
+
}, 8, ["modelValue"])
|
166
|
+
]);
|
167
|
+
};
|
168
|
+
}
|
169
|
+
});
|
170
|
+
|
171
|
+
exports.default = _sfc_main;
|
172
|
+
//# sourceMappingURL=animate-select.vue2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"animate-select.vue2.js","sources":["../../../src/animate-select/src/animate-select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkAnimateSelect',\n});\n</script>\n<template>\n <div class=\"dk-animate-select\">\n <el-button-group>\n <el-button :type=\"!value ? 'primary' : 'danger'\" plain @click=\"show = true\">{{\n !value ? '请选择动画' : '已选择动画'\n }}</el-button>\n <el-button\n icon=\"Delete\"\n :disabled=\"!value\"\n :type=\"!value ? 'primary' : 'danger'\"\n plain\n @click=\"value = ''\"\n ></el-button>\n </el-button-group>\n\n <dk-dialog v-model=\"show\" title=\"选择动画\" width=\"800px\">\n <div class=\"dk-animate-content\">\n <!--预览区-->\n <div class=\"animate-preview\">\n <el-card\n :class=\"['animate__' + value]\"\n :style=\"{ animationDelay: '0s', animationDuration: '1s', animationIterationCount: '1' }\"\n >\n 预览区\n </el-card>\n </div>\n <!--选择区-->\n <div class=\"animate-list\">\n <el-tabs v-model=\"tabType\" class=\"demo-tabs\">\n <el-tab-pane v-for=\"(item, key) in Animates\" :key=\"key\" :label=\"item.label\" :name=\"item.name\">\n <ul class=\"cl\">\n <li\n v-for=\"(a, k) in item.animate\"\n :key=\"k\"\n :class=\"value == a.value ? 'choose' : ''\"\n @click=\"chooseAnimate(a.value)\"\n >\n {{ a.label }}\n </li>\n </ul>\n </el-tab-pane>\n </el-tabs>\n </div>\n </div>\n <div class=\"text-center p10px\">\n <el-button type=\"primary\" style=\"width: 220px\" @click=\"show = false\">确定</el-button>\n </div>\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { animateSelectProps } from './props'\nimport Animates from './animates'\nimport { ref, watch } from 'vue'\n\n\nconst props = defineProps(animateSelectProps)\nconst tabType = ref('loop')\nconst show = ref(false)\nconst value = ref(props.modelValue)\nconst chooseAnimate = (val: any) => {\n value.value = val\n}\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n () => props.modelValue,\n (val) => {\n value.value = val\n }\n)\nwatch(\n () => value.value,\n (val) => {\n emit('change', val)\n emit('update:modelValue', val)\n emit('input', val)\n }\n)\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch"],"mappings":";;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,iBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA4DD,IAAM,MAAA,OAAA,GAAUC,QAAI,MAAM,CAAA,CAAA;AAC1B,IAAM,MAAA,IAAA,GAAOA,QAAI,KAAK,CAAA,CAAA;AACtB,IAAM,MAAA,KAAA,GAAQA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAClC,IAAM,MAAA,aAAA,GAAgB,CAAC,GAAa,KAAA;AAClC,MAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,KAChB,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAClB,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -0,0 +1,102 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
const Animates = [
|
6
|
+
{
|
7
|
+
label: "\u5FAA\u73AF\u6548\u679C",
|
8
|
+
name: "loop",
|
9
|
+
animate: [
|
10
|
+
{ value: "bounce", label: "\u5F39\u8DF3" },
|
11
|
+
{ value: "flash", label: "\u95EA\u52A8" },
|
12
|
+
{ value: "pulse", label: "\u8109\u51B2" },
|
13
|
+
{ value: "rubberBand", label: "\u6A61\u76AE\u7B4B" },
|
14
|
+
{ value: "shakeX", label: "X\u8F74\u6447\u6643" },
|
15
|
+
{ value: "shakeY", label: "Y\u8F74\u6447\u6643" },
|
16
|
+
{ value: "headShake", label: "\u6447\u5934" },
|
17
|
+
{ value: "swing", label: "\u6446\u52A8" },
|
18
|
+
{ value: "tada", label: "\u7F29\u653E\u6446\u52A8" },
|
19
|
+
{ value: "wobble", label: "\u5927\u5E45\u6447\u6643" },
|
20
|
+
{ value: "jello", label: "\u679C\u51BB\u6548\u679C" },
|
21
|
+
{ value: "heartBeat", label: "\u5FC3\u8DF3" }
|
22
|
+
]
|
23
|
+
},
|
24
|
+
// Bouncing entrances
|
25
|
+
{
|
26
|
+
label: "\u5F39\u8DF3\u5165\u573A",
|
27
|
+
name: "bouncing",
|
28
|
+
animate: [
|
29
|
+
{ value: "bounceIn", label: "\u5F39\u5165" },
|
30
|
+
{ value: "bounceInDown", label: "\u4E0B\u8FB9\u5F39\u5165" },
|
31
|
+
{ value: "bounceInLeft", label: "\u5DE6\u8FB9\u5F39\u5165" },
|
32
|
+
{ value: "bounceInRight", label: "\u53F3\u8FB9\u5F39\u5165" },
|
33
|
+
{ value: "bounceInUp", label: "\u4E0A\u8FB9\u5F39\u5165" }
|
34
|
+
]
|
35
|
+
},
|
36
|
+
// Fading entrances
|
37
|
+
{
|
38
|
+
label: "\u6DE1\u5165\u5165\u573A",
|
39
|
+
name: "Fading",
|
40
|
+
animate: [
|
41
|
+
{ value: "fadeIn", label: "\u6DE1\u5165" },
|
42
|
+
{ value: "fadeInDown", label: "\u4E0B\u8FB9\u6DE1\u5165" },
|
43
|
+
{ value: "fadeInDownBig", label: "\u6700\u4E0B\u8FB9\u6DE1\u5165" },
|
44
|
+
{ value: "fadeInLeft", label: "\u5DE6\u8FB9\u6DE1\u5165" },
|
45
|
+
{ value: "fadeInLeftBig", label: "\u6700\u5DE6\u8FB9\u6DE1\u5165" },
|
46
|
+
{ value: "fadeInRight", label: "\u53F3\u8FB9\u6DE1\u5165" },
|
47
|
+
{ value: "fadeInRightBig", label: "\u6700\u53F3\u8FB9\u6DE1\u5165" },
|
48
|
+
{ value: "fadeInUp", label: "\u4E0A\u8FB9\u6DE1\u5165" },
|
49
|
+
{ value: "fadeInUpBig", label: "\u6700\u4E0A\u8FB9\u6DE1\u5165" },
|
50
|
+
{ value: "fadeInTopLeft", label: "\u5DE6\u4E0A\u6DE1\u5165" },
|
51
|
+
{ value: "fadeInTopRight", label: "\u53F3\u4E0A\u6DE1\u5165" },
|
52
|
+
{ value: "fadeInBottomLeft", label: "\u5DE6\u4E0B\u6DE1\u5165" },
|
53
|
+
{ value: "fadeInBottomRight", label: "\u53F3\u4E0B\u6DE1\u5165" }
|
54
|
+
]
|
55
|
+
},
|
56
|
+
// Flippers
|
57
|
+
{
|
58
|
+
label: "\u7FFB\u8F6C&\u65CB\u8F6C\u5165\u573A",
|
59
|
+
name: "Flippers",
|
60
|
+
animate: [
|
61
|
+
// Flippers
|
62
|
+
// { value: 'flip', label: '快速翻转' },
|
63
|
+
{ value: "flipInX", label: "X\u8F74\u7FFB\u8F6C" },
|
64
|
+
{ value: "flipInY", label: "Y\u8F74\u7FFB\u8F6C" },
|
65
|
+
// Rotating entrances
|
66
|
+
{ value: "rotateIn", label: "\u65CB\u8F6C\u8FDB\u5165" },
|
67
|
+
{ value: "rotateInDownLeft", label: "\u5DE6\u4E0B\u65CB\u5165" },
|
68
|
+
{ value: "rotateInDownRight", label: "\u53F3\u4E0B\u65CB\u5165" },
|
69
|
+
{ value: "rotateInUpLeft", label: "\u5DE6\u4E0A\u65CB\u5165" },
|
70
|
+
{ value: "rotateInUpRight", label: "\u53F3\u4E0A\u65CB\u5165" },
|
71
|
+
{ value: "jackInTheBox", label: "\u7F29\u653E\u65CB\u8F6C\u5165\u573A" },
|
72
|
+
{ value: "rollIn", label: "\u5DE6\u4FA7\u65CB\u8F6C\u5165\u573A" }
|
73
|
+
]
|
74
|
+
},
|
75
|
+
{
|
76
|
+
label: "\u7F29\u653E&\u6ED1\u52A8\u5165\u573A",
|
77
|
+
name: "Lightspeed",
|
78
|
+
animate: [
|
79
|
+
// Lightspeed
|
80
|
+
{ value: "lightSpeedInRight", label: "\u679C\u51BB\u53F3\u5165" },
|
81
|
+
{ value: "lightSpeedInLeft", label: "\u679C\u51BB\u5DE6\u5165" },
|
82
|
+
// Sliding entrances
|
83
|
+
{ value: "slideInDown", label: "\u4E0B\u6ED1\u5165" },
|
84
|
+
{ value: "slideInLeft", label: "\u5DE6\u6ED1\u5165" },
|
85
|
+
{ value: "slideInRight", label: "\u53F3\u6ED1\u5165" },
|
86
|
+
{ value: "slideInUp", label: "\u4E0A\u6ED1\u5165" },
|
87
|
+
{ value: "backInDown", label: "\u5FEB\u901F\u4E0B\u6ED1\u5165" },
|
88
|
+
{ value: "backInLeft", label: "\u5FEB\u901F\u5DE6\u6ED1\u5165" },
|
89
|
+
{ value: "backInRight", label: "\u5FEB\u901F\u53F3\u6ED1\u5165" },
|
90
|
+
{ value: "backInUp", label: "\u5FEB\u901F\u4E0A\u6ED1\u5165" },
|
91
|
+
// Zooming entrances
|
92
|
+
{ value: "zoomIn", label: "\u7F29\u653E\u8FDB\u5165" },
|
93
|
+
{ value: "zoomInDown", label: "\u4E0B\u7F29\u653E" },
|
94
|
+
{ value: "zoomInLeft", label: "\u5DE6\u7F29\u653E" },
|
95
|
+
{ value: "zoomInRight", label: "\u53F3\u7F29\u653E" },
|
96
|
+
{ value: "zoomInTop", label: "\u4E0A\u7F29\u653E" }
|
97
|
+
]
|
98
|
+
}
|
99
|
+
];
|
100
|
+
|
101
|
+
exports.default = Animates;
|
102
|
+
//# sourceMappingURL=animates.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"animates.js","sources":["../../../src/animate-select/src/animates.js"],"sourcesContent":["const Animates = [\n {\n label: '循环效果',\n name: 'loop',\n animate: [\n { value: 'bounce', label: '弹跳' },\n { value: 'flash', label: '闪动' },\n { value: 'pulse', label: '脉冲' },\n { value: 'rubberBand', label: '橡皮筋' },\n { value: 'shakeX', label: 'X轴摇晃' },\n { value: 'shakeY', label: 'Y轴摇晃' },\n { value: 'headShake', label: '摇头' },\n { value: 'swing', label: '摆动' },\n { value: 'tada', label: '缩放摆动' },\n { value: 'wobble', label: '大幅摇晃' },\n { value: 'jello', label: '果冻效果' },\n { value: 'heartBeat', label: '心跳' },\n ],\n },\n // Bouncing entrances\n {\n label: '弹跳入场',\n name: 'bouncing',\n animate: [\n { value: 'bounceIn', label: '弹入' },\n { value: 'bounceInDown', label: '下边弹入' },\n { value: 'bounceInLeft', label: '左边弹入' },\n { value: 'bounceInRight', label: '右边弹入' },\n { value: 'bounceInUp', label: '上边弹入' },\n ],\n },\n // Fading entrances\n {\n label: '淡入入场',\n name: 'Fading',\n animate: [\n { value: 'fadeIn', label: '淡入' },\n { value: 'fadeInDown', label: '下边淡入' },\n { value: 'fadeInDownBig', label: '最下边淡入' },\n { value: 'fadeInLeft', label: '左边淡入' },\n { value: 'fadeInLeftBig', label: '最左边淡入' },\n { value: 'fadeInRight', label: '右边淡入' },\n { value: 'fadeInRightBig', label: '最右边淡入' },\n { value: 'fadeInUp', label: '上边淡入' },\n { value: 'fadeInUpBig', label: '最上边淡入' },\n { value: 'fadeInTopLeft', label: '左上淡入' },\n { value: 'fadeInTopRight', label: '右上淡入' },\n { value: 'fadeInBottomLeft', label: '左下淡入' },\n { value: 'fadeInBottomRight', label: '右下淡入' },\n ],\n },\n // Flippers\n {\n label: '翻转&旋转入场',\n name: 'Flippers',\n animate: [\n // Flippers\n // { value: 'flip', label: '快速翻转' },\n { value: 'flipInX', label: 'X轴翻转' },\n { value: 'flipInY', label: 'Y轴翻转' },\n // Rotating entrances\n { value: 'rotateIn', label: '旋转进入' },\n { value: 'rotateInDownLeft', label: '左下旋入' },\n { value: 'rotateInDownRight', label: '右下旋入' },\n { value: 'rotateInUpLeft', label: '左上旋入' },\n { value: 'rotateInUpRight', label: '右上旋入' },\n\n { value: 'jackInTheBox', label: '缩放旋转入场' },\n { value: 'rollIn', label: '左侧旋转入场' },\n ],\n },\n {\n label: '缩放&滑动入场',\n name: 'Lightspeed',\n animate: [\n // Lightspeed\n { value: 'lightSpeedInRight', label: '果冻右入' },\n { value: 'lightSpeedInLeft', label: '果冻左入' },\n // Sliding entrances\n { value: 'slideInDown', label: '下滑入' },\n { value: 'slideInLeft', label: '左滑入' },\n { value: 'slideInRight', label: '右滑入' },\n { value: 'slideInUp', label: '上滑入' },\n { value: 'backInDown', label: '快速下滑入' },\n { value: 'backInLeft', label: '快速左滑入' },\n { value: 'backInRight', label: '快速右滑入' },\n { value: 'backInUp', label: '快速上滑入' },\n\n // Zooming entrances\n { value: 'zoomIn', label: '缩放进入' },\n { value: 'zoomInDown', label: '下缩放' },\n { value: 'zoomInLeft', label: '左缩放' },\n { value: 'zoomInRight', label: '右缩放' },\n { value: 'zoomInTop', label: '上缩放' },\n ],\n },\n]\nexport default Animates\n"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { ExtractPropTypes } from 'vue';
|
2
|
+
export declare const animateSelectProps: {
|
3
|
+
/**
|
4
|
+
* 类型定义
|
5
|
+
*/
|
6
|
+
modelValue: {
|
7
|
+
type: import("vue").PropType<string>;
|
8
|
+
default: string;
|
9
|
+
};
|
10
|
+
};
|
11
|
+
export type AnimateSelectProps = ExtractPropTypes<typeof animateSelectProps>;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../src/animate-select/src/props.ts"],"sourcesContent":["import { makeStringProp } from 'vant/es/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const animateSelectProps = {\n /**\n * 类型定义\n */\n modelValue: makeStringProp(''),\n}\n\nexport type AnimateSelectProps = ExtractPropTypes<typeof animateSelectProps>\n"],"names":["makeStringProp"],"mappings":";;;;AAGO,MAAM,kBAAqB,GAAA;AAAA;AAAA;AAAA;AAAA,EAIhC,UAAA,EAAYA,qBAAe,EAAE,CAAA;AAC/B;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.dk-animate-content{display:flex;justify-content:space-between;min-height:300px}.dk-animate-content .animate-preview{width:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.dk-animate-content .animate-list{width:600px}.dk-animate-content .animate-list ul li{float:left;width:calc(25% - 10px);padding:10px;cursor:pointer;border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);margin:5px}.dk-animate-content .animate-list ul li:hover{box-shadow:var(--el-box-shadow-lighter)}.dk-animate-content .animate-list ul li.choose{border:1px solid var(--el-color-primary)}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
/* stylelint-disable */
|
2
|
+
.dk-animate-select {
|
3
|
+
}
|
4
|
+
|
5
|
+
.dk-animate-content {
|
6
|
+
display: flex;
|
7
|
+
justify-content: space-between;
|
8
|
+
min-height: 300px;
|
9
|
+
|
10
|
+
.animate-preview {
|
11
|
+
width: 250px;
|
12
|
+
display: flex;
|
13
|
+
align-items: center;
|
14
|
+
justify-content: center;
|
15
|
+
overflow: hidden;
|
16
|
+
position: relative;
|
17
|
+
}
|
18
|
+
|
19
|
+
.animate-list {
|
20
|
+
width: 600px;
|
21
|
+
ul {
|
22
|
+
li {
|
23
|
+
float: left;
|
24
|
+
width: calc(25% - 10px);
|
25
|
+
padding: 10px;
|
26
|
+
cursor: pointer;
|
27
|
+
border: 1px solid var(--el-border-color);
|
28
|
+
border-radius: var(--el-border-radius-base);
|
29
|
+
margin: 5px;
|
30
|
+
&:hover {
|
31
|
+
box-shadow: var(--el-box-shadow-lighter);
|
32
|
+
}
|
33
|
+
&.choose {
|
34
|
+
border: 1px solid var(--el-color-primary);
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
/* stylelint-enable */
|