bkui-vue 0.0.3-beta.4 → 1.0.0
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 +36 -36
- package/dist/index.esm.js +9725 -9972
- package/dist/index.umd.js +36 -36
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/index.js +16 -15
- package/lib/alert/index.js +25 -24
- package/lib/animate-number/index.js +7 -7
- package/lib/backtop/index.js +23 -22
- package/lib/badge/index.js +22 -21
- package/lib/breadcrumb/index.js +31 -30
- package/lib/button/index.js +42 -34
- package/lib/card/index.js +44 -37
- package/lib/cascader/index.js +105 -86
- package/lib/checkbox/index.js +39 -38
- package/lib/code-diff/code-diff.css +0 -1
- package/lib/code-diff/code-diff.d.ts +1 -0
- package/lib/code-diff/code-diff.less +1 -1
- package/lib/code-diff/code-diff.variable.css +0 -1
- package/lib/code-diff/index.js +152 -15
- package/lib/collapse/index.js +46 -45
- package/lib/collapse-transition/index.js +10 -10
- package/lib/color-picker/index.js +51 -50
- package/lib/components.js +63 -504
- package/lib/config-provider/index.js +30 -26
- package/lib/config-provider/use-global-config.d.ts +2 -2
- package/lib/container/index.js +28 -27
- package/lib/date-picker/index.js +72 -66
- package/lib/dialog/dialog.css +61 -35
- package/lib/dialog/dialog.d.ts +20 -11
- package/lib/dialog/dialog.less +2 -2
- package/lib/dialog/dialog.variable.css +61 -35
- package/lib/dialog/index.d.ts +38 -22
- package/lib/dialog/index.js +68 -54
- package/lib/dialog/props.d.ts +8 -4
- package/lib/directives/index.js +24 -24
- package/lib/dist.index.js +5 -61
- package/lib/divider/index.js +16 -15
- package/lib/dropdown/index.js +39 -32
- package/lib/exception/index.js +20 -19
- package/lib/fixed-navbar/index.js +16 -15
- package/lib/form/index.js +60 -59
- package/lib/hooks.js +8 -48
- package/lib/icon/angle-double-down-line.js +2 -2
- package/lib/icon/angle-double-left-line.js +2 -2
- package/lib/icon/angle-double-left.js +2 -2
- package/lib/icon/angle-double-right-line.js +2 -2
- package/lib/icon/angle-double-right.js +2 -2
- package/lib/icon/angle-double-up-line.js +2 -2
- package/lib/icon/angle-down-fill.js +2 -2
- package/lib/icon/angle-down-line.js +2 -2
- package/lib/icon/angle-down.js +2 -2
- package/lib/icon/angle-left.js +2 -2
- package/lib/icon/angle-right.js +2 -2
- package/lib/icon/angle-up-fill.js +2 -2
- package/lib/icon/angle-up.js +2 -2
- package/lib/icon/archive-fill.js +2 -2
- package/lib/icon/arrows-left.js +2 -2
- package/lib/icon/arrows-right.js +2 -2
- package/lib/icon/assistant.js +2 -2
- package/lib/icon/audio-fill.js +2 -2
- package/lib/icon/bk.js +2 -2
- package/lib/icon/circle.js +2 -2
- package/lib/icon/close-line.js +2 -2
- package/lib/icon/close.js +2 -2
- package/lib/icon/code.js +2 -2
- package/lib/icon/cog-shape.js +2 -2
- package/lib/icon/collapse-left.js +2 -2
- package/lib/icon/copy-shape.js +2 -2
- package/lib/icon/copy.js +2 -2
- package/lib/icon/data-shape.js +2 -2
- package/lib/icon/del.js +2 -2
- package/lib/icon/doc-fill.js +2 -2
- package/lib/icon/done.js +2 -2
- package/lib/icon/down-shape.js +2 -2
- package/lib/icon/down-small.js +2 -2
- package/lib/icon/edit-line.js +2 -2
- package/lib/icon/ellipsis.js +2 -2
- package/lib/icon/enlarge-line.js +2 -2
- package/lib/icon/error.js +2 -2
- package/lib/icon/excel-fill.js +2 -2
- package/lib/icon/exclamation-circle-shape.js +2 -2
- package/lib/icon/eye.js +2 -2
- package/lib/icon/filliscreen-line.js +2 -2
- package/lib/icon/fix-line.js +2 -2
- package/lib/icon/fix-shape.js +2 -2
- package/lib/icon/folder-open.js +2 -2
- package/lib/icon/folder-shape-open.js +2 -2
- package/lib/icon/folder-shape.js +2 -2
- package/lib/icon/folder.js +2 -2
- package/lib/icon/funnel.js +2 -2
- package/lib/icon/grag-fill.js +2 -2
- package/lib/icon/help-document-fill.js +2 -2
- package/lib/icon/help-fill.js +2 -2
- package/lib/icon/help.js +2 -2
- package/lib/icon/image-fill.js +15 -15
- package/lib/icon/img-error.js +15 -15
- package/lib/icon/img-placehoulder.js +15 -15
- package/lib/icon/index.js +386 -386
- package/lib/icon/info-line.js +15 -15
- package/lib/icon/info.js +15 -15
- package/lib/icon/left-shape.js +15 -15
- package/lib/icon/left-turn-line.js +15 -15
- package/lib/icon/loading.js +15 -15
- package/lib/icon/narrow-line.js +15 -15
- package/lib/icon/original.js +15 -15
- package/lib/icon/pdf-fill.js +15 -15
- package/lib/icon/play-shape.js +15 -15
- package/lib/icon/plus.js +15 -15
- package/lib/icon/ppt-fill.js +15 -15
- package/lib/icon/qq.js +15 -15
- package/lib/icon/right-shape.js +15 -15
- package/lib/icon/right-turn-line.js +15 -15
- package/lib/icon/search.js +15 -15
- package/lib/icon/share.js +15 -15
- package/lib/icon/spinner.js +15 -15
- package/lib/icon/success.js +15 -15
- package/lib/icon/switcher-loading.js +15 -15
- package/lib/icon/text-file.js +15 -15
- package/lib/icon/text-fill.js +15 -15
- package/lib/icon/transfer.js +15 -15
- package/lib/icon/tree-application-shape.js +15 -15
- package/lib/icon/unfull-screen.js +15 -15
- package/lib/icon/unvisible.js +15 -15
- package/lib/icon/up-shape.js +15 -15
- package/lib/icon/upload.js +15 -15
- package/lib/icon/video-fill.js +15 -15
- package/lib/icon/warn.js +15 -15
- package/lib/icon/weixin-pro.js +15 -15
- package/lib/icon/weixin.js +15 -15
- package/lib/image/index.js +43 -43
- package/lib/index.js +8 -72
- package/lib/info-box/index.d.ts +1 -0
- package/lib/info-box/index.js +178 -17385
- package/lib/info-box/info-box.css +10 -10
- package/lib/info-box/info-box.d.ts +4 -3
- package/lib/info-box/info-box.less +37 -34
- package/lib/info-box/info-box.variable.css +10 -10
- package/lib/input/index.js +62 -61
- package/lib/link/index.js +16 -15
- package/lib/loading/index.js +28 -27
- package/lib/locale/index.js +2 -2
- package/lib/menu/index.js +24 -23
- package/lib/message/index.js +41 -40
- package/lib/modal/index.d.ts +108 -65
- package/lib/modal/index.js +193 -135
- package/lib/modal/modal.css +36 -10
- package/lib/modal/modal.d.ts +40 -22
- package/lib/modal/modal.less +34 -0
- package/lib/modal/modal.variable.css +36 -10
- package/lib/modal/props.mixin.d.ts +8 -4
- package/lib/navigation/index.js +17 -16
- package/lib/notify/index.js +34 -33
- package/lib/overflow-title/index.js +31 -24
- package/lib/pagination/index.js +68 -54
- package/lib/plugin-popover/index.js +55 -55
- package/lib/plugins/index.js +2 -2
- package/lib/pop-confirm/index.js +43 -30
- package/lib/popover/index.js +59 -58
- package/lib/popover2/index.js +5 -5
- package/lib/preset.d.ts +2 -281
- package/lib/preset.js +16 -58
- package/lib/process/index.js +28 -28
- package/lib/progress/index.js +29 -28
- package/lib/radio/index.js +41 -40
- package/lib/rate/index.js +25 -24
- package/lib/resize-layout/index.d.ts +3 -3
- package/lib/resize-layout/index.js +28 -27
- package/lib/resize-layout/resize-layout.d.ts +1 -1
- package/lib/search-select/index.js +71 -53
- package/lib/select/index.js +172 -134
- package/lib/shared/index.d.ts +1 -2
- package/lib/shared/index.js +638 -1285
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +38 -22
- package/lib/sideslider/index.js +23 -17
- package/lib/sideslider/sideslider.css +12 -11
- package/lib/sideslider/sideslider.d.ts +20 -11
- package/lib/sideslider/sideslider.less +79 -77
- package/lib/sideslider/sideslider.variable.css +12 -11
- package/lib/slider/index.js +37 -24
- package/lib/steps/index.js +31 -30
- package/lib/swiper/index.js +17 -16
- package/lib/switcher/index.js +32 -31
- package/lib/tab/index.js +55 -54
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +1 -0
- package/lib/table/index.js +200 -147
- package/lib/table/props.d.ts +1 -0
- package/lib/table/use-column.d.ts +3 -0
- package/lib/table-column/index.d.ts +3 -0
- package/lib/table-column/index.js +43 -43
- package/lib/tag/index.js +22 -21
- package/lib/tag-input/index.js +81 -67
- package/lib/time-picker/index.js +10 -9
- package/lib/timeline/index.js +14 -14
- package/lib/transfer/index.js +52 -38
- package/lib/tree/index.js +93 -74
- package/lib/upload/index.js +64 -50
- package/lib/virtual-render/index.js +36 -35
- package/package.json +8 -4
- package/lib/shared/mask-manager.d.ts +0 -89
- package/lib/shared/pop-manager.d.ts +0 -41
package/lib/modal/modal.less
CHANGED
@@ -1,6 +1,39 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
@import '../info-box/info-box.less';
|
3
3
|
|
4
|
+
.@{bk-prefix}-modal-ctx {
|
5
|
+
pointer-events: auto;
|
6
|
+
top: 0px;
|
7
|
+
left: 0px;
|
8
|
+
|
9
|
+
width: 100%;
|
10
|
+
height: 100%;
|
11
|
+
|
12
|
+
&.--show {
|
13
|
+
position: fixed;
|
14
|
+
}
|
15
|
+
|
16
|
+
&.--hide {
|
17
|
+
display: none;
|
18
|
+
}
|
19
|
+
|
20
|
+
.@{bk-prefix}-modal-ctx-mask {
|
21
|
+
display: none;
|
22
|
+
left: 0;
|
23
|
+
top: 0;
|
24
|
+
width: 100%;
|
25
|
+
height: 100%;
|
26
|
+
background-color: rgba(0,0,0,0.6);
|
27
|
+
|
28
|
+
&.--show {
|
29
|
+
position: fixed;
|
30
|
+
display: inherit;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
|
36
|
+
|
4
37
|
.@{bk-prefix}-modal-wrapper {
|
5
38
|
position: absolute;
|
6
39
|
top: 50%;
|
@@ -40,6 +73,7 @@
|
|
40
73
|
|
41
74
|
.@{bk-prefix}-modal-body {
|
42
75
|
height: 100%;
|
76
|
+
width: 100%;
|
43
77
|
background: #fff;
|
44
78
|
box-shadow: 0 4px 12px rgba(0,0,0,.15);
|
45
79
|
}
|
@@ -124,45 +124,70 @@
|
|
124
124
|
--search-select-message-color: var(--danger-color);
|
125
125
|
--search-select-menu-border-color: var(--disable-color);
|
126
126
|
}
|
127
|
-
.bk-modal-
|
127
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
|
128
128
|
width: 440px;
|
129
129
|
}
|
130
|
-
.bk-modal-
|
130
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
|
131
131
|
width: 440px;
|
132
132
|
}
|
133
|
-
.bk-modal-
|
133
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
|
134
134
|
width: 400px;
|
135
135
|
}
|
136
|
-
.bk-modal-
|
136
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
|
137
137
|
border-radius: 2px;
|
138
138
|
}
|
139
|
-
.bk-modal-
|
139
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
|
140
140
|
padding: 24px 24px 0;
|
141
141
|
}
|
142
|
-
.bk-modal-
|
142
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
|
143
143
|
height: 27px;
|
144
144
|
margin: 15px 0 10px;
|
145
145
|
}
|
146
|
-
.bk-modal-
|
146
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
|
147
147
|
height: 100%;
|
148
148
|
max-height: 100%;
|
149
149
|
min-height: 100%;
|
150
150
|
padding: 0 50px 10px;
|
151
151
|
word-break: break-all;
|
152
152
|
}
|
153
|
-
.bk-modal-
|
153
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
|
154
154
|
margin-bottom: 10px;
|
155
155
|
text-align: center;
|
156
156
|
word-break: break-all;
|
157
157
|
}
|
158
|
-
.bk-modal-
|
158
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
|
159
159
|
padding: 0 65px 33px;
|
160
160
|
background-color: #fff;
|
161
161
|
border-top: none;
|
162
162
|
}
|
163
|
-
.bk-modal-
|
163
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
|
164
164
|
min-width: 88px;
|
165
165
|
}
|
166
|
+
.bk-modal-ctx {
|
167
|
+
pointer-events: auto;
|
168
|
+
top: 0px;
|
169
|
+
left: 0px;
|
170
|
+
width: 100%;
|
171
|
+
height: 100%;
|
172
|
+
}
|
173
|
+
.bk-modal-ctx.--show {
|
174
|
+
position: fixed;
|
175
|
+
}
|
176
|
+
.bk-modal-ctx.--hide {
|
177
|
+
display: none;
|
178
|
+
}
|
179
|
+
.bk-modal-ctx .bk-modal-ctx-mask {
|
180
|
+
display: none;
|
181
|
+
left: 0;
|
182
|
+
top: 0;
|
183
|
+
width: 100%;
|
184
|
+
height: 100%;
|
185
|
+
background-color: rgba(0, 0, 0, 0.6);
|
186
|
+
}
|
187
|
+
.bk-modal-ctx .bk-modal-ctx-mask.--show {
|
188
|
+
position: fixed;
|
189
|
+
display: inherit;
|
190
|
+
}
|
166
191
|
.bk-modal-wrapper {
|
167
192
|
position: absolute;
|
168
193
|
top: 50%;
|
@@ -196,6 +221,7 @@
|
|
196
221
|
}
|
197
222
|
.bk-modal-wrapper .bk-modal-body {
|
198
223
|
height: 100%;
|
224
|
+
width: 100%;
|
199
225
|
background: #fff;
|
200
226
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
201
227
|
}
|
@@ -54,9 +54,7 @@ export declare const propsMixin: {
|
|
54
54
|
transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
|
55
55
|
default: string | boolean | (() => HTMLElement);
|
56
56
|
};
|
57
|
-
zIndex: import("vue-types").VueTypeDef<string | number
|
58
|
-
default: string | number;
|
59
|
-
};
|
57
|
+
zIndex: import("vue-types").VueTypeDef<string | number>;
|
60
58
|
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
61
59
|
default: string;
|
62
60
|
};
|
@@ -83,5 +81,11 @@ export declare const propsMixin: {
|
|
83
81
|
} & {
|
84
82
|
default: boolean;
|
85
83
|
};
|
86
|
-
infoType: import("vue-types").VueTypeDef<"
|
84
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
85
|
+
left: import("vue-types").VueTypeValidableDef<string> & {
|
86
|
+
default: string;
|
87
|
+
};
|
88
|
+
top: import("vue-types").VueTypeValidableDef<string> & {
|
89
|
+
default: string;
|
90
|
+
};
|
87
91
|
};
|
package/lib/navigation/index.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
|
-
import
|
1
|
+
import "./navigation.less";
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
|
-
import * as
|
4
|
-
import * as
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
5
6
|
/******/ // The require scope
|
6
7
|
/******/ var __webpack_require__ = {};
|
7
8
|
/******/
|
@@ -28,25 +29,25 @@ var __webpack_exports__ = {};
|
|
28
29
|
|
29
30
|
// EXPORTS
|
30
31
|
__webpack_require__.d(__webpack_exports__, {
|
31
|
-
|
32
|
+
"default": () => (/* binding */ src)
|
32
33
|
});
|
33
34
|
|
34
35
|
;// CONCATENATED MODULE: external "../shared"
|
35
36
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
36
37
|
var y = x => () => x
|
37
|
-
const
|
38
|
+
const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
38
39
|
;// CONCATENATED MODULE: external "vue"
|
39
40
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
40
41
|
var external_vue_y = x => () => x
|
41
42
|
const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
|
42
43
|
;// CONCATENATED MODULE: external "../config-provider"
|
43
|
-
var
|
44
|
-
var
|
45
|
-
const
|
44
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
45
|
+
var config_provider_y = x => () => x
|
46
|
+
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
46
47
|
;// CONCATENATED MODULE: external "../icon"
|
47
|
-
var
|
48
|
-
var
|
49
|
-
const
|
48
|
+
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
49
|
+
var icon_y = x => () => x
|
50
|
+
const icon_namespaceObject = icon_x({ ["CollapseLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.CollapseLeft });
|
50
51
|
;// CONCATENATED MODULE: ../../packages/navigation/src/navigation-title.tsx
|
51
52
|
|
52
53
|
/*
|
@@ -92,7 +93,7 @@ var TitleProps = {
|
|
92
93
|
slots: Object,
|
93
94
|
setup: function setup(props, _ref) {
|
94
95
|
var slots = _ref.slots;
|
95
|
-
var _usePrefix = (0,
|
96
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
96
97
|
resolveClassName = _usePrefix.resolveClassName;
|
97
98
|
return function () {
|
98
99
|
var _slots$default, _slots$sideIcon;
|
@@ -240,7 +241,7 @@ var NavigationProps = {
|
|
240
241
|
emit('toggle', nav.hover);
|
241
242
|
emit('toggle-click', nav.hover);
|
242
243
|
};
|
243
|
-
var _usePrefix = (0,
|
244
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
244
245
|
resolveClassName = _usePrefix.resolveClassName;
|
245
246
|
return {
|
246
247
|
defaultHeaderTitle: defaultHeaderTitle,
|
@@ -304,7 +305,7 @@ var NavigationProps = {
|
|
304
305
|
'footer-icon': true
|
305
306
|
},
|
306
307
|
"onClick": this.handleClick
|
307
|
-
}, [(0,external_vue_namespaceObject.createVNode)(
|
308
|
+
}, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CollapseLeft, {
|
308
309
|
"class": "footer-icon-svg",
|
309
310
|
"style": {
|
310
311
|
transform: this.nav.click ? 'rotate(180deg)' : 'rotate(0deg)'
|
@@ -361,7 +362,7 @@ var NavigationProps = {
|
|
361
362
|
*/
|
362
363
|
|
363
364
|
|
364
|
-
var Navigation = (0,
|
365
|
+
var Navigation = (0,shared_namespaceObject.withInstall)(navigation);
|
365
366
|
/* harmony default export */ const src = (Navigation);
|
366
|
-
var __webpack_exports__default = __webpack_exports__
|
367
|
+
var __webpack_exports__default = __webpack_exports__["default"];
|
367
368
|
export { __webpack_exports__default as default };
|
package/lib/notify/index.js
CHANGED
@@ -1,8 +1,9 @@
|
|
1
|
+
import "./notify.less";
|
1
2
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
2
|
-
import * as
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
|
4
|
-
import * as
|
5
|
-
import * as
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
6
7
|
/******/ // The require scope
|
7
8
|
/******/ var __webpack_require__ = {};
|
8
9
|
/******/
|
@@ -29,7 +30,7 @@ var __webpack_exports__ = {};
|
|
29
30
|
|
30
31
|
// EXPORTS
|
31
32
|
__webpack_require__.d(__webpack_exports__, {
|
32
|
-
|
33
|
+
"default": () => (/* binding */ src)
|
33
34
|
});
|
34
35
|
|
35
36
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
@@ -82,9 +83,9 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
82
83
|
var y = x => () => x
|
83
84
|
const external_vue_namespaceObject = x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
|
84
85
|
;// CONCATENATED MODULE: external "../shared"
|
85
|
-
var
|
86
|
-
var
|
87
|
-
const
|
86
|
+
var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
87
|
+
var shared_y = x => () => x
|
88
|
+
const shared_namespaceObject = shared_x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement });
|
88
89
|
;// CONCATENATED MODULE: ../../packages/hooks/use-message.ts
|
89
90
|
|
90
91
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -176,7 +177,7 @@ var Message = function Message(constructor, options) {
|
|
176
177
|
(0,external_vue_namespaceObject.render)(vm, container);
|
177
178
|
instances[position].push(vm);
|
178
179
|
var target;
|
179
|
-
if (vm.props.getContainer && (0,
|
180
|
+
if (vm.props.getContainer && (0,shared_namespaceObject.isElement)(vm.props.getContainer)) {
|
180
181
|
target = vm.props.getContainer;
|
181
182
|
} else {
|
182
183
|
target = document.body;
|
@@ -207,13 +208,13 @@ var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); retur
|
|
207
208
|
var external_vue_types_y = x => () => x
|
208
209
|
const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
|
209
210
|
;// CONCATENATED MODULE: external "../config-provider"
|
210
|
-
var
|
211
|
-
var
|
212
|
-
const
|
211
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
212
|
+
var config_provider_y = x => () => x
|
213
|
+
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
213
214
|
;// CONCATENATED MODULE: external "../icon"
|
214
|
-
var
|
215
|
-
var
|
216
|
-
const
|
215
|
+
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
216
|
+
var icon_y = x => () => x
|
217
|
+
const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["Info"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Info, ["Success"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Success, ["Warn"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Warn });
|
217
218
|
;// CONCATENATED MODULE: ../../packages/notify/src/notifyConstructor.tsx
|
218
219
|
|
219
220
|
|
@@ -255,18 +256,18 @@ var NotifyThemeEnum;
|
|
255
256
|
NotifyThemeEnum["ERROR"] = "error";
|
256
257
|
})(NotifyThemeEnum || (NotifyThemeEnum = {}));
|
257
258
|
var notifyProps = {
|
258
|
-
id:
|
259
|
-
title:
|
260
|
-
message:
|
259
|
+
id: shared_namespaceObject.PropTypes.string.def(''),
|
260
|
+
title: shared_namespaceObject.PropTypes.string.def(''),
|
261
|
+
message: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func]).def(''),
|
261
262
|
theme: (0,external_vue_types_namespaceObject.toType)('notifyTheme', {}).def(NotifyThemeEnum.PRIMARY),
|
262
|
-
position:
|
263
|
-
delay:
|
264
|
-
dismissable:
|
265
|
-
offsetX:
|
266
|
-
offsetY:
|
267
|
-
spacing:
|
268
|
-
extCls:
|
269
|
-
onClose:
|
263
|
+
position: shared_namespaceObject.PropTypes.position().def('top-right'),
|
264
|
+
delay: shared_namespaceObject.PropTypes.number.def(5000),
|
265
|
+
dismissable: shared_namespaceObject.PropTypes.bool.def(true),
|
266
|
+
offsetX: shared_namespaceObject.PropTypes.number.def(100),
|
267
|
+
offsetY: shared_namespaceObject.PropTypes.number.def(30),
|
268
|
+
spacing: shared_namespaceObject.PropTypes.number.def(10),
|
269
|
+
extCls: shared_namespaceObject.PropTypes.string.def(''),
|
270
|
+
onClose: shared_namespaceObject.PropTypes.func
|
270
271
|
};
|
271
272
|
/* harmony default export */ const notifyConstructor = ((0,external_vue_namespaceObject.defineComponent)({
|
272
273
|
name: 'Notify',
|
@@ -274,7 +275,7 @@ var notifyProps = {
|
|
274
275
|
emits: ['destroy'],
|
275
276
|
setup: function setup(props, _ref) {
|
276
277
|
var emit = _ref.emit;
|
277
|
-
var zIndex =
|
278
|
+
var zIndex = shared_namespaceObject.bkZIndexManager.getMessageNextIndex();
|
278
279
|
var horizontalClass = (0,external_vue_namespaceObject.computed)(function () {
|
279
280
|
return props.position.indexOf('right') > 1 ? 'right' : 'left';
|
280
281
|
});
|
@@ -285,7 +286,7 @@ var notifyProps = {
|
|
285
286
|
var _ref2;
|
286
287
|
return _ref2 = {}, _defineProperty(_ref2, horizontalClass.value, "".concat(props.offsetX, "px")), _defineProperty(_ref2, verticalProperty.value, "".concat(props.offsetY, "px")), _defineProperty(_ref2, "zIndex", zIndex), _ref2;
|
287
288
|
});
|
288
|
-
var _usePrefix = (0,
|
289
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
289
290
|
resolveClassName = _usePrefix.resolveClassName;
|
290
291
|
var classNames = (0,external_vue_namespaceObject.computed)(function () {
|
291
292
|
return [resolveClassName('notify'), resolveClassName("notify-".concat(props.theme)), horizontalClass.value];
|
@@ -331,10 +332,10 @@ var notifyProps = {
|
|
331
332
|
var _this = this;
|
332
333
|
var renderIcon = function renderIcon() {
|
333
334
|
var iconMap = {
|
334
|
-
primary: (0,external_vue_namespaceObject.createVNode)(
|
335
|
-
warning: (0,external_vue_namespaceObject.createVNode)(
|
336
|
-
success: (0,external_vue_namespaceObject.createVNode)(
|
337
|
-
error: (0,external_vue_namespaceObject.createVNode)(
|
335
|
+
primary: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Info, null, null),
|
336
|
+
warning: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Warn, null, null),
|
337
|
+
success: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Success, null, null),
|
338
|
+
error: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, null, null)
|
338
339
|
};
|
339
340
|
return iconMap[_this.theme];
|
340
341
|
};
|
@@ -353,7 +354,7 @@ var notifyProps = {
|
|
353
354
|
"class": "".concat(_this.resolveClassName('notify-content-header'))
|
354
355
|
}, [_this.title]) : '', (0,external_vue_namespaceObject.createVNode)("div", {
|
355
356
|
"class": "".concat(_this.resolveClassName('notify-content-text'))
|
356
|
-
}, [_this.renderMessage])]), _this.dismissable && (0,external_vue_namespaceObject.createVNode)(
|
357
|
+
}, [_this.renderMessage])]), _this.dismissable && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
|
357
358
|
"class": "".concat(_this.resolveClassName('notify-icon'), " ").concat(_this.resolveClassName('notify-close')),
|
358
359
|
"onClick": _this.handleClose
|
359
360
|
}, null)]), [[external_vue_namespaceObject.vShow, _this.visible]])];
|
@@ -393,5 +394,5 @@ var Notify = function Notify(options) {
|
|
393
394
|
use_message(notifyConstructor, options);
|
394
395
|
};
|
395
396
|
/* harmony default export */ const src = (Notify);
|
396
|
-
var __webpack_exports__default = __webpack_exports__
|
397
|
+
var __webpack_exports__default = __webpack_exports__["default"];
|
397
398
|
export { __webpack_exports__default as default };
|
@@ -1,6 +1,8 @@
|
|
1
|
-
import
|
1
|
+
import "./overflow-title.less";
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
|
-
import * as
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
|
5
|
+
import "../popover/popover.less";
|
4
6
|
import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
|
5
7
|
/******/ // The require scope
|
6
8
|
/******/ var __webpack_require__ = {};
|
@@ -28,25 +30,29 @@ var __webpack_exports__ = {};
|
|
28
30
|
|
29
31
|
// EXPORTS
|
30
32
|
__webpack_require__.d(__webpack_exports__, {
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
33
|
+
OverflowTitle: () => (/* reexport */ overflow_title),
|
34
|
+
"default": () => (/* binding */ src),
|
35
|
+
getActualWidthByCanvas: () => (/* reexport */ utils_getActualWidthByCanvas),
|
36
|
+
getActualWidthByDom: () => (/* reexport */ utils_getActualWidthByDom),
|
37
|
+
overflowTitle: () => (/* reexport */ directive_overflow_title)
|
36
38
|
});
|
37
39
|
|
38
40
|
;// CONCATENATED MODULE: external "../shared"
|
39
41
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
40
42
|
var y = x => () => x
|
41
|
-
const
|
43
|
+
const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
42
44
|
;// CONCATENATED MODULE: external "vue"
|
43
45
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
44
46
|
var external_vue_y = x => () => x
|
45
47
|
const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef });
|
46
48
|
;// CONCATENATED MODULE: external "../popover"
|
47
|
-
var
|
48
|
-
var
|
49
|
-
const
|
49
|
+
var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
50
|
+
var popover_y = x => () => x
|
51
|
+
const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
|
52
|
+
;// CONCATENATED MODULE: external "../popover/popover.less"
|
53
|
+
var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
54
|
+
var popover_less_y = x => () => x
|
55
|
+
const popover_less_namespaceObject = popover_less_x({ });
|
50
56
|
;// CONCATENATED MODULE: external "vue-types"
|
51
57
|
var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
52
58
|
var external_vue_types_y = x => () => x
|
@@ -76,12 +82,12 @@ function placementType() {
|
|
76
82
|
return (0,external_vue_types_namespaceObject.string)().def(PlacementEnum.BOTTOM);
|
77
83
|
}
|
78
84
|
/* harmony default export */ const props = ({
|
79
|
-
content:
|
80
|
-
type:
|
81
|
-
calType:
|
82
|
-
boundary:
|
85
|
+
content: shared_namespaceObject.PropTypes.string,
|
86
|
+
type: shared_namespaceObject.PropTypes.oneOf(['tips', 'title']).def('title'),
|
87
|
+
calType: shared_namespaceObject.PropTypes.oneOf(['dom', 'canvas']).def('dom'),
|
88
|
+
boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]).def(document.body),
|
83
89
|
placement: placementType().def(PlacementEnum.TOP_START),
|
84
|
-
resizeable:
|
90
|
+
resizeable: shared_namespaceObject.PropTypes.bool,
|
85
91
|
popoverOptions: Object // popover属性
|
86
92
|
});
|
87
93
|
;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
|
@@ -124,6 +130,7 @@ function getActualWidthByDom(text, options) {
|
|
124
130
|
|
125
131
|
|
126
132
|
|
133
|
+
|
127
134
|
/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
|
128
135
|
name: 'OverflowTitle',
|
129
136
|
props: props,
|
@@ -142,7 +149,7 @@ function getActualWidthByDom(text, options) {
|
|
142
149
|
});
|
143
150
|
(0,external_vue_namespaceObject.onMounted)(function () {
|
144
151
|
var clientWidth = boxRef.value.clientWidth;
|
145
|
-
var resizeHandler = (0,
|
152
|
+
var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
|
146
153
|
isShowTips.value = false;
|
147
154
|
textProps.value = {};
|
148
155
|
var textWidth = 0;
|
@@ -191,7 +198,7 @@ function getActualWidthByDom(text, options) {
|
|
191
198
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
192
199
|
"ref": "boxRef",
|
193
200
|
"class": "position-relative"
|
194
|
-
}, [(0,external_vue_namespaceObject.createVNode)(
|
201
|
+
}, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
|
195
202
|
"placement": this.placement,
|
196
203
|
"boundary": this.boundary || document.body,
|
197
204
|
"popoverDelay": [200, 0]
|
@@ -274,12 +281,12 @@ var overflowTitle = {
|
|
274
281
|
|
275
282
|
|
276
283
|
|
277
|
-
var BkOverflowTitle = (0,
|
284
|
+
var BkOverflowTitle = (0,shared_namespaceObject.withInstall)(overflow_title);
|
278
285
|
|
279
286
|
/* harmony default export */ const src = (BkOverflowTitle);
|
280
|
-
var __webpack_exports__OverflowTitle = __webpack_exports__.
|
281
|
-
var __webpack_exports__default = __webpack_exports__
|
282
|
-
var __webpack_exports__getActualWidthByCanvas = __webpack_exports__.
|
283
|
-
var __webpack_exports__getActualWidthByDom = __webpack_exports__.
|
284
|
-
var __webpack_exports__overflowTitle = __webpack_exports__
|
287
|
+
var __webpack_exports__OverflowTitle = __webpack_exports__.OverflowTitle;
|
288
|
+
var __webpack_exports__default = __webpack_exports__["default"];
|
289
|
+
var __webpack_exports__getActualWidthByCanvas = __webpack_exports__.getActualWidthByCanvas;
|
290
|
+
var __webpack_exports__getActualWidthByDom = __webpack_exports__.getActualWidthByDom;
|
291
|
+
var __webpack_exports__overflowTitle = __webpack_exports__.overflowTitle;
|
285
292
|
export { __webpack_exports__OverflowTitle as OverflowTitle, __webpack_exports__default as default, __webpack_exports__getActualWidthByCanvas as getActualWidthByCanvas, __webpack_exports__getActualWidthByDom as getActualWidthByDom, __webpack_exports__overflowTitle as overflowTitle };
|