bkui-vue 0.0.1-beta.1 → 0.0.1-beta.13
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/LICENSE.txt +22 -0
- package/README.md +55 -0
- package/dist/bkui-vue.cjs.js +9957 -257
- package/dist/bkui-vue.esm.js +9919 -257
- package/dist/bkui-vue.umd.js +9967 -267
- package/dist/style.css +4010 -428
- package/lib/alert/alert.css +75 -0
- package/lib/alert/alert.d.ts +53 -0
- package/lib/alert/alert.less +110 -0
- package/lib/alert/alert.variable.css +161 -0
- package/lib/alert/index.d.ts +144 -0
- package/lib/alert/index.js +1 -0
- package/lib/animate-number/animate-number.d.ts +22 -0
- package/lib/animate-number/index.d.ts +77 -0
- package/lib/animate-number/index.js +1 -0
- package/lib/backtop/backtop.css +42 -0
- package/lib/backtop/backtop.d.ts +46 -0
- package/lib/backtop/backtop.less +18 -0
- package/lib/backtop/backtop.variable.css +128 -0
- package/lib/backtop/index.d.ts +110 -0
- package/lib/backtop/index.js +1 -0
- package/lib/badge/badge.css +121 -0
- package/lib/badge/badge.d.ts +70 -0
- package/lib/badge/badge.less +137 -0
- package/lib/badge/badge.variable.css +207 -0
- package/lib/badge/index.d.ts +149 -0
- package/lib/badge/index.js +1 -0
- package/lib/breadcrumb/breadcrumb-item.d.ts +32 -0
- package/lib/breadcrumb/breadcrumb.css +59 -0
- package/lib/breadcrumb/breadcrumb.d.ts +26 -0
- package/lib/breadcrumb/breadcrumb.less +54 -0
- package/lib/breadcrumb/breadcrumb.variable.css +145 -0
- package/lib/breadcrumb/index.d.ts +122 -0
- package/lib/breadcrumb/index.js +1 -0
- package/lib/breadcrumb/props.d.ts +4 -0
- package/lib/button/button-group.d.ts +8 -0
- package/lib/button/button.css +242 -22
- package/lib/button/button.d.ts +114 -0
- package/lib/button/button.less +180 -36
- package/lib/button/button.variable.css +339 -0
- package/lib/button/index.d.ts +170 -0
- package/lib/button/index.js +1 -206
- package/lib/card/card.css +63 -0
- package/lib/card/card.d.ts +54 -0
- package/lib/card/card.less +44 -0
- package/lib/card/card.variable.css +149 -0
- package/lib/card/index.d.ts +127 -0
- package/lib/card/index.js +1 -0
- package/lib/checkbox/checkbox-group.d.ts +44 -0
- package/lib/checkbox/checkbox.css +54 -125
- package/lib/checkbox/checkbox.d.ts +105 -0
- package/lib/checkbox/checkbox.less +66 -6
- package/lib/checkbox/checkbox.variable.css +150 -0
- package/lib/checkbox/common.d.ts +13 -0
- package/lib/checkbox/index.d.ts +221 -0
- package/lib/checkbox/index.js +1 -64
- package/lib/checkbox/type.d.ts +19 -0
- package/lib/collapse/collapse.css +30 -0
- package/lib/collapse/collapse.d.ts +74 -0
- package/lib/collapse/collapse.less +37 -0
- package/lib/collapse/collapse.variable.css +30 -0
- package/lib/collapse/index.d.ts +130 -0
- package/lib/collapse/index.js +1 -0
- package/lib/components.d.ts +31 -0
- package/lib/date-picker/date-picker.css +407 -0
- package/lib/date-picker/date-picker.d.ts +357 -0
- package/lib/date-picker/date-picker.less +526 -0
- package/lib/date-picker/date-picker.variable.css +493 -0
- package/lib/date-picker/fecha.d.ts +6 -0
- package/lib/date-picker/index.d.ts +525 -0
- package/lib/date-picker/index.js +1 -0
- package/lib/date-picker/interface.d.ts +22 -0
- package/lib/date-picker/utils.d.ts +97 -0
- package/lib/dialog/dialog.css +68 -0
- package/lib/dialog/dialog.d.ts +83 -0
- package/lib/dialog/dialog.less +80 -0
- package/lib/dialog/dialog.variable.css +68 -0
- package/lib/dialog/index.d.ts +183 -0
- package/lib/dialog/index.js +1 -0
- package/lib/directives/clickoutside.d.ts +23 -0
- package/lib/directives/index.d.ts +3 -0
- package/lib/directives/index.js +15 -0
- package/lib/directives/mousewheel.d.ts +3 -0
- package/lib/directives/tooltips.d.ts +17 -0
- package/lib/divider/divider.css +38 -0
- package/lib/divider/divider.d.ts +40 -0
- package/lib/divider/divider.less +53 -0
- package/lib/divider/divider.variable.css +124 -0
- package/lib/divider/index.d.ts +110 -0
- package/lib/divider/index.js +1 -0
- package/lib/dropdown/dropdown-item.d.ts +18 -0
- package/lib/dropdown/dropdown-menu.d.ts +15 -0
- package/lib/dropdown/dropdown.css +43 -0
- package/lib/dropdown/dropdown.d.ts +49 -0
- package/lib/dropdown/dropdown.less +54 -0
- package/lib/dropdown/dropdown.variable.css +129 -0
- package/lib/dropdown/index.d.ts +160 -0
- package/lib/dropdown/index.js +1 -0
- package/lib/exception/exception.css +32 -0
- package/lib/exception/exception.d.ts +24 -0
- package/lib/exception/exception.less +39 -0
- package/lib/exception/exception.variable.css +118 -0
- package/lib/exception/index.d.ts +88 -0
- package/lib/exception/index.js +1 -0
- package/lib/fixed-navbar/fixed-navbar.css +42 -0
- package/lib/fixed-navbar/fixed-navbar.d.ts +28 -0
- package/lib/fixed-navbar/fixed-navbar.less +53 -0
- package/lib/fixed-navbar/fixed-navbar.variable.css +128 -0
- package/lib/fixed-navbar/index.d.ts +88 -0
- package/lib/fixed-navbar/index.js +1 -0
- package/lib/form/common.d.ts +3 -0
- package/lib/form/form-item.d.ts +140 -0
- package/lib/form/form.css +39 -0
- package/lib/form/form.d.ts +76 -0
- package/lib/form/form.less +50 -0
- package/lib/form/form.variable.css +39 -0
- package/lib/form/index.d.ts +4 -0
- package/lib/form/index.js +1 -0
- package/lib/form/type.d.ts +21 -0
- package/lib/form/validator.d.ts +8 -0
- package/lib/icon/angle-double-left.d.ts +4 -0
- package/lib/icon/angle-double-right.d.ts +4 -0
- package/lib/icon/angle-down-line.d.ts +4 -0
- package/lib/icon/angle-down.d.ts +4 -0
- package/lib/icon/angle-left.d.ts +4 -0
- package/lib/icon/angle-right.d.ts +4 -0
- package/lib/icon/angle-up.d.ts +4 -0
- package/lib/icon/circle.d.ts +4 -0
- package/lib/icon/close.d.ts +4 -0
- package/lib/icon/code.d.ts +4 -0
- package/lib/icon/cog-shape.d.ts +4 -0
- package/lib/icon/collapse-left.d.ts +4 -0
- package/lib/icon/copy.d.ts +4 -0
- package/lib/icon/done.d.ts +4 -0
- package/lib/icon/down-shape.d.ts +4 -0
- package/lib/icon/down-small.d.ts +4 -0
- package/lib/icon/error.d.ts +4 -0
- package/lib/icon/eye.d.ts +4 -0
- package/lib/icon/folder-open.d.ts +4 -0
- package/lib/icon/folder-shape-open.d.ts +4 -0
- package/lib/icon/folder-shape.d.ts +4 -0
- package/lib/icon/folder.d.ts +4 -0
- package/lib/icon/help-document-fill.d.ts +4 -0
- package/lib/icon/help-fill.d.ts +4 -0
- package/lib/icon/help.d.ts +4 -0
- package/lib/icon/icon.d.ts +12 -0
- package/lib/icon/index.d.ts +38 -0
- package/lib/icon/index.js +15 -0
- package/lib/icon/info-line.d.ts +4 -0
- package/lib/icon/info.d.ts +4 -0
- package/lib/icon/play-shape.d.ts +4 -0
- package/lib/icon/plus.d.ts +4 -0
- package/lib/icon/right-shape.d.ts +4 -0
- package/lib/icon/search.d.ts +4 -0
- package/lib/icon/share.d.ts +4 -0
- package/lib/icon/success.d.ts +4 -0
- package/lib/icon/switcher-loading.d.ts +4 -0
- package/lib/icon/text-file.d.ts +4 -0
- package/lib/icon/tree-application-shape.d.ts +4 -0
- package/lib/icon/unvisible.d.ts +4 -0
- package/lib/icon/warn.d.ts +4 -0
- package/lib/index.d.ts +3 -0
- package/lib/input/index.d.ts +275 -0
- package/lib/input/index.js +15 -60
- package/lib/input/input.css +114 -148
- package/lib/input/input.d.ts +185 -0
- package/lib/input/input.less +107 -40
- package/lib/input/input.variable.css +218 -0
- package/lib/link/index.d.ts +116 -0
- package/lib/link/index.js +1 -0
- package/lib/link/link.css +55 -0
- package/lib/link/link.d.ts +46 -0
- package/lib/link/link.less +74 -0
- package/lib/link/link.variable.css +141 -0
- package/lib/loading/index.d.ts +125 -0
- package/lib/loading/index.js +1 -0
- package/lib/loading/loading.css +225 -0
- package/lib/loading/loading.d.ts +64 -0
- package/lib/loading/loading.less +181 -0
- package/lib/loading/loading.variable.css +311 -0
- package/lib/menu/index.d.ts +169 -0
- package/lib/menu/index.js +1 -0
- package/lib/menu/menu-group.d.ts +13 -0
- package/lib/menu/menu-item.d.ts +15 -0
- package/lib/menu/menu.css +182 -0
- package/lib/menu/menu.d.ts +60 -0
- package/lib/menu/menu.less +180 -0
- package/lib/menu/menu.variable.css +268 -0
- package/lib/menu/submenu.d.ts +21 -0
- package/lib/menu/submenu.less +5 -0
- package/lib/menu/submenu.variable.css +86 -0
- package/lib/menu/utils.d.ts +41 -0
- package/lib/message/index.d.ts +2 -0
- package/lib/message/index.js +1 -0
- package/lib/message/message.css +53 -0
- package/lib/message/message.less +61 -0
- package/lib/message/message.variable.css +139 -0
- package/lib/message/messageConstructor.d.ts +61 -0
- package/lib/modal/index.d.ts +155 -0
- package/lib/modal/index.js +1 -0
- package/lib/modal/modal.css +11 -0
- package/lib/modal/modal.d.ts +47 -0
- package/lib/modal/modal.less +12 -0
- package/lib/modal/modal.variable.css +11 -0
- package/lib/modal/props.mixin.d.ts +22 -0
- package/lib/navigation/index.d.ts +2 -0
- package/lib/navigation/index.js +1 -0
- package/lib/navigation/navigation-title.d.ts +22 -0
- package/lib/navigation/navigation.css +184 -0
- package/lib/navigation/navigation.d.ts +94 -0
- package/lib/navigation/navigation.less +210 -0
- package/lib/navigation/navigation.variable.css +270 -0
- package/lib/notify/index.d.ts +2 -0
- package/lib/notify/index.js +1 -0
- package/lib/notify/notify.css +49 -0
- package/lib/notify/notify.less +58 -0
- package/lib/notify/notify.variable.css +135 -0
- package/lib/notify/notifyConstructor.d.ts +75 -0
- package/lib/popover/index.d.ts +202 -0
- package/lib/popover/index.js +1 -0
- package/lib/popover/popover.css +55 -0
- package/lib/popover/popover.d.ts +88 -0
- package/lib/popover/popover.less +70 -0
- package/lib/popover/popover.variable.css +141 -0
- package/lib/preset.d.ts +8 -0
- package/lib/progress/circle.d.ts +6 -0
- package/lib/progress/index.d.ts +228 -0
- package/lib/progress/index.js +1 -0
- package/lib/progress/line.d.ts +6 -0
- package/lib/progress/progress.css +97 -0
- package/lib/progress/progress.d.ts +118 -0
- package/lib/progress/progress.less +94 -0
- package/lib/progress/progress.variable.css +183 -0
- package/lib/radio/common.d.ts +13 -0
- package/lib/radio/index.d.ts +228 -0
- package/lib/radio/index.js +1 -61
- package/lib/radio/radio-button.d.ts +83 -0
- package/lib/radio/radio-group.d.ts +40 -0
- package/lib/radio/radio.css +128 -125
- package/lib/radio/radio.d.ts +77 -0
- package/lib/radio/radio.less +173 -20
- package/lib/radio/radio.variable.css +224 -0
- package/lib/radio/type.d.ts +9 -0
- package/lib/rate/index.d.ts +101 -0
- package/lib/rate/index.js +1 -0
- package/lib/rate/rate.css +10 -0
- package/lib/rate/rate.d.ts +29 -0
- package/lib/rate/rate.less +11 -0
- package/lib/rate/rate.variable.css +10 -0
- package/lib/rate/star.css +24 -0
- package/lib/rate/star.d.ts +57 -0
- package/lib/rate/star.less +29 -0
- package/lib/rate/star.variable.css +24 -0
- package/lib/select/common.d.ts +28 -0
- package/lib/select/index.d.ts +950 -0
- package/lib/select/index.js +15 -0
- package/lib/select/option.d.ts +32 -0
- package/lib/select/optionGroup.d.ts +115 -0
- package/lib/select/select.css +157 -0
- package/lib/select/select.d.ts +285 -0
- package/lib/select/select.less +203 -0
- package/lib/select/select.variable.css +243 -0
- package/lib/shared/bk-helper-core.d.ts +87 -0
- package/lib/shared/bk-mask-manager.d.ts +47 -0
- package/lib/shared/bk-pop-manager.d.ts +19 -0
- package/lib/shared/bk-popover.d.ts +86 -0
- package/lib/shared/index.d.ts +51 -0
- package/lib/shared/index.js +1 -13
- package/lib/shared/scrollbar-width.d.ts +1 -0
- package/lib/shared/vue-types.d.ts +115 -0
- package/lib/shared/z-index-manager.d.ts +93 -0
- package/lib/sideslider/index.d.ts +139 -0
- package/lib/sideslider/index.js +1 -0
- package/lib/sideslider/sideslider.css +69 -0
- package/lib/sideslider/sideslider.d.ts +54 -0
- package/lib/sideslider/sideslider.less +86 -0
- package/lib/sideslider/sideslider.variable.css +155 -0
- package/lib/slider/index.d.ts +27 -0
- package/lib/slider/index.js +15 -0
- package/lib/slider/slider-button.d.ts +72 -0
- package/lib/slider/slider.css +149 -0
- package/lib/slider/slider.d.ts +159 -0
- package/lib/slider/slider.less +179 -0
- package/lib/slider/slider.variable.css +235 -0
- package/lib/steps/index.d.ts +198 -0
- package/lib/steps/index.js +15 -0
- package/lib/steps/steps.css +285 -0
- package/lib/steps/steps.d.ts +148 -0
- package/lib/steps/steps.less +320 -0
- package/lib/steps/steps.variable.css +371 -0
- package/lib/styles/index.d.ts +38 -0
- package/lib/styles/index.js +1 -0
- package/lib/styles/mixins/animate.css +21 -0
- package/lib/styles/mixins/animate.less +27 -0
- package/lib/styles/mixins/animate.variable.css +21 -0
- package/lib/styles/mixins/ellipsis.less +8 -0
- package/lib/styles/mixins/mixins.css +21 -0
- package/lib/styles/mixins/mixins.less +2 -0
- package/lib/styles/mixins/mixins.variable.css +21 -0
- package/lib/styles/mixins/popper.css +43 -0
- package/lib/styles/mixins/popper.less +52 -0
- package/lib/styles/mixins/popper.variable.css +43 -0
- package/lib/styles/mixins/size.less +10 -1
- package/lib/styles/reset.css +273 -0
- package/lib/styles/reset.less +313 -0
- package/lib/styles/reset.variable.css +273 -0
- package/lib/styles/themes/themes.less +84 -284
- package/lib/switcher/index.d.ts +222 -0
- package/lib/switcher/index.js +1 -0
- package/lib/switcher/switcher.css +258 -0
- package/lib/switcher/switcher.d.ts +97 -0
- package/lib/switcher/switcher.less +302 -0
- package/lib/switcher/switcher.variable.css +344 -0
- package/lib/tab/index.d.ts +416 -0
- package/lib/tab/index.js +1 -0
- package/lib/tab/tab-nav.d.ts +154 -0
- package/lib/tab/tab-panel.d.ts +46 -0
- package/lib/tab/tab.css +147 -0
- package/lib/tab/tab.d.ts +131 -0
- package/lib/tab/tab.less +221 -0
- package/lib/tab/tab.variable.css +233 -0
- package/lib/table/index.d.ts +119 -0
- package/lib/table/index.js +1 -0
- package/lib/table/props.d.ts +41 -0
- package/lib/table/render.d.ts +47 -0
- package/lib/table/table.css +44 -0
- package/lib/table/table.d.ts +26 -0
- package/lib/table/table.less +67 -0
- package/lib/table/table.variable.css +130 -0
- package/lib/table/utils.d.ts +22 -0
- package/lib/tag/index.d.ts +338 -0
- package/lib/tag/index.js +1 -0
- package/lib/tag/tag.d.ts +54 -0
- package/lib/tag/tag.less +5 -0
- package/lib/tag/tag.variable.css +86 -0
- package/lib/tree/index.d.ts +149 -0
- package/lib/tree/index.js +1 -0
- package/lib/tree/tree.css +35 -0
- package/lib/tree/tree.d.ts +58 -0
- package/lib/tree/tree.less +55 -0
- package/lib/tree/tree.variable.css +35 -0
- package/lib/tree/util.d.ts +89 -0
- package/lib/use-message.d.ts +2 -0
- package/package.json +92 -40
- package/lib/styles/mixins/size.css +0 -0
- package/lib/styles/themes/themes.css +0 -119
- package/lib/styles/themes/variables.css +0 -27
- package/lib/styles/themes/variables.less +0 -36
@@ -0,0 +1,75 @@
|
|
1
|
+
.bk-alert {
|
2
|
+
position: relative;
|
3
|
+
font-size: 12px;
|
4
|
+
color: #63656e;
|
5
|
+
text-align: left;
|
6
|
+
word-wrap: break-word;
|
7
|
+
border: 1px solid;
|
8
|
+
border-radius: 2px;
|
9
|
+
}
|
10
|
+
.bk-alert .bk-alert-icon-info {
|
11
|
+
margin-right: 8px;
|
12
|
+
font-size: 16px;
|
13
|
+
}
|
14
|
+
.bk-alert .icon-close {
|
15
|
+
font-size: 17px;
|
16
|
+
}
|
17
|
+
.bk-alert-wraper {
|
18
|
+
display: flex;
|
19
|
+
padding: 8px 10px;
|
20
|
+
}
|
21
|
+
.bk-alert-info {
|
22
|
+
background-color: #f0f8ff;
|
23
|
+
border-color: #c5daff;
|
24
|
+
}
|
25
|
+
.bk-alert-info .bk-alert-icon-info {
|
26
|
+
color: #3a84ff;
|
27
|
+
}
|
28
|
+
.bk-alert-success {
|
29
|
+
background-color: #f2fff4;
|
30
|
+
border-color: #94f5a4;
|
31
|
+
}
|
32
|
+
.bk-alert-success .bk-alert-icon-info {
|
33
|
+
color: #2dcb56;
|
34
|
+
}
|
35
|
+
.bk-alert-warning {
|
36
|
+
background-color: #fff4e2;
|
37
|
+
border-color: #ffdfac;
|
38
|
+
}
|
39
|
+
.bk-alert-warning .bk-alert-icon-info {
|
40
|
+
color: #ff9c01;
|
41
|
+
}
|
42
|
+
.bk-alert-error {
|
43
|
+
background-color: #ffeded;
|
44
|
+
border-color: #ffd2d2;
|
45
|
+
}
|
46
|
+
.bk-alert-error .bk-alert-icon-info {
|
47
|
+
color: #ea3636;
|
48
|
+
}
|
49
|
+
.bk-alert-content {
|
50
|
+
display: flex;
|
51
|
+
flex: 1;
|
52
|
+
flex-direction: column;
|
53
|
+
overflow: hidden;
|
54
|
+
}
|
55
|
+
.bk-alert-title {
|
56
|
+
line-height: 16px;
|
57
|
+
}
|
58
|
+
.bk-alert-close {
|
59
|
+
padding: 8px 12px 0 6px;
|
60
|
+
margin-top: -8px;
|
61
|
+
margin-right: -10px;
|
62
|
+
font-size: 12px;
|
63
|
+
white-space: nowrap;
|
64
|
+
cursor: pointer;
|
65
|
+
}
|
66
|
+
.bk-alert-leave-leave {
|
67
|
+
opacity: 1;
|
68
|
+
}
|
69
|
+
.bk-alert-leave-leave-active {
|
70
|
+
overflow: hidden;
|
71
|
+
transition: opacity 0.15s, height 0.2s;
|
72
|
+
}
|
73
|
+
.bk-alert-leave-leave-to {
|
74
|
+
opacity: 0;
|
75
|
+
}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
2
|
+
theme: import("vue-types").VueTypeDef<string> & {
|
3
|
+
default: string;
|
4
|
+
};
|
5
|
+
size: import("vue-types").VueTypeValidableDef<string> & {
|
6
|
+
default: string;
|
7
|
+
};
|
8
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
closable: import("vue-types").VueTypeValidableDef<boolean> & {
|
12
|
+
default: boolean;
|
13
|
+
} & {
|
14
|
+
default: boolean;
|
15
|
+
};
|
16
|
+
closeText: import("vue-types").VueTypeValidableDef<string> & {
|
17
|
+
default: string;
|
18
|
+
};
|
19
|
+
showIcon: import("vue-types").VueTypeValidableDef<boolean> & {
|
20
|
+
default: boolean;
|
21
|
+
} & {
|
22
|
+
default: boolean;
|
23
|
+
};
|
24
|
+
}, {
|
25
|
+
state: {
|
26
|
+
visible: boolean;
|
27
|
+
};
|
28
|
+
handleClose: () => void;
|
29
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
30
|
+
theme?: unknown;
|
31
|
+
size?: unknown;
|
32
|
+
title?: unknown;
|
33
|
+
closable?: unknown;
|
34
|
+
closeText?: unknown;
|
35
|
+
showIcon?: unknown;
|
36
|
+
} & {
|
37
|
+
title: string;
|
38
|
+
theme: string;
|
39
|
+
size: string;
|
40
|
+
closable: boolean;
|
41
|
+
closeText: string;
|
42
|
+
showIcon: boolean;
|
43
|
+
} & {}> & {
|
44
|
+
onClose?: (...args: any[]) => any;
|
45
|
+
}, {
|
46
|
+
title: string;
|
47
|
+
theme: string;
|
48
|
+
size: string;
|
49
|
+
closable: boolean;
|
50
|
+
closeText: string;
|
51
|
+
showIcon: boolean;
|
52
|
+
}>;
|
53
|
+
export default _default;
|
@@ -0,0 +1,110 @@
|
|
1
|
+
@import '../styles/themes/themes.less';
|
2
|
+
|
3
|
+
@info-border-color: #c5daff;
|
4
|
+
@info-background-color: #f0f8ff;
|
5
|
+
@info-icon-color: #3a84ff;
|
6
|
+
|
7
|
+
@success-border-color: #94f5a4;
|
8
|
+
@success-background-color: #f2fff4;
|
9
|
+
@success-icon-color: #2dcb56;
|
10
|
+
|
11
|
+
@warning-border-color: #ffdfac;
|
12
|
+
@warning-background-color: #fff4e2;
|
13
|
+
@warning-icon-color: #ff9c01;
|
14
|
+
|
15
|
+
@error-border-color: #ffd2d2;
|
16
|
+
@error-background-color: #ffeded;
|
17
|
+
@error-icon-color: #ea3636;
|
18
|
+
|
19
|
+
.bk-alert {
|
20
|
+
position: relative;
|
21
|
+
font-size: @font-size-base;
|
22
|
+
color: #63656e;
|
23
|
+
text-align: left;
|
24
|
+
word-wrap: break-word;
|
25
|
+
border: @border-width-base @border-style-base;
|
26
|
+
border-radius: @border-radius-base;
|
27
|
+
|
28
|
+
.bk-alert-icon-info {
|
29
|
+
margin-right: 8px;
|
30
|
+
font-size: 16px;
|
31
|
+
}
|
32
|
+
|
33
|
+
.icon-close {
|
34
|
+
font-size: 17px;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
.bk-alert-wraper {
|
39
|
+
display: flex;
|
40
|
+
padding: 8px 10px;
|
41
|
+
}
|
42
|
+
|
43
|
+
.bk-alert-info {
|
44
|
+
background-color: @info-background-color;
|
45
|
+
border-color: @info-border-color;
|
46
|
+
|
47
|
+
.bk-alert-icon-info {
|
48
|
+
color: @info-icon-color;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
.bk-alert-success {
|
53
|
+
background-color: @success-background-color;
|
54
|
+
border-color: @success-border-color;
|
55
|
+
|
56
|
+
.bk-alert-icon-info {
|
57
|
+
color: @success-icon-color;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
.bk-alert-warning {
|
62
|
+
background-color: @warning-background-color;
|
63
|
+
border-color: @warning-border-color;
|
64
|
+
|
65
|
+
.bk-alert-icon-info {
|
66
|
+
color: @warning-icon-color;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
.bk-alert-error {
|
71
|
+
background-color: @error-background-color;
|
72
|
+
border-color: @error-border-color;
|
73
|
+
|
74
|
+
.bk-alert-icon-info {
|
75
|
+
color: @error-icon-color;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
79
|
+
.bk-alert-content {
|
80
|
+
display: flex;
|
81
|
+
flex: 1;
|
82
|
+
flex-direction: column;
|
83
|
+
overflow: hidden;
|
84
|
+
}
|
85
|
+
|
86
|
+
.bk-alert-title {
|
87
|
+
line-height: 16px;
|
88
|
+
}
|
89
|
+
|
90
|
+
.bk-alert-close {
|
91
|
+
padding: 8px 12px 0 6px;
|
92
|
+
margin-top: -8px;
|
93
|
+
margin-right: -10px;
|
94
|
+
font-size: 12px;
|
95
|
+
white-space: nowrap;
|
96
|
+
cursor: pointer;
|
97
|
+
}
|
98
|
+
|
99
|
+
.bk-alert-leave-leave {
|
100
|
+
opacity: 1;
|
101
|
+
}
|
102
|
+
|
103
|
+
.bk-alert-leave-leave-active {
|
104
|
+
overflow: hidden;
|
105
|
+
transition: opacity .15s, height .2s;
|
106
|
+
}
|
107
|
+
|
108
|
+
.bk-alert-leave-leave-to {
|
109
|
+
opacity: 0;
|
110
|
+
}
|
@@ -0,0 +1,161 @@
|
|
1
|
+
:root {
|
2
|
+
--bk-prefix: bk;
|
3
|
+
--primary-color: #3a84ff;
|
4
|
+
--success-color: #2dcb56;
|
5
|
+
--warning-color: #ff9c01;
|
6
|
+
--danger-color: #ea3636;
|
7
|
+
--default-color: #63656e;
|
8
|
+
--gray-color: #979ba5;
|
9
|
+
--light-gray: #c4c6cc;
|
10
|
+
--white-color: white;
|
11
|
+
--disable-color: #dcdee5;
|
12
|
+
--font-size-base: 12px;
|
13
|
+
--font-size-medium: 14px;
|
14
|
+
--font-size-large: 16px;
|
15
|
+
--line-height-base: 16px;
|
16
|
+
--line-height-medium: 16px;
|
17
|
+
--line-height-large: 18px;
|
18
|
+
--component-size-small: 26px;
|
19
|
+
--component-size-base: 32px;
|
20
|
+
--component-size-large: 38px;
|
21
|
+
--border-width-base: 1px;
|
22
|
+
--border-style-base: solid;
|
23
|
+
--border-radius-base: 2px;
|
24
|
+
--input-disabled-bg: #fafbfd;
|
25
|
+
--input-disabled-border: var(--disable-color);
|
26
|
+
--input-height-base: var(--component-size-base);
|
27
|
+
--input-color: var(--default-color);
|
28
|
+
--input-bg: white;
|
29
|
+
--input-border-color: var(--light-gray);
|
30
|
+
--input-broder-radius: 3px;
|
31
|
+
--input-shadow-color: #a3c5fd;
|
32
|
+
--input-horizontal-padding: 10px;
|
33
|
+
--input-block-color: #f4f6fa;
|
34
|
+
--input-icon-size: var(--font-size-large);
|
35
|
+
--input-maxlength-color: #979ba5;
|
36
|
+
--button-primary-hover-color: #5594fa;
|
37
|
+
--button-danger-hover-color: #ff5656;
|
38
|
+
--button-success-hover-color: #45e35f;
|
39
|
+
--button-warning-hover-color: #ffb848;
|
40
|
+
--button-default-hover-border-color: #979ba5;
|
41
|
+
--button-primary-active-color: #2c77f4;
|
42
|
+
--button-danger-active-color: #db2626;
|
43
|
+
--button-success-active-color: #1ab943;
|
44
|
+
--button-warning-active-color: #eb9000;
|
45
|
+
--fixed-navbar-background: #fff;
|
46
|
+
--fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
|
47
|
+
--switch-default-color: #fff;
|
48
|
+
--switch-grey-color: #c4c6cc;
|
49
|
+
--breadcrumb-black-color: #979ba5;
|
50
|
+
--breadcrumb-primary-hover-color: #0082ff;
|
51
|
+
--breadcrumb-fn-main-color: #63656e;
|
52
|
+
--link-default-hover-color: #979ba5;
|
53
|
+
--link-primary-hover-color: #699df4;
|
54
|
+
--link-success-hover-color: #45e35f;
|
55
|
+
--link-warning-hover-color: #ffb848;
|
56
|
+
--link-danger-hover-color: #ff5656;
|
57
|
+
--link-default-disabled-color: #dcdee5;
|
58
|
+
--link-primary-disabled-color: #a3c5fd;
|
59
|
+
--link-success-disabled-color: #94f5a4;
|
60
|
+
--link-warning-disabled-color: #ffd695;
|
61
|
+
--link-danger-disabled-color: #fd9c9c;
|
62
|
+
--message-color: var(--default-color);
|
63
|
+
--message-primary-bg-color: #f0f8ff;
|
64
|
+
--message-primary-border-color: #e1ecff;
|
65
|
+
--message-warning-bg-color: #fff4e2;
|
66
|
+
--message-warning-border-color: #ffe8c3;
|
67
|
+
--message-success-bg-color: #f2fff4;
|
68
|
+
--message-success-border-color: #dcffe2;
|
69
|
+
--message-danger-bg-color: #ffeded;
|
70
|
+
--message-danger-border-color: #ffdddd;
|
71
|
+
--slider-default-bg: #dcdee5;
|
72
|
+
--slider-disable-bar-bg: #979ba5;
|
73
|
+
--menu-bg-color: #182132;
|
74
|
+
--submenu-bg-color: #151d2c;
|
75
|
+
--menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
76
|
+
--menu-color: #96a2b9;
|
77
|
+
--menu-group-color: var(--default-color);
|
78
|
+
--menu-width: 260px;
|
79
|
+
--menu-collapse-width: 60px;
|
80
|
+
--menu-active-color: white;
|
81
|
+
--nav-header-bg-color: #182132;
|
82
|
+
--nav-bg-color: #182132;
|
83
|
+
--date-picker-disabled-bg: #fafbfd;
|
84
|
+
--date-picker-dropdown-mb: 4px;
|
85
|
+
--date-picker-dropdown-bg: #fff;
|
86
|
+
}
|
87
|
+
.bk-alert {
|
88
|
+
position: relative;
|
89
|
+
font-size: var(--font-size-base);
|
90
|
+
color: #63656e;
|
91
|
+
text-align: left;
|
92
|
+
word-wrap: break-word;
|
93
|
+
border: var(--border-width-base) var(--border-style-base);
|
94
|
+
border-radius: var(--border-radius-base);
|
95
|
+
}
|
96
|
+
.bk-alert .bk-alert-icon-info {
|
97
|
+
margin-right: 8px;
|
98
|
+
font-size: 16px;
|
99
|
+
}
|
100
|
+
.bk-alert .icon-close {
|
101
|
+
font-size: 17px;
|
102
|
+
}
|
103
|
+
.bk-alert-wraper {
|
104
|
+
display: flex;
|
105
|
+
padding: 8px 10px;
|
106
|
+
}
|
107
|
+
.bk-alert-info {
|
108
|
+
background-color: #f0f8ff;
|
109
|
+
border-color: #c5daff;
|
110
|
+
}
|
111
|
+
.bk-alert-info .bk-alert-icon-info {
|
112
|
+
color: #3a84ff;
|
113
|
+
}
|
114
|
+
.bk-alert-success {
|
115
|
+
background-color: #f2fff4;
|
116
|
+
border-color: #94f5a4;
|
117
|
+
}
|
118
|
+
.bk-alert-success .bk-alert-icon-info {
|
119
|
+
color: #2dcb56;
|
120
|
+
}
|
121
|
+
.bk-alert-warning {
|
122
|
+
background-color: #fff4e2;
|
123
|
+
border-color: #ffdfac;
|
124
|
+
}
|
125
|
+
.bk-alert-warning .bk-alert-icon-info {
|
126
|
+
color: #ff9c01;
|
127
|
+
}
|
128
|
+
.bk-alert-error {
|
129
|
+
background-color: #ffeded;
|
130
|
+
border-color: #ffd2d2;
|
131
|
+
}
|
132
|
+
.bk-alert-error .bk-alert-icon-info {
|
133
|
+
color: #ea3636;
|
134
|
+
}
|
135
|
+
.bk-alert-content {
|
136
|
+
display: flex;
|
137
|
+
flex: 1;
|
138
|
+
flex-direction: column;
|
139
|
+
overflow: hidden;
|
140
|
+
}
|
141
|
+
.bk-alert-title {
|
142
|
+
line-height: 16px;
|
143
|
+
}
|
144
|
+
.bk-alert-close {
|
145
|
+
padding: 8px 12px 0 6px;
|
146
|
+
margin-top: -8px;
|
147
|
+
margin-right: -10px;
|
148
|
+
font-size: 12px;
|
149
|
+
white-space: nowrap;
|
150
|
+
cursor: pointer;
|
151
|
+
}
|
152
|
+
.bk-alert-leave-leave {
|
153
|
+
opacity: 1;
|
154
|
+
}
|
155
|
+
.bk-alert-leave-leave-active {
|
156
|
+
overflow: hidden;
|
157
|
+
transition: opacity 0.15s, height 0.2s;
|
158
|
+
}
|
159
|
+
.bk-alert-leave-leave-to {
|
160
|
+
opacity: 0;
|
161
|
+
}
|
@@ -0,0 +1,144 @@
|
|
1
|
+
declare const BkAlert: {
|
2
|
+
new (...args: any[]): {
|
3
|
+
$: import("vue").ComponentInternalInstance;
|
4
|
+
$data: {};
|
5
|
+
$props: Partial<{
|
6
|
+
title: string;
|
7
|
+
theme: string;
|
8
|
+
size: string;
|
9
|
+
closable: boolean;
|
10
|
+
closeText: string;
|
11
|
+
showIcon: boolean;
|
12
|
+
}> & Omit<Readonly<{
|
13
|
+
theme?: unknown;
|
14
|
+
size?: unknown;
|
15
|
+
title?: unknown;
|
16
|
+
closable?: unknown;
|
17
|
+
closeText?: unknown;
|
18
|
+
showIcon?: unknown;
|
19
|
+
} & {
|
20
|
+
title: string;
|
21
|
+
theme: string;
|
22
|
+
size: string;
|
23
|
+
closable: boolean;
|
24
|
+
closeText: string;
|
25
|
+
showIcon: boolean;
|
26
|
+
} & {}> & {
|
27
|
+
onClose?: (...args: any[]) => any;
|
28
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "size" | "closable" | "closeText" | "showIcon">;
|
29
|
+
$attrs: {
|
30
|
+
[x: string]: unknown;
|
31
|
+
};
|
32
|
+
$refs: {
|
33
|
+
[x: string]: unknown;
|
34
|
+
};
|
35
|
+
$slots: Readonly<{
|
36
|
+
[name: string]: import("vue").Slot;
|
37
|
+
}>;
|
38
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
39
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
40
|
+
$emit: (event: "close", ...args: any[]) => void;
|
41
|
+
$el: any;
|
42
|
+
$options: import("vue").ComponentOptionsBase<Readonly<{
|
43
|
+
theme?: unknown;
|
44
|
+
size?: unknown;
|
45
|
+
title?: unknown;
|
46
|
+
closable?: unknown;
|
47
|
+
closeText?: unknown;
|
48
|
+
showIcon?: unknown;
|
49
|
+
} & {
|
50
|
+
title: string;
|
51
|
+
theme: string;
|
52
|
+
size: string;
|
53
|
+
closable: boolean;
|
54
|
+
closeText: string;
|
55
|
+
showIcon: boolean;
|
56
|
+
} & {}> & {
|
57
|
+
onClose?: (...args: any[]) => any;
|
58
|
+
}, {
|
59
|
+
state: {
|
60
|
+
visible: boolean;
|
61
|
+
};
|
62
|
+
handleClose: () => void;
|
63
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], string, {
|
64
|
+
title: string;
|
65
|
+
theme: string;
|
66
|
+
size: string;
|
67
|
+
closable: boolean;
|
68
|
+
closeText: string;
|
69
|
+
showIcon: boolean;
|
70
|
+
}> & {
|
71
|
+
beforeCreate?: (() => void) | (() => void)[];
|
72
|
+
created?: (() => void) | (() => void)[];
|
73
|
+
beforeMount?: (() => void) | (() => void)[];
|
74
|
+
mounted?: (() => void) | (() => void)[];
|
75
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
76
|
+
updated?: (() => void) | (() => void)[];
|
77
|
+
activated?: (() => void) | (() => void)[];
|
78
|
+
deactivated?: (() => void) | (() => void)[];
|
79
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
80
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
81
|
+
destroyed?: (() => void) | (() => void)[];
|
82
|
+
unmounted?: (() => void) | (() => void)[];
|
83
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
84
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
85
|
+
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
|
86
|
+
};
|
87
|
+
$forceUpdate: () => void;
|
88
|
+
$nextTick: typeof import("vue").nextTick;
|
89
|
+
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
90
|
+
} & Readonly<{
|
91
|
+
theme?: unknown;
|
92
|
+
size?: unknown;
|
93
|
+
title?: unknown;
|
94
|
+
closable?: unknown;
|
95
|
+
closeText?: unknown;
|
96
|
+
showIcon?: unknown;
|
97
|
+
} & {
|
98
|
+
title: string;
|
99
|
+
theme: string;
|
100
|
+
size: string;
|
101
|
+
closable: boolean;
|
102
|
+
closeText: string;
|
103
|
+
showIcon: boolean;
|
104
|
+
} & {}> & {
|
105
|
+
onClose?: (...args: any[]) => any;
|
106
|
+
} & import("vue").ShallowUnwrapRef<{
|
107
|
+
state: {
|
108
|
+
visible: boolean;
|
109
|
+
};
|
110
|
+
handleClose: () => void;
|
111
|
+
}> & {} & {} & import("vue").ComponentCustomProperties;
|
112
|
+
__isFragment?: never;
|
113
|
+
__isTeleport?: never;
|
114
|
+
__isSuspense?: never;
|
115
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
116
|
+
theme?: unknown;
|
117
|
+
size?: unknown;
|
118
|
+
title?: unknown;
|
119
|
+
closable?: unknown;
|
120
|
+
closeText?: unknown;
|
121
|
+
showIcon?: unknown;
|
122
|
+
} & {
|
123
|
+
title: string;
|
124
|
+
theme: string;
|
125
|
+
size: string;
|
126
|
+
closable: boolean;
|
127
|
+
closeText: string;
|
128
|
+
showIcon: boolean;
|
129
|
+
} & {}> & {
|
130
|
+
onClose?: (...args: any[]) => any;
|
131
|
+
}, {
|
132
|
+
state: {
|
133
|
+
visible: boolean;
|
134
|
+
};
|
135
|
+
handleClose: () => void;
|
136
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", {
|
137
|
+
title: string;
|
138
|
+
theme: string;
|
139
|
+
size: string;
|
140
|
+
closable: boolean;
|
141
|
+
closeText: string;
|
142
|
+
showIcon: boolean;
|
143
|
+
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
144
|
+
export default BkAlert;
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var l=r(i.exports),n=t.defineComponent({name:"BkAlert",props:{theme:o.PropTypes.theme(["info","success","warning","error"]).def("info"),size:o.PropTypes.string,title:o.PropTypes.string,closable:o.PropTypes.bool.def(!1),closeText:o.PropTypes.string,showIcon:o.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,o){var s=t.reactive({visible:!0});return{state:s,handleClose:function(){s.visible=!1,o.emit("close")}}},render:function(){if(!this.state.visible)return null;var e=Boolean(this.closeText),r=o.classes({"bk-alert-close":!0,"close-text":e,"icon-close":!e}),i=o.classes(l({"bk-alert":!0},"bk-alert-".concat(this.theme),!0));return t.createVNode("div",{class:i},[t.createVNode("div",{class:"bk-alert-wraper"},[this.showIcon&&t.createVNode(s.Help,{class:"bk-alert-icon-info"},null),t.createVNode("div",{class:"bk-alert-content"},[t.createVNode("div",{class:"bk-alert-title"},[this.title]),t.createVNode("div",{class:"bk-alert-description"},null)]),t.createVNode("span",{class:r,onClick:this.handleClose},[this.closeText])])])}}),a=o.withInstall(n);e.default=a,Object.defineProperty(e,"__esModule",{value:!0})}));
|
@@ -0,0 +1,22 @@
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
2
|
+
value: import("vue-types").VueTypeValidableDef<number> & {
|
3
|
+
default: number;
|
4
|
+
} & {
|
5
|
+
default: number;
|
6
|
+
};
|
7
|
+
digits: import("vue-types").VueTypeValidableDef<number> & {
|
8
|
+
default: number;
|
9
|
+
} & {
|
10
|
+
default: number;
|
11
|
+
};
|
12
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
13
|
+
value?: unknown;
|
14
|
+
digits?: unknown;
|
15
|
+
} & {
|
16
|
+
value: number;
|
17
|
+
digits: number;
|
18
|
+
} & {}> & {}, {
|
19
|
+
value: number;
|
20
|
+
digits: number;
|
21
|
+
}>;
|
22
|
+
export default _default;
|
@@ -0,0 +1,77 @@
|
|
1
|
+
declare const BkAnimateNumber: {
|
2
|
+
new (...args: any[]): {
|
3
|
+
$: import("vue").ComponentInternalInstance;
|
4
|
+
$data: {};
|
5
|
+
$props: Partial<{
|
6
|
+
value: number;
|
7
|
+
digits: number;
|
8
|
+
}> & Omit<Readonly<{
|
9
|
+
value?: unknown;
|
10
|
+
digits?: unknown;
|
11
|
+
} & {
|
12
|
+
value: number;
|
13
|
+
digits: number;
|
14
|
+
} & {}> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "value" | "digits">;
|
15
|
+
$attrs: {
|
16
|
+
[x: string]: unknown;
|
17
|
+
};
|
18
|
+
$refs: {
|
19
|
+
[x: string]: unknown;
|
20
|
+
};
|
21
|
+
$slots: Readonly<{
|
22
|
+
[name: string]: import("vue").Slot;
|
23
|
+
}>;
|
24
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
25
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
26
|
+
$emit: (event: string, ...args: any[]) => void;
|
27
|
+
$el: any;
|
28
|
+
$options: import("vue").ComponentOptionsBase<Readonly<{
|
29
|
+
value?: unknown;
|
30
|
+
digits?: unknown;
|
31
|
+
} & {
|
32
|
+
value: number;
|
33
|
+
digits: number;
|
34
|
+
} & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
|
35
|
+
value: number;
|
36
|
+
digits: number;
|
37
|
+
}> & {
|
38
|
+
beforeCreate?: (() => void) | (() => void)[];
|
39
|
+
created?: (() => void) | (() => void)[];
|
40
|
+
beforeMount?: (() => void) | (() => void)[];
|
41
|
+
mounted?: (() => void) | (() => void)[];
|
42
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
43
|
+
updated?: (() => void) | (() => void)[];
|
44
|
+
activated?: (() => void) | (() => void)[];
|
45
|
+
deactivated?: (() => void) | (() => void)[];
|
46
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
47
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
48
|
+
destroyed?: (() => void) | (() => void)[];
|
49
|
+
unmounted?: (() => void) | (() => void)[];
|
50
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
51
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
52
|
+
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
|
53
|
+
};
|
54
|
+
$forceUpdate: () => void;
|
55
|
+
$nextTick: typeof import("vue").nextTick;
|
56
|
+
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
57
|
+
} & Readonly<{
|
58
|
+
value?: unknown;
|
59
|
+
digits?: unknown;
|
60
|
+
} & {
|
61
|
+
value: number;
|
62
|
+
digits: number;
|
63
|
+
} & {}> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
|
64
|
+
__isFragment?: never;
|
65
|
+
__isTeleport?: never;
|
66
|
+
__isSuspense?: never;
|
67
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
68
|
+
value?: unknown;
|
69
|
+
digits?: unknown;
|
70
|
+
} & {
|
71
|
+
value: number;
|
72
|
+
digits: number;
|
73
|
+
} & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
|
74
|
+
value: number;
|
75
|
+
digits: number;
|
76
|
+
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
77
|
+
export default BkAnimateNumber;
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,n,t){"use strict";var u=n.defineComponent({name:"BkAnimateNumber",props:{value:t.PropTypes.number.def(0),digits:t.PropTypes.number.def(0)},setup:function(e){var t=-1,u=n.ref(0),i=n.computed((function(){return Number(u.value).toFixed(e.digits)})),o=function(n,i){if(Number.isNaN(+i))return 0;var o=Math.abs(i-n),r=i-n>0?1:-1,a=Math.ceil(o/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(o/a),d=1;!function e(){if(d<f)return t=requestAnimationFrame(e),void(d+=1);u.value+=a*r,(1===r?u.value<i:u.value>i)?(t=requestAnimationFrame(e),d=1):u.value=i}()};return n.watch((function(){return e.value}),(function(e,n){o(n,e)})),n.onMounted((function(){o(0,e.value)})),n.onBeforeUnmount((function(){cancelAnimationFrame(t)})),function(){return n.createVNode("span",null,[i.value])}}}),i=t.withInstall(u);e.default=i,Object.defineProperty(e,"__esModule",{value:!0})}));
|
@@ -0,0 +1,42 @@
|
|
1
|
+
@keyframes loading-scale-animate {
|
2
|
+
0% {
|
3
|
+
transform: scale(1);
|
4
|
+
}
|
5
|
+
100% {
|
6
|
+
transform: scale(0.6);
|
7
|
+
}
|
8
|
+
}
|
9
|
+
@keyframes fade {
|
10
|
+
100% {
|
11
|
+
background-color: transparent;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
.bk-fade-transtion .bk-fade-enter-active,
|
15
|
+
.bk-fade-transtion .bk-fade-leave-active {
|
16
|
+
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
|
+
}
|
18
|
+
.bk-fade-transtion .bk-fade-enter,
|
19
|
+
.bk-fade-transtion .bk-fade-leave-to {
|
20
|
+
opacity: 0;
|
21
|
+
}
|
22
|
+
.bk-backtop {
|
23
|
+
position: fixed;
|
24
|
+
display: flex;
|
25
|
+
width: 52px;
|
26
|
+
height: 52px;
|
27
|
+
cursor: pointer;
|
28
|
+
background: #fff;
|
29
|
+
border-radius: 50%;
|
30
|
+
opacity: 1;
|
31
|
+
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
|
32
|
+
align-items: center;
|
33
|
+
justify-content: center;
|
34
|
+
}
|
35
|
+
.bk-fade-enter-active,
|
36
|
+
.bk-fade-leave-active {
|
37
|
+
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
38
|
+
}
|
39
|
+
.bk-fade-enter,
|
40
|
+
.bk-fade-leave-to {
|
41
|
+
opacity: 0;
|
42
|
+
}
|