bkui-vue 1.0.3-beta.26 → 1.0.3-beta.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +46 -46
- package/dist/index.esm.js +6162 -6148
- package/dist/index.umd.js +46 -46
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/affix.css +1 -1
- package/lib/affix/affix.less +2 -2
- package/lib/affix/affix.variable.css +3 -3
- package/lib/affix/index.js +13 -15
- package/lib/alert/alert.css +21 -21
- package/lib/alert/alert.less +16 -17
- package/lib/alert/alert.variable.css +23 -23
- package/lib/alert/index.js +22 -24
- package/lib/animate-number/index.js +5 -6
- package/lib/backtop/backtop.css +11 -11
- package/lib/backtop/backtop.less +3 -3
- package/lib/backtop/backtop.variable.css +13 -13
- package/lib/backtop/index.js +20 -22
- package/lib/badge/badge.css +32 -32
- package/lib/badge/badge.less +5 -5
- package/lib/badge/badge.variable.css +34 -34
- package/lib/badge/index.js +19 -21
- package/lib/breadcrumb/breadcrumb.css +31 -31
- package/lib/breadcrumb/breadcrumb.less +8 -8
- package/lib/breadcrumb/breadcrumb.variable.css +33 -33
- package/lib/breadcrumb/index.js +24 -26
- package/lib/button/button.css +69 -69
- package/lib/button/button.less +5 -3
- package/lib/button/button.variable.css +71 -71
- package/lib/button/index.js +28 -37
- package/lib/card/card.css +31 -31
- package/lib/card/card.less +4 -4
- package/lib/card/card.variable.css +33 -33
- package/lib/card/index.js +35 -43
- package/lib/cascader/cascader.css +63 -63
- package/lib/cascader/cascader.less +11 -12
- package/lib/cascader/cascader.variable.css +65 -65
- package/lib/cascader/index.js +80 -100
- package/lib/checkbox/checkbox.css +21 -21
- package/lib/checkbox/checkbox.less +8 -8
- package/lib/checkbox/checkbox.variable.css +23 -23
- package/lib/checkbox/index.js +32 -34
- package/lib/code-diff/code-diff.css +97 -97
- package/lib/code-diff/code-diff.less +4 -3
- package/lib/code-diff/code-diff.variable.css +99 -99
- package/lib/code-diff/index.js +12 -14
- package/lib/collapse/collapse.css +30 -30
- package/lib/collapse/collapse.less +24 -25
- package/lib/collapse/collapse.variable.css +32 -32
- package/lib/collapse/index.js +39 -41
- package/lib/collapse-transition/collapse-transition.css +32 -32
- package/lib/collapse-transition/collapse-transition.less +48 -59
- package/lib/collapse-transition/collapse-transition.variable.css +34 -34
- package/lib/collapse-transition/index.js +8 -9
- package/lib/color-picker/color-picker.css +57 -57
- package/lib/color-picker/color-picker.less +30 -36
- package/lib/color-picker/color-picker.variable.css +59 -59
- package/lib/color-picker/index.js +48 -50
- package/lib/components.js +505 -60
- package/lib/config-provider/config-provider.variable.css +2 -2
- package/lib/config-provider/index.js +8 -9
- package/lib/container/container.css +19 -19
- package/lib/container/container.less +3 -3
- package/lib/container/container.variable.css +21 -21
- package/lib/container/index.js +19 -21
- package/lib/date-picker/date-picker.css +92 -92
- package/lib/date-picker/date-picker.d.ts +1 -0
- package/lib/date-picker/date-picker.less +54 -55
- package/lib/date-picker/date-picker.variable.css +94 -94
- package/lib/date-picker/index.d.ts +3 -0
- package/lib/date-picker/index.js +69 -77
- package/lib/date-picker/time-picker.d.ts +1 -0
- package/lib/dialog/dialog.css +51 -51
- package/lib/dialog/dialog.less +1 -1
- package/lib/dialog/dialog.variable.css +53 -53
- package/lib/dialog/index.js +49 -63
- package/lib/directives/index.js +12 -13
- package/lib/dist.index.js +62 -5
- package/lib/divider/divider.css +8 -8
- package/lib/divider/divider.less +8 -5
- package/lib/divider/divider.variable.css +10 -10
- package/lib/divider/index.js +13 -15
- package/lib/dropdown/dropdown.css +15 -15
- package/lib/dropdown/dropdown.less +6 -6
- package/lib/dropdown/dropdown.variable.css +17 -17
- package/lib/dropdown/index.js +24 -32
- package/lib/exception/exception.css +13 -13
- package/lib/exception/exception.less +6 -6
- package/lib/exception/exception.variable.css +15 -15
- package/lib/exception/index.js +11 -13
- package/lib/fixed-navbar/fixed-navbar.css +9 -9
- package/lib/fixed-navbar/fixed-navbar.less +2 -1
- package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
- package/lib/fixed-navbar/index.js +13 -15
- package/lib/form/form.css +63 -63
- package/lib/form/form.less +16 -14
- package/lib/form/form.variable.css +65 -65
- package/lib/form/index.js +48 -50
- package/lib/hooks.js +48 -1
- package/lib/icon/index.js +0 -1
- package/lib/image/image-viewer.css +23 -23
- package/lib/image/image-viewer.less +25 -24
- package/lib/image/image-viewer.variable.css +25 -25
- package/lib/image/image.css +29 -29
- package/lib/image/image.less +8 -6
- package/lib/image/image.variable.css +31 -31
- package/lib/image/index.js +38 -39
- package/lib/index.js +72 -7
- package/lib/info-box/index.js +13 -21
- package/lib/info-box/info-box.css +10 -10
- package/lib/info-box/info-box.less +2 -1
- package/lib/info-box/info-box.variable.css +12 -12
- package/lib/input/index.js +59 -61
- package/lib/input/input.css +104 -102
- package/lib/input/input.less +33 -27
- package/lib/input/input.variable.css +106 -104
- package/lib/link/index.js +13 -15
- package/lib/link/link.css +18 -18
- package/lib/link/link.less +3 -1
- package/lib/link/link.variable.css +20 -20
- package/lib/loading/index.js +17 -19
- package/lib/loading/loading.css +94 -94
- package/lib/loading/loading.less +4 -4
- package/lib/loading/loading.variable.css +96 -96
- package/lib/locale/index.js +0 -1
- package/lib/menu/index.js +13 -15
- package/lib/menu/menu.css +38 -38
- package/lib/menu/menu.less +10 -10
- package/lib/menu/menu.variable.css +40 -40
- package/lib/menu/submenu.css +1 -1
- package/lib/menu/submenu.less +1 -1
- package/lib/menu/submenu.variable.css +3 -3
- package/lib/message/index.js +38 -40
- package/lib/message/message.css +59 -59
- package/lib/message/message.less +24 -25
- package/lib/message/message.variable.css +61 -61
- package/lib/modal/index.js +41 -43
- package/lib/modal/modal.css +26 -26
- package/lib/modal/modal.less +12 -8
- package/lib/modal/modal.variable.css +28 -28
- package/lib/navigation/index.js +14 -16
- package/lib/navigation/navigation.css +25 -25
- package/lib/navigation/navigation.less +9 -9
- package/lib/navigation/navigation.variable.css +27 -27
- package/lib/notify/index.js +31 -33
- package/lib/notify/notify.css +17 -17
- package/lib/notify/notify.less +6 -8
- package/lib/notify/notify.variable.css +19 -19
- package/lib/overflow-title/index.js +14 -22
- package/lib/pagination/index.js +50 -65
- package/lib/pagination/pagination.css +60 -60
- package/lib/pagination/pagination.less +25 -24
- package/lib/pagination/pagination.variable.css +62 -62
- package/lib/plugin-popover/index.js +53 -54
- package/lib/plugins/index.js +0 -1
- package/lib/pop-confirm/index.js +28 -42
- package/lib/pop-confirm/pop-confirm.css +10 -10
- package/lib/pop-confirm/pop-confirm.less +11 -14
- package/lib/pop-confirm/pop-confirm.variable.css +12 -12
- package/lib/popover/index.js +52 -54
- package/lib/popover/popover.css +5 -5
- package/lib/popover/popover.less +6 -5
- package/lib/popover/popover.variable.css +7 -7
- package/lib/popover2/index.js +3 -4
- package/lib/preset.js +64 -18
- package/lib/process/index.js +26 -27
- package/lib/process/process.css +33 -36
- package/lib/process/process.less +7 -8
- package/lib/process/process.variable.css +35 -38
- package/lib/progress/index.js +26 -28
- package/lib/progress/progress.css +33 -33
- package/lib/progress/progress.less +5 -6
- package/lib/progress/progress.variable.css +35 -35
- package/lib/radio/index.js +32 -34
- package/lib/radio/radio.css +51 -51
- package/lib/radio/radio.less +20 -13
- package/lib/radio/radio.variable.css +53 -53
- package/lib/rate/index.js +22 -24
- package/lib/rate/rate.css +2 -2
- package/lib/rate/rate.less +1 -1
- package/lib/rate/rate.variable.css +4 -4
- package/lib/rate/star.css +7 -7
- package/lib/rate/star.less +1 -1
- package/lib/rate/star.variable.css +9 -9
- package/lib/resize-layout/index.js +25 -27
- package/lib/resize-layout/resize-layout.css +42 -42
- package/lib/resize-layout/resize-layout.less +10 -17
- package/lib/resize-layout/resize-layout.variable.css +44 -44
- package/lib/search-select/index.js +49 -68
- package/lib/search-select/search-select.css +15 -15
- package/lib/search-select/search-select.variable.css +17 -17
- package/lib/select/index.js +129 -168
- package/lib/select/select.css +87 -87
- package/lib/select/select.less +22 -27
- package/lib/select/select.variable.css +89 -89
- package/lib/shared/index.js +4 -7
- package/lib/sideslider/index.js +14 -22
- package/lib/sideslider/sideslider.css +14 -14
- package/lib/sideslider/sideslider.less +13 -9
- package/lib/sideslider/sideslider.variable.css +16 -16
- package/lib/slider/index.js +22 -36
- package/lib/slider/slider.css +31 -31
- package/lib/slider/slider.less +8 -8
- package/lib/slider/slider.variable.css +33 -33
- package/lib/steps/index.js +28 -30
- package/lib/steps/steps.css +134 -134
- package/lib/steps/steps.less +48 -44
- package/lib/steps/steps.variable.css +136 -136
- package/lib/styles/mixins/animate.css +4 -4
- package/lib/styles/mixins/animate.less +3 -3
- package/lib/styles/mixins/animate.variable.css +6 -6
- package/lib/styles/mixins/mixins.css +15 -15
- package/lib/styles/mixins/mixins.variable.css +15 -15
- package/lib/styles/mixins/popper.css +11 -11
- package/lib/styles/mixins/popper.less +6 -6
- package/lib/styles/mixins/popper.variable.css +13 -13
- package/lib/styles/mixins/scroll.css +5 -5
- package/lib/styles/mixins/scroll.less +4 -4
- package/lib/styles/mixins/scroll.variable.css +7 -7
- package/lib/styles/reset.css +6 -6
- package/lib/styles/reset.less +5 -4
- package/lib/styles/reset.variable.css +8 -8
- package/lib/styles/themes/themes.less +10 -3
- package/lib/swiper/index.js +14 -16
- package/lib/swiper/swiper.css +15 -15
- package/lib/swiper/swiper.less +8 -8
- package/lib/swiper/swiper.variable.css +17 -17
- package/lib/switcher/index.js +29 -31
- package/lib/switcher/switcher.css +57 -57
- package/lib/switcher/switcher.less +22 -14
- package/lib/switcher/switcher.variable.css +59 -59
- package/lib/tab/index.js +44 -46
- package/lib/tab/tab.css +78 -78
- package/lib/tab/tab.less +39 -40
- package/lib/tab/tab.variable.css +80 -80
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +1 -0
- package/lib/table/index.js +168 -207
- package/lib/table/plugins/head-filter.css +13 -13
- package/lib/table/plugins/head-filter.less +3 -3
- package/lib/table/plugins/head-filter.variable.css +15 -15
- package/lib/table/plugins/head-sort.css +5 -5
- package/lib/table/plugins/head-sort.less +2 -2
- package/lib/table/plugins/head-sort.variable.css +7 -7
- package/lib/table/plugins/settings.css +26 -26
- package/lib/table/plugins/settings.less +3 -1
- package/lib/table/plugins/settings.variable.css +28 -28
- package/lib/table/table.css +380 -380
- package/lib/table/table.less +14 -10
- package/lib/table/table.variable.css +382 -382
- package/lib/table-column/index.d.ts +3 -0
- package/lib/table-column/index.js +57 -43
- package/lib/tag/index.js +19 -21
- package/lib/tag/tag.css +51 -51
- package/lib/tag/tag.less +34 -34
- package/lib/tag/tag.variable.css +53 -53
- package/lib/tag-input/index.js +65 -80
- package/lib/tag-input/tag-input.css +38 -38
- package/lib/tag-input/tag-input.less +3 -3
- package/lib/tag-input/tag-input.variable.css +40 -40
- package/lib/time-picker/index.d.ts +3 -0
- package/lib/time-picker/index.js +7 -9
- package/lib/time-picker/time-picker.css +40 -40
- package/lib/time-picker/time-picker.less +44 -76
- package/lib/time-picker/time-picker.variable.css +42 -42
- package/lib/timeline/index.js +12 -13
- package/lib/timeline/timeline.css +69 -69
- package/lib/timeline/timeline.less +12 -6
- package/lib/timeline/timeline.variable.css +71 -71
- package/lib/transfer/index.js +36 -51
- package/lib/transfer/transfer.css +89 -89
- package/lib/transfer/transfer.less +1 -1
- package/lib/transfer/transfer.variable.css +91 -91
- package/lib/tree/index.js +72 -92
- package/lib/tree/tree.css +49 -49
- package/lib/tree/tree.less +7 -6
- package/lib/tree/tree.variable.css +51 -51
- package/lib/upload/index.js +48 -63
- package/lib/upload/upload.css +98 -98
- package/lib/upload/upload.less +69 -68
- package/lib/upload/upload.variable.css +100 -100
- package/lib/virtual-render/index.js +33 -35
- package/lib/virtual-render/virtual-render.css +9 -9
- package/lib/virtual-render/virtual-render.less +1 -1
- package/lib/virtual-render/virtual-render.variable.css +11 -11
- package/package.json +1 -1
- package/lib/styles/themes/themes copy.less +0 -167
package/lib/affix/affix.css
CHANGED
package/lib/affix/affix.less
CHANGED
@@ -12,13 +12,13 @@
|
|
12
12
|
--whitesmoke-color: #fafbfd;
|
13
13
|
--disable-color: #dcdee5;
|
14
14
|
--disable-bg-color: #f9fafd;
|
15
|
+
--border-color: #dcdee5;
|
15
16
|
--font-size-base: 12px;
|
16
17
|
--font-size-medium: 14px;
|
17
18
|
--font-size-large: 16px;
|
18
19
|
--line-height-base: 16px;
|
19
20
|
--line-height-medium: 16px;
|
20
21
|
--line-height-large: 18px;
|
21
|
-
--border-color: #dcdee5;
|
22
22
|
--component-size-small: 26px;
|
23
23
|
--component-size-base: 32px;
|
24
24
|
--component-size-large: 40px;
|
@@ -111,7 +111,7 @@
|
|
111
111
|
--table-border-color: #dcdee5;
|
112
112
|
--table-head-bg-color: #fafbfd;
|
113
113
|
--table-head-font-color: #313238;
|
114
|
-
--table-body-font-color: #
|
114
|
+
--table-body-font-color: #63656E;
|
115
115
|
--table-row-hover-bg-color: #f5f7fa;
|
116
116
|
--table-row-active-bg-color: #f0f1f5;
|
117
117
|
--cascader-panel-border-color: #dcdee5;
|
@@ -127,6 +127,6 @@
|
|
127
127
|
--select-active-color: #e1ecff;
|
128
128
|
--select-hover-color: #f5f7fa;
|
129
129
|
}
|
130
|
-
|
130
|
+
.bk-affix {
|
131
131
|
position: fixed;
|
132
132
|
}
|
package/lib/affix/index.js
CHANGED
@@ -1,9 +1,7 @@
|
|
1
|
-
import "../
|
2
|
-
import "./affix.less";
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
|
4
2
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
5
3
|
import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
|
6
|
-
import * as
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
|
7
5
|
/******/ // The require scope
|
8
6
|
/******/ var __webpack_require__ = {};
|
9
7
|
/******/
|
@@ -36,7 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
36
34
|
;// CONCATENATED MODULE: external "../shared"
|
37
35
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
38
36
|
var y = x => () => x
|
39
|
-
const
|
37
|
+
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
|
40
38
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
41
39
|
function _typeof(o) {
|
42
40
|
"@babel/helpers - typeof";
|
@@ -91,9 +89,9 @@ var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
91
89
|
var throttle_y = x => () => x
|
92
90
|
const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
|
93
91
|
;// CONCATENATED MODULE: external "../config-provider"
|
94
|
-
var
|
95
|
-
var
|
96
|
-
const
|
92
|
+
var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
93
|
+
var external_config_provider_y = x => () => x
|
94
|
+
const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
|
97
95
|
;// CONCATENATED MODULE: ../../packages/affix/src/affix.tsx
|
98
96
|
|
99
97
|
|
@@ -160,10 +158,10 @@ var off = function () {
|
|
160
158
|
/* harmony default export */ const affix = ((0,external_vue_namespaceObject.defineComponent)({
|
161
159
|
name: 'Affix',
|
162
160
|
props: {
|
163
|
-
offsetTop:
|
164
|
-
offsetBottom:
|
165
|
-
target:
|
166
|
-
zIndex:
|
161
|
+
offsetTop: external_shared_namespaceObject.PropTypes.number.def(0),
|
162
|
+
offsetBottom: external_shared_namespaceObject.PropTypes.number,
|
163
|
+
target: external_shared_namespaceObject.PropTypes.string.def(''),
|
164
|
+
zIndex: external_shared_namespaceObject.PropTypes.number.def(1000)
|
167
165
|
},
|
168
166
|
emits: ['change'],
|
169
167
|
setup: function setup(props, _ref) {
|
@@ -190,11 +188,11 @@ var off = function () {
|
|
190
188
|
handleScroll();
|
191
189
|
});
|
192
190
|
});
|
193
|
-
var _usePrefix = (0,
|
191
|
+
var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
|
194
192
|
resolveClassName = _usePrefix.resolveClassName;
|
195
193
|
var affix = (0,external_vue_namespaceObject.ref)(false);
|
196
194
|
var pointClass = (0,external_vue_namespaceObject.computed)(function () {
|
197
|
-
return (0,
|
195
|
+
return (0,external_shared_namespaceObject.classes)(_defineProperty({}, "".concat(resolveClassName('affix')), affix.value));
|
198
196
|
});
|
199
197
|
var offsetType = (0,external_vue_namespaceObject.computed)(function () {
|
200
198
|
return props.offsetBottom >= 0 ? 'bottom' : 'top';
|
@@ -317,7 +315,7 @@ var off = function () {
|
|
317
315
|
*/
|
318
316
|
|
319
317
|
|
320
|
-
var BkAffix = (0,
|
318
|
+
var BkAffix = (0,external_shared_namespaceObject.withInstall)(affix);
|
321
319
|
/* harmony default export */ const src = (BkAffix);
|
322
320
|
var __webpack_exports__default = __webpack_exports__["default"];
|
323
321
|
export { __webpack_exports__default as default };
|
package/lib/alert/alert.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
.bk-alert {
|
2
2
|
position: relative;
|
3
3
|
font-size: 12px;
|
4
4
|
color: #63656e;
|
@@ -7,62 +7,62 @@
|
|
7
7
|
border: 1px solid;
|
8
8
|
border-radius: 2px;
|
9
9
|
}
|
10
|
-
|
10
|
+
.bk-alert .bk-alert-icon-info {
|
11
11
|
display: flex;
|
12
12
|
height: 16px;
|
13
13
|
margin-right: 8px;
|
14
14
|
font-size: 16px;
|
15
15
|
line-height: 1;
|
16
16
|
}
|
17
|
-
|
17
|
+
.bk-alert-wraper {
|
18
18
|
display: flex;
|
19
19
|
padding: 8px 10px;
|
20
20
|
}
|
21
|
-
|
21
|
+
.bk-alert-info {
|
22
22
|
background-color: #f0f8ff;
|
23
23
|
border-color: #c5daff;
|
24
24
|
}
|
25
|
-
|
25
|
+
.bk-alert-info .bk-alert-icon-info {
|
26
26
|
color: #3a84ff;
|
27
27
|
}
|
28
|
-
|
28
|
+
.bk-alert-success {
|
29
29
|
background-color: #f2fff4;
|
30
30
|
border-color: #94f5a4;
|
31
31
|
}
|
32
|
-
|
32
|
+
.bk-alert-success .bk-alert-icon-info {
|
33
33
|
color: #2dcb56;
|
34
34
|
}
|
35
|
-
|
35
|
+
.bk-alert-warning {
|
36
36
|
background-color: #fff4e2;
|
37
37
|
border-color: #ffdfac;
|
38
38
|
}
|
39
|
-
|
39
|
+
.bk-alert-warning .bk-alert-icon-info {
|
40
40
|
color: #ff9c01;
|
41
41
|
}
|
42
|
-
|
42
|
+
.bk-alert-danger {
|
43
43
|
background-color: #ffeded;
|
44
44
|
border-color: #ffd2d2;
|
45
45
|
}
|
46
|
-
|
46
|
+
.bk-alert-danger .bk-alert-icon-info {
|
47
47
|
color: #ea3636;
|
48
48
|
}
|
49
|
-
|
49
|
+
.bk-alert-error {
|
50
50
|
background-color: #ffeded;
|
51
51
|
border-color: #ffd2d2;
|
52
52
|
}
|
53
|
-
|
53
|
+
.bk-alert-error .bk-alert-icon-info {
|
54
54
|
color: #ea3636;
|
55
55
|
}
|
56
|
-
|
56
|
+
.bk-alert-content {
|
57
57
|
display: flex;
|
58
58
|
flex: 1;
|
59
59
|
flex-direction: column;
|
60
60
|
overflow: hidden;
|
61
61
|
}
|
62
|
-
|
62
|
+
.bk-alert-title {
|
63
63
|
line-height: 16px;
|
64
64
|
}
|
65
|
-
|
65
|
+
.bk-alert-close {
|
66
66
|
padding: 8px 12px 0 6px;
|
67
67
|
margin-top: -8px;
|
68
68
|
margin-right: -10px;
|
@@ -71,19 +71,19 @@
|
|
71
71
|
white-space: nowrap;
|
72
72
|
cursor: pointer;
|
73
73
|
}
|
74
|
-
|
74
|
+
.bk-alert-close:hover {
|
75
75
|
color: #979ba5;
|
76
76
|
}
|
77
|
-
|
77
|
+
.bk-alert-close-icon {
|
78
78
|
line-height: 1;
|
79
79
|
}
|
80
|
-
|
80
|
+
.bk-alert-leave-leave {
|
81
81
|
opacity: 1;
|
82
82
|
}
|
83
|
-
|
83
|
+
.bk-alert-leave-leave-active {
|
84
84
|
overflow: hidden;
|
85
85
|
transition: opacity 0.15s, height 0.2s;
|
86
86
|
}
|
87
|
-
|
87
|
+
.bk-alert-leave-leave-to {
|
88
88
|
opacity: 0;
|
89
89
|
}
|
package/lib/alert/alert.less
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
@danger-background-color: #ffeded;
|
17
17
|
@danger-icon-color: #ea3636;
|
18
18
|
|
19
|
-
|
19
|
+
.@{bk-prefix}-alert {
|
20
20
|
position: relative;
|
21
21
|
font-size: @font-size-base;
|
22
22
|
color: #63656e;
|
@@ -32,14 +32,15 @@
|
|
32
32
|
font-size: 16px;
|
33
33
|
line-height: 1;
|
34
34
|
}
|
35
|
+
|
35
36
|
}
|
36
37
|
|
37
|
-
|
38
|
+
.@{bk-prefix}-alert-wraper {
|
38
39
|
display: flex;
|
39
40
|
padding: 8px 10px;
|
40
41
|
}
|
41
42
|
|
42
|
-
|
43
|
+
.@{bk-prefix}-alert-info {
|
43
44
|
background-color: @info-background-color;
|
44
45
|
border-color: @info-border-color;
|
45
46
|
|
@@ -48,7 +49,7 @@
|
|
48
49
|
}
|
49
50
|
}
|
50
51
|
|
51
|
-
|
52
|
+
.@{bk-prefix}-alert-success {
|
52
53
|
background-color: @success-background-color;
|
53
54
|
border-color: @success-border-color;
|
54
55
|
|
@@ -57,7 +58,7 @@
|
|
57
58
|
}
|
58
59
|
}
|
59
60
|
|
60
|
-
|
61
|
+
.@{bk-prefix}-alert-warning {
|
61
62
|
background-color: @warning-background-color;
|
62
63
|
border-color: @warning-border-color;
|
63
64
|
|
@@ -66,7 +67,7 @@
|
|
66
67
|
}
|
67
68
|
}
|
68
69
|
|
69
|
-
|
70
|
+
.@{bk-prefix}-alert-danger {
|
70
71
|
background-color: @danger-background-color;
|
71
72
|
border-color: @danger-border-color;
|
72
73
|
|
@@ -75,7 +76,7 @@
|
|
75
76
|
}
|
76
77
|
}
|
77
78
|
// 兼容历史 prop theme 的配置 error 调整为danger
|
78
|
-
|
79
|
+
.@{bk-prefix}-alert-error {
|
79
80
|
background-color: @danger-background-color;
|
80
81
|
border-color: @danger-border-color;
|
81
82
|
|
@@ -85,18 +86,18 @@
|
|
85
86
|
}
|
86
87
|
// 兼容历史 prop theme 的配置 error 调整为danger
|
87
88
|
|
88
|
-
|
89
|
+
.@{bk-prefix}-alert-content {
|
89
90
|
display: flex;
|
90
91
|
flex: 1;
|
91
92
|
flex-direction: column;
|
92
93
|
overflow: hidden;
|
93
94
|
}
|
94
95
|
|
95
|
-
|
96
|
+
.@{bk-prefix}-alert-title {
|
96
97
|
line-height: 16px;
|
97
98
|
}
|
98
99
|
|
99
|
-
|
100
|
+
.@{bk-prefix}-alert-close {
|
100
101
|
padding: 8px 12px 0 6px;
|
101
102
|
margin-top: -8px;
|
102
103
|
margin-right: -10px;
|
@@ -110,21 +111,19 @@
|
|
110
111
|
}
|
111
112
|
}
|
112
113
|
|
113
|
-
|
114
|
+
.@{bk-prefix}-alert-close-icon {
|
114
115
|
line-height: 1;
|
115
116
|
}
|
116
117
|
|
117
|
-
|
118
|
+
.@{bk-prefix}-alert-leave-leave {
|
118
119
|
opacity: 1;
|
119
120
|
}
|
120
121
|
|
121
|
-
|
122
|
+
.@{bk-prefix}-alert-leave-leave-active {
|
122
123
|
overflow: hidden;
|
123
|
-
transition:
|
124
|
-
opacity 0.15s,
|
125
|
-
height 0.2s;
|
124
|
+
transition: opacity .15s, height .2s;
|
126
125
|
}
|
127
126
|
|
128
|
-
|
127
|
+
.@{bk-prefix}-alert-leave-leave-to {
|
129
128
|
opacity: 0;
|
130
129
|
}
|
@@ -12,13 +12,13 @@
|
|
12
12
|
--whitesmoke-color: #fafbfd;
|
13
13
|
--disable-color: #dcdee5;
|
14
14
|
--disable-bg-color: #f9fafd;
|
15
|
+
--border-color: #dcdee5;
|
15
16
|
--font-size-base: 12px;
|
16
17
|
--font-size-medium: 14px;
|
17
18
|
--font-size-large: 16px;
|
18
19
|
--line-height-base: 16px;
|
19
20
|
--line-height-medium: 16px;
|
20
21
|
--line-height-large: 18px;
|
21
|
-
--border-color: #dcdee5;
|
22
22
|
--component-size-small: 26px;
|
23
23
|
--component-size-base: 32px;
|
24
24
|
--component-size-large: 40px;
|
@@ -111,7 +111,7 @@
|
|
111
111
|
--table-border-color: #dcdee5;
|
112
112
|
--table-head-bg-color: #fafbfd;
|
113
113
|
--table-head-font-color: #313238;
|
114
|
-
--table-body-font-color: #
|
114
|
+
--table-body-font-color: #63656E;
|
115
115
|
--table-row-hover-bg-color: #f5f7fa;
|
116
116
|
--table-row-active-bg-color: #f0f1f5;
|
117
117
|
--cascader-panel-border-color: #dcdee5;
|
@@ -127,7 +127,7 @@
|
|
127
127
|
--select-active-color: #e1ecff;
|
128
128
|
--select-hover-color: #f5f7fa;
|
129
129
|
}
|
130
|
-
|
130
|
+
.bk-alert {
|
131
131
|
position: relative;
|
132
132
|
font-size: var(--font-size-base);
|
133
133
|
color: #63656e;
|
@@ -136,62 +136,62 @@
|
|
136
136
|
border: var(--border-width-base) var(--border-style-base);
|
137
137
|
border-radius: var(--border-radius-base);
|
138
138
|
}
|
139
|
-
|
139
|
+
.bk-alert .bk-alert-icon-info {
|
140
140
|
display: flex;
|
141
141
|
height: 16px;
|
142
142
|
margin-right: 8px;
|
143
143
|
font-size: 16px;
|
144
144
|
line-height: 1;
|
145
145
|
}
|
146
|
-
|
146
|
+
.bk-alert-wraper {
|
147
147
|
display: flex;
|
148
148
|
padding: 8px 10px;
|
149
149
|
}
|
150
|
-
|
150
|
+
.bk-alert-info {
|
151
151
|
background-color: #f0f8ff;
|
152
152
|
border-color: #c5daff;
|
153
153
|
}
|
154
|
-
|
154
|
+
.bk-alert-info .bk-alert-icon-info {
|
155
155
|
color: #3a84ff;
|
156
156
|
}
|
157
|
-
|
157
|
+
.bk-alert-success {
|
158
158
|
background-color: #f2fff4;
|
159
159
|
border-color: #94f5a4;
|
160
160
|
}
|
161
|
-
|
161
|
+
.bk-alert-success .bk-alert-icon-info {
|
162
162
|
color: #2dcb56;
|
163
163
|
}
|
164
|
-
|
164
|
+
.bk-alert-warning {
|
165
165
|
background-color: #fff4e2;
|
166
166
|
border-color: #ffdfac;
|
167
167
|
}
|
168
|
-
|
168
|
+
.bk-alert-warning .bk-alert-icon-info {
|
169
169
|
color: #ff9c01;
|
170
170
|
}
|
171
|
-
|
171
|
+
.bk-alert-danger {
|
172
172
|
background-color: #ffeded;
|
173
173
|
border-color: #ffd2d2;
|
174
174
|
}
|
175
|
-
|
175
|
+
.bk-alert-danger .bk-alert-icon-info {
|
176
176
|
color: #ea3636;
|
177
177
|
}
|
178
|
-
|
178
|
+
.bk-alert-error {
|
179
179
|
background-color: #ffeded;
|
180
180
|
border-color: #ffd2d2;
|
181
181
|
}
|
182
|
-
|
182
|
+
.bk-alert-error .bk-alert-icon-info {
|
183
183
|
color: #ea3636;
|
184
184
|
}
|
185
|
-
|
185
|
+
.bk-alert-content {
|
186
186
|
display: flex;
|
187
187
|
flex: 1;
|
188
188
|
flex-direction: column;
|
189
189
|
overflow: hidden;
|
190
190
|
}
|
191
|
-
|
191
|
+
.bk-alert-title {
|
192
192
|
line-height: 16px;
|
193
193
|
}
|
194
|
-
|
194
|
+
.bk-alert-close {
|
195
195
|
padding: 8px 12px 0 6px;
|
196
196
|
margin-top: -8px;
|
197
197
|
margin-right: -10px;
|
@@ -200,19 +200,19 @@
|
|
200
200
|
white-space: nowrap;
|
201
201
|
cursor: pointer;
|
202
202
|
}
|
203
|
-
|
203
|
+
.bk-alert-close:hover {
|
204
204
|
color: #979ba5;
|
205
205
|
}
|
206
|
-
|
206
|
+
.bk-alert-close-icon {
|
207
207
|
line-height: 1;
|
208
208
|
}
|
209
|
-
|
209
|
+
.bk-alert-leave-leave {
|
210
210
|
opacity: 1;
|
211
211
|
}
|
212
|
-
|
212
|
+
.bk-alert-leave-leave-active {
|
213
213
|
overflow: hidden;
|
214
214
|
transition: opacity 0.15s, height 0.2s;
|
215
215
|
}
|
216
|
-
|
216
|
+
.bk-alert-leave-leave-to {
|
217
217
|
opacity: 0;
|
218
218
|
}
|
package/lib/alert/index.js
CHANGED
@@ -1,9 +1,7 @@
|
|
1
|
-
import "../
|
2
|
-
import "./alert.less";
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
|
4
2
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
5
|
-
import * as
|
6
|
-
import * as
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
|
7
5
|
/******/ // The require scope
|
8
6
|
/******/ var __webpack_require__ = {};
|
9
7
|
/******/
|
@@ -36,7 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
36
34
|
;// CONCATENATED MODULE: external "../shared"
|
37
35
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
38
36
|
var y = x => () => x
|
39
|
-
const
|
37
|
+
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["TagThemeEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.TagThemeEnum, ["TagThemeType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.TagThemeType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
|
40
38
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
41
39
|
function _typeof(o) {
|
42
40
|
"@babel/helpers - typeof";
|
@@ -87,13 +85,13 @@ var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
87
85
|
var external_vue_y = x => () => x
|
88
86
|
const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
|
89
87
|
;// CONCATENATED MODULE: external "../config-provider"
|
90
|
-
var
|
91
|
-
var
|
92
|
-
const
|
88
|
+
var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
89
|
+
var external_config_provider_y = x => () => x
|
90
|
+
const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
|
93
91
|
;// CONCATENATED MODULE: external "../icon"
|
94
|
-
var
|
95
|
-
var
|
96
|
-
const
|
92
|
+
var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
93
|
+
var external_icon_y = x => () => x
|
94
|
+
const external_icon_namespaceObject = external_icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.CloseLine, ["InfoLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.InfoLine });
|
97
95
|
;// CONCATENATED MODULE: ../../packages/alert/src/alert.tsx
|
98
96
|
|
99
97
|
|
@@ -129,12 +127,12 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
|
|
129
127
|
/* harmony default export */ const src_alert = ((0,external_vue_namespaceObject.defineComponent)({
|
130
128
|
name: 'Alert',
|
131
129
|
props: {
|
132
|
-
theme: (0,
|
133
|
-
size:
|
134
|
-
title:
|
135
|
-
closable:
|
136
|
-
closeText:
|
137
|
-
showIcon:
|
130
|
+
theme: (0,external_shared_namespaceObject.TagThemeType)().def(external_shared_namespaceObject.TagThemeEnum.INFO),
|
131
|
+
size: external_shared_namespaceObject.PropTypes.string,
|
132
|
+
title: external_shared_namespaceObject.PropTypes.string,
|
133
|
+
closable: external_shared_namespaceObject.PropTypes.bool.def(false),
|
134
|
+
closeText: external_shared_namespaceObject.PropTypes.string,
|
135
|
+
showIcon: external_shared_namespaceObject.PropTypes.bool.def(true)
|
138
136
|
},
|
139
137
|
emits: {
|
140
138
|
close: function close(event) {
|
@@ -159,16 +157,16 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
|
|
159
157
|
if (!this.state.visible) {
|
160
158
|
return null;
|
161
159
|
}
|
162
|
-
var _usePrefix = (0,
|
160
|
+
var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
|
163
161
|
resolveClassName = _usePrefix.resolveClassName;
|
164
162
|
var renderCloseText = Boolean(this.closeText);
|
165
|
-
var closeButtonClasses = (0,
|
166
|
-
var typeClass = (0,
|
163
|
+
var closeButtonClasses = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('alert-close'), true), 'close-text', renderCloseText), resolveClassName('alert-close-icon'), !renderCloseText));
|
164
|
+
var typeClass = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, resolveClassName('alert'), true), resolveClassName("alert-".concat(this.theme)), true));
|
167
165
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
168
166
|
"class": typeClass
|
169
167
|
}, [(0,external_vue_namespaceObject.createVNode)("div", {
|
170
168
|
"class": resolveClassName('alert-wraper')
|
171
|
-
}, [this.showIcon && (0,external_vue_namespaceObject.createVNode)(
|
169
|
+
}, [this.showIcon && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.InfoLine, {
|
172
170
|
"class": resolveClassName('alert-icon-info')
|
173
171
|
}, null), (0,external_vue_namespaceObject.createVNode)("div", {
|
174
172
|
"class": resolveClassName('alert-content')
|
@@ -179,7 +177,7 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
|
|
179
177
|
}, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("span", {
|
180
178
|
"class": closeButtonClasses,
|
181
179
|
"onClick": this.handleClose
|
182
|
-
}, [this.closeText ? this.closeText : (0,external_vue_namespaceObject.createVNode)(
|
180
|
+
}, [this.closeText ? this.closeText : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.CloseLine, null, null)])])]);
|
183
181
|
}
|
184
182
|
}));
|
185
183
|
;// CONCATENATED MODULE: ../../packages/alert/src/index.ts
|
@@ -210,7 +208,7 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
|
|
210
208
|
*/
|
211
209
|
|
212
210
|
|
213
|
-
var BkAlert = (0,
|
211
|
+
var BkAlert = (0,external_shared_namespaceObject.withInstall)(src_alert);
|
214
212
|
/* harmony default export */ const src = (BkAlert);
|
215
213
|
var __webpack_exports__default = __webpack_exports__["default"];
|
216
214
|
export { __webpack_exports__default as default };
|
@@ -1,5 +1,4 @@
|
|
1
|
-
import "../
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
|
3
2
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
4
3
|
/******/ // The require scope
|
5
4
|
/******/ var __webpack_require__ = {};
|
@@ -33,7 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
33
32
|
;// CONCATENATED MODULE: external "../shared"
|
34
33
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
35
34
|
var y = x => () => x
|
36
|
-
const
|
35
|
+
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
|
37
36
|
;// CONCATENATED MODULE: external "vue"
|
38
37
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
39
38
|
var external_vue_y = x => () => x
|
@@ -70,8 +69,8 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
70
69
|
/* harmony default export */ const animate_number = ((0,external_vue_namespaceObject.defineComponent)({
|
71
70
|
name: 'AnimateNumber',
|
72
71
|
props: {
|
73
|
-
value:
|
74
|
-
digits:
|
72
|
+
value: external_shared_namespaceObject.PropTypes.number.def(0),
|
73
|
+
digits: external_shared_namespaceObject.PropTypes.number.def(0)
|
75
74
|
},
|
76
75
|
setup: function setup(props) {
|
77
76
|
var rafId = -1;
|
@@ -150,7 +149,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
150
149
|
*/
|
151
150
|
|
152
151
|
|
153
|
-
var BkAnimateNumber = (0,
|
152
|
+
var BkAnimateNumber = (0,external_shared_namespaceObject.withInstall)(animate_number);
|
154
153
|
/* harmony default export */ const src = (BkAnimateNumber);
|
155
154
|
var __webpack_exports__default = __webpack_exports__["default"];
|
156
155
|
export { __webpack_exports__default as default };
|
package/lib/backtop/backtop.css
CHANGED
@@ -11,15 +11,15 @@
|
|
11
11
|
background-color: transparent;
|
12
12
|
}
|
13
13
|
}
|
14
|
-
|
15
|
-
|
14
|
+
.bk-transition .bk-fade-enter-active,
|
15
|
+
.bk-transition .bk-fade-leave-active {
|
16
16
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
17
|
}
|
18
|
-
|
19
|
-
|
18
|
+
.bk-transition .bk-fade-enter,
|
19
|
+
.bk-transition .bk-fade-leave-to {
|
20
20
|
opacity: 0;
|
21
21
|
}
|
22
|
-
|
22
|
+
.bk-backtop {
|
23
23
|
position: fixed;
|
24
24
|
display: flex;
|
25
25
|
width: 52px;
|
@@ -32,19 +32,19 @@
|
|
32
32
|
align-items: center;
|
33
33
|
justify-content: center;
|
34
34
|
}
|
35
|
-
|
35
|
+
.bk-backtop:hover .bk-backtop-icon {
|
36
36
|
color: #3a84ff;
|
37
37
|
}
|
38
|
-
|
38
|
+
.bk-backtop .bk-backtop-icon {
|
39
39
|
display: flex;
|
40
40
|
align-items: center;
|
41
41
|
font-size: 26px;
|
42
42
|
}
|
43
|
-
|
44
|
-
|
43
|
+
.bk-fade-transtion .bk-fade-enter-active,
|
44
|
+
.bk-fade-transtion .bk-fade-leave-active {
|
45
45
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
46
46
|
}
|
47
|
-
|
48
|
-
|
47
|
+
.bk-fade-transtion .bk-fade-enter,
|
48
|
+
.bk-fade-transtion .bk-fade-leave-to {
|
49
49
|
opacity: 0;
|
50
50
|
}
|
package/lib/backtop/backtop.less
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
@import '../styles/mixins/animate.less';
|
3
3
|
|
4
|
-
|
4
|
+
.@{bk-prefix}-backtop {
|
5
5
|
position: fixed;
|
6
6
|
display: flex;
|
7
7
|
width: 52px;
|
@@ -23,6 +23,6 @@
|
|
23
23
|
}
|
24
24
|
}
|
25
25
|
|
26
|
-
|
26
|
+
.@{bk-prefix}-fade-transtion {
|
27
27
|
.fade-transition();
|
28
|
-
}
|
28
|
+
};
|