bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.1
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 +71 -71
- package/dist/index.esm.js +19703 -20587
- package/dist/index.umd.js +71 -71
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader.css +3 -3
- package/lib/cascader/cascader.less +3 -3
- package/lib/cascader/cascader.variable.css +3 -3
- package/lib/cascader/index.js +4 -4
- package/lib/collapse/collapse.css +0 -11
- package/lib/collapse/collapse.d.ts +0 -11
- package/lib/collapse/collapse.less +1 -15
- package/lib/collapse/collapse.variable.css +0 -11
- package/lib/collapse/index.d.ts +0 -23
- package/lib/collapse/index.js +1 -9
- package/lib/collapse/props.d.ts +0 -8
- package/lib/color-picker/color-picker.css +3 -3
- package/lib/color-picker/color-picker.less +3 -3
- package/lib/color-picker/color-picker.variable.css +3 -3
- package/lib/color-picker/index.js +1 -1
- package/lib/components.d.ts +0 -1
- package/lib/components.js +0 -1
- package/lib/date-picker/base/year-table.d.ts +2 -2
- package/lib/date-picker/index.js +36 -111
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/panel/date-range.d.ts +63 -1
- package/lib/date-picker/utils.d.ts +0 -4
- package/lib/dialog/dialog.css +84 -135
- package/lib/dialog/dialog.d.ts +132 -38
- package/lib/dialog/dialog.less +76 -9
- package/lib/dialog/dialog.variable.css +84 -135
- package/lib/dialog/index.d.ts +311 -96
- package/lib/dialog/index.js +221 -197
- package/lib/dialog/props.d.ts +47 -10
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +173 -328
- package/lib/info-box/info-box.css +7 -63
- package/lib/info-box/info-box.d.ts +16 -18
- package/lib/info-box/info-box.less +14 -76
- package/lib/info-box/info-box.variable.css +7 -63
- package/lib/input/index.js +1 -2
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +345 -29
- package/lib/modal/index.js +703 -218
- package/lib/modal/modal.css +32 -131
- package/lib/modal/modal.d.ts +132 -11
- package/lib/modal/modal.less +29 -83
- package/lib/modal/modal.variable.css +32 -131
- package/lib/modal/props.mixin.d.ts +52 -4
- package/lib/overflow-title/index.js +52 -46
- package/lib/radio/index.d.ts +0 -29
- package/lib/radio/index.js +16 -34
- package/lib/radio/radio-button.d.ts +0 -10
- package/lib/radio/radio-group.d.ts +0 -10
- package/lib/radio/radio.d.ts +0 -10
- package/lib/rate/rate.css +0 -27
- package/lib/rate/rate.less +0 -33
- package/lib/rate/rate.variable.css +0 -27
- package/lib/rate/star.css +27 -0
- package/lib/rate/star.less +34 -0
- package/lib/{scrollbar/scrollbar.variable.css → rate/star.variable.css} +19 -67
- package/lib/search-select/index.d.ts +58 -78
- package/lib/search-select/index.js +311 -211
- package/lib/search-select/input.d.ts +6 -5
- package/lib/search-select/menu.d.ts +1 -1
- package/lib/search-select/search-select.d.ts +19 -43
- package/lib/search-select/selected.d.ts +12 -10
- package/lib/search-select/utils.d.ts +6 -6
- package/lib/select/index.d.ts +19 -0
- package/lib/select/index.js +21 -8
- package/lib/select/select.css +2 -1
- package/lib/select/select.d.ts +9 -0
- package/lib/select/select.less +2 -1
- package/lib/select/select.variable.css +2 -1
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/index.js +48 -4
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +218 -42
- package/lib/sideslider/index.js +40 -65
- package/lib/sideslider/sideslider.css +86 -17
- package/lib/sideslider/sideslider.d.ts +104 -20
- package/lib/sideslider/sideslider.less +107 -27
- package/lib/sideslider/sideslider.variable.css +86 -17
- package/lib/slider/index.d.ts +0 -19
- package/lib/slider/index.js +5 -45
- package/lib/slider/slider.css +0 -14
- package/lib/slider/slider.d.ts +0 -9
- package/lib/slider/slider.less +0 -15
- package/lib/slider/slider.variable.css +0 -14
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/components/table-cell.d.ts +2 -3
- package/lib/table/components/table-column.d.ts +119 -3
- package/lib/table/const.d.ts +4 -4
- package/lib/table/index.d.ts +107 -26
- package/lib/table/index.js +578 -17818
- package/lib/table/plugins/head-filter.css +4 -8
- package/lib/table/plugins/head-filter.less +3 -6
- package/lib/table/plugins/head-filter.variable.css +4 -8
- package/lib/table/plugins/use-active-columns.d.ts +2 -2
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/plugins/use-pagination.d.ts +1 -3
- package/lib/table/props.d.ts +4 -12
- package/lib/table/table.css +46 -106
- package/lib/table/table.d.ts +0 -11
- package/lib/table/table.less +58 -43
- package/lib/table/table.variable.css +46 -106
- package/lib/table/use-attributes.d.ts +1 -2
- package/lib/table/use-column.d.ts +10 -9
- package/lib/table/use-common.d.ts +1 -1
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.d.ts +299 -9
- package/lib/table-column/index.js +283 -25
- package/lib/transfer/index.js +14 -16
- package/lib/transfer/transfer.css +9 -9
- package/lib/transfer/transfer.less +3 -3
- package/lib/transfer/transfer.variable.css +9 -9
- package/lib/tree/constant.d.ts +1 -3
- package/lib/tree/index.d.ts +0 -44
- package/lib/tree/index.js +35 -17554
- package/lib/tree/props.d.ts +0 -18
- package/lib/tree/tree.css +2 -76
- package/lib/tree/tree.d.ts +2 -28
- package/lib/tree/tree.less +1 -1
- package/lib/tree/tree.variable.css +2 -76
- package/lib/tree/use-node-attribute.d.ts +0 -9
- package/lib/tree/util.d.ts +1 -1
- package/lib/upload/index.js +9 -16
- package/lib/upload/upload.type.d.ts +1 -1
- package/lib/virtual-render/index.d.ts +0 -27
- package/lib/virtual-render/index.js +80 -295
- package/lib/virtual-render/props.d.ts +0 -16
- package/lib/virtual-render/use-fix-top.d.ts +7 -2
- package/lib/virtual-render/v-virtual-render.d.ts +1 -2
- package/lib/virtual-render/virtual-render.css +2 -76
- package/lib/virtual-render/virtual-render.d.ts +0 -13
- package/lib/virtual-render/virtual-render.less +3 -3
- package/lib/virtual-render/virtual-render.variable.css +2 -76
- package/package.json +1 -1
- package/lib/info-box/render-component.d.ts +0 -4
- package/lib/modal/mask.d.ts +0 -6
- package/lib/scrollbar/index.d.ts +0 -15
- package/lib/scrollbar/index.js +0 -18763
- package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
- package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/scrollbar/scrollbar.css +0 -75
- package/lib/scrollbar/scrollbar.less +0 -94
- package/lib/table/plugins/use-column-template.d.ts +0 -7
- package/lib/table/plugins/use-shift-key.d.ts +0 -13
- package/lib/tree/use-intersection-observer.d.ts +0 -27
- package/lib/virtual-render/use-scrollbar.d.ts +0 -24
@@ -127,76 +127,32 @@
|
|
127
127
|
--select-active-color: #e1ecff;
|
128
128
|
--select-hover-color: #f5f7fa;
|
129
129
|
}
|
130
|
-
.bk-
|
131
|
-
|
130
|
+
.bk-info-wrapper .bk-modal-wrapper {
|
131
|
+
width: 440px;
|
132
132
|
}
|
133
|
-
.bk-
|
134
|
-
top: 50%;
|
135
|
-
left: 50%;
|
136
|
-
transform: translate(-50%, -50%);
|
137
|
-
}
|
138
|
-
.bk-infobox-header {
|
139
|
-
padding-top: 24px;
|
140
|
-
}
|
141
|
-
.bk-infobox-type {
|
142
|
-
display: flex;
|
143
|
-
justify-content: center;
|
144
|
-
align-items: center;
|
145
|
-
}
|
146
|
-
.bk-infobox-icon {
|
147
|
-
width: 42px;
|
148
|
-
height: 42px;
|
149
|
-
font-size: 42px;
|
150
|
-
}
|
151
|
-
.bk-infobox-icon.success {
|
152
|
-
color: #2dcb56;
|
153
|
-
}
|
154
|
-
.bk-infobox-icon.warning {
|
155
|
-
color: #ff9c01;
|
156
|
-
}
|
157
|
-
.bk-infobox-icon.danger {
|
158
|
-
color: #ea3636;
|
159
|
-
}
|
160
|
-
.bk-infobox-icon.loading {
|
161
|
-
color: #3a84ff;
|
162
|
-
}
|
163
|
-
.bk-infobox-title {
|
164
|
-
padding-right: 24px;
|
165
|
-
padding-left: 24px;
|
166
|
-
margin-top: 24px;
|
167
|
-
font-size: 20px;
|
168
|
-
line-height: 32px;
|
169
|
-
color: #313238;
|
170
|
-
}
|
171
|
-
.bk-infobox-content {
|
172
|
-
padding-right: 24px;
|
173
|
-
padding-left: 24px;
|
133
|
+
.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
|
174
134
|
margin-top: 16px;
|
175
135
|
}
|
176
|
-
.bk-
|
177
|
-
|
178
|
-
padding-right: 24px;
|
179
|
-
padding-bottom: 24px;
|
180
|
-
padding-left: 24px;
|
181
|
-
margin-top: 24px;
|
182
|
-
align-content: center;
|
183
|
-
}
|
184
|
-
.bk-infobox-footer.is-position-right {
|
185
|
-
justify-content: right;
|
186
|
-
}
|
187
|
-
.bk-infobox-footer.is-position-center {
|
188
|
-
justify-content: center;
|
136
|
+
.bk-info-wrapper .bk-dialog-footer button {
|
137
|
+
min-width: 88px;
|
189
138
|
}
|
190
|
-
.bk-
|
191
|
-
|
139
|
+
.bk-info-sub-title {
|
140
|
+
text-align: center;
|
141
|
+
word-break: break-all;
|
192
142
|
}
|
193
|
-
.bk-
|
194
|
-
|
143
|
+
.bk-modal-ctx {
|
144
|
+
position: fixed;
|
145
|
+
top: 0px;
|
146
|
+
left: 0px;
|
147
|
+
display: none;
|
148
|
+
width: 100%;
|
149
|
+
height: 100%;
|
150
|
+
pointer-events: auto;
|
195
151
|
}
|
196
|
-
.bk-
|
197
|
-
|
152
|
+
.bk-modal-ctx.is-show {
|
153
|
+
display: block;
|
198
154
|
}
|
199
|
-
.bk-modal-mask {
|
155
|
+
.bk-modal-ctx-mask {
|
200
156
|
position: fixed;
|
201
157
|
top: 0;
|
202
158
|
left: 0;
|
@@ -205,7 +161,18 @@
|
|
205
161
|
background-color: rgba(0, 0, 0, 0.6);
|
206
162
|
}
|
207
163
|
.bk-modal-wrapper {
|
164
|
+
position: absolute;
|
165
|
+
top: 50%;
|
166
|
+
left: 50%;
|
167
|
+
border-radius: 2px;
|
168
|
+
transform: translate(-50%, -50%);
|
169
|
+
}
|
170
|
+
.bk-modal-outside {
|
208
171
|
position: fixed;
|
172
|
+
top: 0;
|
173
|
+
right: 0;
|
174
|
+
bottom: 0;
|
175
|
+
left: 0;
|
209
176
|
}
|
210
177
|
.bk-modal-body {
|
211
178
|
height: 100%;
|
@@ -215,11 +182,9 @@
|
|
215
182
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
216
183
|
}
|
217
184
|
.bk-modal-content {
|
218
|
-
position: relative;
|
219
185
|
max-height: 100vh;
|
220
|
-
|
221
|
-
|
222
|
-
position: relative;
|
186
|
+
overflow: auto;
|
187
|
+
scrollbar-gutter: stable;
|
223
188
|
}
|
224
189
|
.bk-modal-close {
|
225
190
|
position: absolute;
|
@@ -239,67 +204,3 @@
|
|
239
204
|
.bk-modal-close:hover {
|
240
205
|
background: #f0f1f5;
|
241
206
|
}
|
242
|
-
.modal-fadein-enter-from {
|
243
|
-
opacity: 0;
|
244
|
-
}
|
245
|
-
.modal-fadein-enter-from .bk-modal-body {
|
246
|
-
transform: translateY(-20px);
|
247
|
-
}
|
248
|
-
.modal-fadein-enter-to {
|
249
|
-
opacity: 1;
|
250
|
-
}
|
251
|
-
.modal-fadein-enter-to .bk-modal-body {
|
252
|
-
transform: translateY(0);
|
253
|
-
}
|
254
|
-
.modal-fadein-leave-from {
|
255
|
-
opacity: 1;
|
256
|
-
}
|
257
|
-
.modal-fadein-leave-from .bk-modal-body {
|
258
|
-
transform: translateY(0);
|
259
|
-
}
|
260
|
-
.modal-fadein-leave-to {
|
261
|
-
opacity: 0;
|
262
|
-
}
|
263
|
-
.modal-fadein-leave-to .bk-modal-body {
|
264
|
-
transform: translateY(-20px);
|
265
|
-
}
|
266
|
-
.modal-fadein-enter-active,
|
267
|
-
.modal-fadein-leave-active {
|
268
|
-
transition: opacity 0.15s linear;
|
269
|
-
}
|
270
|
-
.modal-fadein-enter-active .bk-modal-body,
|
271
|
-
.modal-fadein-leave-active .bk-modal-body {
|
272
|
-
transition: transform 0.08s linear;
|
273
|
-
}
|
274
|
-
.modal-right-enter-from {
|
275
|
-
transform: translateX(100%);
|
276
|
-
}
|
277
|
-
.modal-right-enter-to {
|
278
|
-
transform: translateX(0);
|
279
|
-
}
|
280
|
-
.modal-right-leave-from {
|
281
|
-
transform: translateX(0);
|
282
|
-
}
|
283
|
-
.modal-right-leave-to {
|
284
|
-
transform: translateX(100%);
|
285
|
-
}
|
286
|
-
.modal-right-enter-active,
|
287
|
-
.modal-right-leave-active {
|
288
|
-
transition: transform 0.15s ease;
|
289
|
-
}
|
290
|
-
.modal-left-enter-from {
|
291
|
-
transform: translateX(-100%);
|
292
|
-
}
|
293
|
-
.modal-left-enter-to {
|
294
|
-
transform: translateX(0);
|
295
|
-
}
|
296
|
-
.modal-left-leave-from {
|
297
|
-
transform: translateX(0);
|
298
|
-
}
|
299
|
-
.modal-left-leave-to {
|
300
|
-
transform: translateX(-100%);
|
301
|
-
}
|
302
|
-
.modal-left-enter-active,
|
303
|
-
.modal-left-leave-active {
|
304
|
-
transition: transform 0.15s ease;
|
305
|
-
}
|
@@ -4,8 +4,18 @@ export declare const propsMixin: {
|
|
4
4
|
} & {
|
5
5
|
default: boolean;
|
6
6
|
};
|
7
|
-
width: import("vue-types").VueTypeDef<string | number
|
8
|
-
|
7
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
8
|
+
default: string | number;
|
9
|
+
};
|
10
|
+
height: import("vue-types").VueTypeDef<string | number> & {
|
11
|
+
default: string | number;
|
12
|
+
};
|
13
|
+
extCls: (import("vue-types").VueTypeValidableDef<string> & {
|
14
|
+
default: string;
|
15
|
+
}) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
|
16
|
+
default: () => unknown[];
|
17
|
+
});
|
18
|
+
scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
|
9
19
|
default: boolean;
|
10
20
|
} & {
|
11
21
|
default: boolean;
|
@@ -25,6 +35,17 @@ export declare const propsMixin: {
|
|
25
35
|
} & {
|
26
36
|
default: boolean;
|
27
37
|
};
|
38
|
+
fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
|
39
|
+
default: boolean;
|
40
|
+
} & {
|
41
|
+
default: boolean;
|
42
|
+
};
|
43
|
+
size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
|
44
|
+
draggable: import("vue-types").VueTypeValidableDef<boolean> & {
|
45
|
+
default: boolean;
|
46
|
+
} & {
|
47
|
+
default: boolean;
|
48
|
+
};
|
28
49
|
quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
|
29
50
|
default: boolean;
|
30
51
|
} & {
|
@@ -34,6 +55,19 @@ export declare const propsMixin: {
|
|
34
55
|
default: string | boolean | (() => HTMLElement);
|
35
56
|
};
|
36
57
|
zIndex: import("vue-types").VueTypeDef<string | number>;
|
58
|
+
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
59
|
+
default: string;
|
60
|
+
};
|
61
|
+
direction: import("vue-types").VueTypeValidableDef<string> & {
|
62
|
+
default: string;
|
63
|
+
} & {
|
64
|
+
default: string;
|
65
|
+
};
|
66
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
67
|
+
default: string;
|
68
|
+
} & {
|
69
|
+
default: string;
|
70
|
+
};
|
37
71
|
animateType: import("vue-types").VueTypeValidableDef<string> & {
|
38
72
|
default: string;
|
39
73
|
} & {
|
@@ -43,13 +77,27 @@ export declare const propsMixin: {
|
|
43
77
|
default: "show" | "if";
|
44
78
|
};
|
45
79
|
beforeClose: import("vue-types").VueTypeDef<unknown>;
|
80
|
+
dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
|
81
|
+
multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
|
82
|
+
default: boolean;
|
83
|
+
} & {
|
84
|
+
default: boolean;
|
85
|
+
};
|
86
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
87
|
+
bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
|
88
|
+
default: string;
|
89
|
+
}) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
|
90
|
+
default: () => unknown[];
|
91
|
+
});
|
46
92
|
left: import("vue-types").VueTypeValidableDef<string> & {
|
47
93
|
default: string;
|
48
94
|
};
|
49
95
|
top: import("vue-types").VueTypeValidableDef<string> & {
|
50
96
|
default: string;
|
51
97
|
};
|
52
|
-
|
53
|
-
default:
|
98
|
+
hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
|
99
|
+
default: number;
|
100
|
+
} & {
|
101
|
+
default: number;
|
54
102
|
};
|
55
103
|
};
|
@@ -41,7 +41,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
41
41
|
;// CONCATENATED MODULE: external "../shared"
|
42
42
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
43
43
|
var y = x => () => x
|
44
|
-
const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["
|
44
|
+
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 });
|
45
45
|
;// CONCATENATED MODULE: external "vue"
|
46
46
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
47
47
|
var external_vue_y = x => () => x
|
@@ -91,6 +91,38 @@ function placementType() {
|
|
91
91
|
resizeable: shared_namespaceObject.PropTypes.bool,
|
92
92
|
popoverOptions: Object // popover属性
|
93
93
|
});
|
94
|
+
;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
|
95
|
+
function getActualWidthByCanvas(text, options) {
|
96
|
+
var _options$fontSize = options.fontSize,
|
97
|
+
fontSize = _options$fontSize === void 0 ? 14 : _options$fontSize,
|
98
|
+
_options$fontFamily = options.fontFamily,
|
99
|
+
fontFamily = _options$fontFamily === void 0 ? 'Microsoft YaHei' : _options$fontFamily;
|
100
|
+
var canvas = document.createElement('canvas');
|
101
|
+
var ctx = canvas.getContext('2d');
|
102
|
+
ctx.font = "".concat(fontSize, "px ").concat(fontFamily);
|
103
|
+
var metrics = ctx.measureText(text);
|
104
|
+
var actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
|
105
|
+
return Math.max(metrics.width, actual);
|
106
|
+
}
|
107
|
+
/* harmony default export */ const utils_getActualWidthByCanvas = (getActualWidthByCanvas);
|
108
|
+
;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByDom.ts
|
109
|
+
function getActualWidthByDom(text, options) {
|
110
|
+
var dom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
|
111
|
+
if (!dom) {
|
112
|
+
return 0;
|
113
|
+
}
|
114
|
+
var _ref = options || {},
|
115
|
+
fontSize = _ref.fontSize,
|
116
|
+
fontFamily = _ref.fontFamily;
|
117
|
+
var tempDom = document.createElement('div');
|
118
|
+
tempDom.style.cssText = "position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n ".concat(fontSize ? "font-size:".concat(fontSize, " ;") : '', "\n ").concat(fontFamily ? "font-family:".concat(fontFamily, " ") : '', "\n ");
|
119
|
+
tempDom.innerText = text;
|
120
|
+
dom.append(tempDom);
|
121
|
+
var clientWidth = tempDom.clientWidth;
|
122
|
+
dom.removeChild(tempDom);
|
123
|
+
return clientWidth;
|
124
|
+
}
|
125
|
+
/* harmony default export */ const utils_getActualWidthByDom = (getActualWidthByDom);
|
94
126
|
;// CONCATENATED MODULE: ../../packages/overflow-title/src/components/overflow-title.tsx
|
95
127
|
|
96
128
|
|
@@ -98,8 +130,8 @@ function placementType() {
|
|
98
130
|
|
99
131
|
|
100
132
|
|
101
|
-
|
102
|
-
|
133
|
+
|
134
|
+
|
103
135
|
/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
|
104
136
|
name: 'OverflowTitle',
|
105
137
|
props: props,
|
@@ -117,23 +149,29 @@ function placementType() {
|
|
117
149
|
return slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
|
118
150
|
});
|
119
151
|
(0,external_vue_namespaceObject.onMounted)(function () {
|
120
|
-
|
152
|
+
var clientWidth = boxRef.value.clientWidth;
|
121
153
|
var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
|
122
154
|
isShowTips.value = false;
|
123
155
|
textProps.value = {};
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
156
|
+
var textWidth = 0;
|
157
|
+
if (props.calType === 'dom') {
|
158
|
+
var _textRef$value;
|
159
|
+
textWidth = utils_getActualWidthByDom((_textRef$value = textRef.value) === null || _textRef$value === void 0 ? void 0 : _textRef$value.textContent, null, boxRef.value);
|
160
|
+
} else {
|
161
|
+
var _getComputedStyle = getComputedStyle(boxRef.value),
|
162
|
+
fontSize = _getComputedStyle.fontSize,
|
163
|
+
fontFamily = _getComputedStyle.fontFamily;
|
164
|
+
textWidth = utils_getActualWidthByCanvas(contentText.value, {
|
165
|
+
fontSize: fontSize,
|
166
|
+
fontFamily: fontFamily
|
167
|
+
});
|
168
|
+
}
|
169
|
+
if (textWidth > clientWidth) {
|
132
170
|
isShowTips.value = true;
|
133
171
|
if (props.type === 'title') {
|
134
|
-
var _textRef$value$innerT, _textRef$
|
172
|
+
var _textRef$value$innerT, _textRef$value2;
|
135
173
|
textProps.value = {
|
136
|
-
title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$
|
174
|
+
title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$value2 = textRef.value) === null || _textRef$value2 === void 0 ? void 0 : _textRef$value2.innerText) !== null && _textRef$value$innerT !== void 0 ? _textRef$value$innerT : props.content
|
137
175
|
};
|
138
176
|
}
|
139
177
|
}
|
@@ -180,38 +218,6 @@ function placementType() {
|
|
180
218
|
})]);
|
181
219
|
}
|
182
220
|
}));
|
183
|
-
;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
|
184
|
-
function getActualWidthByCanvas(text, options) {
|
185
|
-
var _options$fontSize = options.fontSize,
|
186
|
-
fontSize = _options$fontSize === void 0 ? 14 : _options$fontSize,
|
187
|
-
_options$fontFamily = options.fontFamily,
|
188
|
-
fontFamily = _options$fontFamily === void 0 ? 'Microsoft YaHei' : _options$fontFamily;
|
189
|
-
var canvas = document.createElement('canvas');
|
190
|
-
var ctx = canvas.getContext('2d');
|
191
|
-
ctx.font = "".concat(fontSize, "px ").concat(fontFamily);
|
192
|
-
var metrics = ctx.measureText(text);
|
193
|
-
var actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
|
194
|
-
return Math.max(metrics.width, actual);
|
195
|
-
}
|
196
|
-
/* harmony default export */ const utils_getActualWidthByCanvas = (getActualWidthByCanvas);
|
197
|
-
;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByDom.ts
|
198
|
-
function getActualWidthByDom(text, options) {
|
199
|
-
var dom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
|
200
|
-
if (!dom) {
|
201
|
-
return 0;
|
202
|
-
}
|
203
|
-
var _ref = options || {},
|
204
|
-
fontSize = _ref.fontSize,
|
205
|
-
fontFamily = _ref.fontFamily;
|
206
|
-
var tempDom = document.createElement('div');
|
207
|
-
tempDom.style.cssText = "position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n ".concat(fontSize ? "font-size:".concat(fontSize, " ;") : '', "\n ").concat(fontFamily ? "font-family:".concat(fontFamily, " ") : '', "\n ");
|
208
|
-
tempDom.innerText = text;
|
209
|
-
dom.append(tempDom);
|
210
|
-
var clientWidth = tempDom.clientWidth;
|
211
|
-
dom.removeChild(tempDom);
|
212
|
-
return clientWidth;
|
213
|
-
}
|
214
|
-
/* harmony default export */ const utils_getActualWidthByDom = (getActualWidthByDom);
|
215
221
|
;// CONCATENATED MODULE: ../../packages/overflow-title/src/directive/overflow-title.ts
|
216
222
|
|
217
223
|
|
package/lib/radio/index.d.ts
CHANGED
@@ -23,9 +23,6 @@ declare const BkRadio: {
|
|
23
23
|
} & {
|
24
24
|
default: boolean;
|
25
25
|
};
|
26
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
27
|
-
default: (...args: any[]) => any;
|
28
|
-
};
|
29
26
|
}>> & {
|
30
27
|
onChange?: (value: any) => any;
|
31
28
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -64,9 +61,6 @@ declare const BkRadio: {
|
|
64
61
|
} & {
|
65
62
|
default: boolean;
|
66
63
|
};
|
67
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
68
|
-
default: (...args: any[]) => any;
|
69
|
-
};
|
70
64
|
}>> & {
|
71
65
|
onChange?: (value: any) => any;
|
72
66
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -75,7 +69,6 @@ declare const BkRadio: {
|
|
75
69
|
disabled: boolean;
|
76
70
|
modelValue: string | number | boolean;
|
77
71
|
checked: boolean;
|
78
|
-
beforeChange: (...args: any[]) => any;
|
79
72
|
}, true, {}, {}, {
|
80
73
|
P: {};
|
81
74
|
B: {};
|
@@ -105,9 +98,6 @@ declare const BkRadio: {
|
|
105
98
|
} & {
|
106
99
|
default: boolean;
|
107
100
|
};
|
108
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
109
|
-
default: (...args: any[]) => any;
|
110
|
-
};
|
111
101
|
}>> & {
|
112
102
|
onChange?: (value: any) => any;
|
113
103
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -126,7 +116,6 @@ declare const BkRadio: {
|
|
126
116
|
disabled: boolean;
|
127
117
|
modelValue: string | number | boolean;
|
128
118
|
checked: boolean;
|
129
|
-
beforeChange: (...args: any[]) => any;
|
130
119
|
}>;
|
131
120
|
__isFragment?: never;
|
132
121
|
__isTeleport?: never;
|
@@ -153,9 +142,6 @@ declare const BkRadio: {
|
|
153
142
|
} & {
|
154
143
|
default: boolean;
|
155
144
|
};
|
156
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
157
|
-
default: (...args: any[]) => any;
|
158
|
-
};
|
159
145
|
}>> & {
|
160
146
|
onChange?: (value: any) => any;
|
161
147
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -177,7 +163,6 @@ declare const BkRadio: {
|
|
177
163
|
disabled: boolean;
|
178
164
|
modelValue: string | number | boolean;
|
179
165
|
checked: boolean;
|
180
|
-
beforeChange: (...args: any[]) => any;
|
181
166
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
|
182
167
|
Group: import("vue").DefineComponent<{
|
183
168
|
name: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -198,9 +183,6 @@ declare const BkRadio: {
|
|
198
183
|
default: string;
|
199
184
|
};
|
200
185
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
201
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
202
|
-
default: (...args: any[]) => any;
|
203
|
-
};
|
204
186
|
}, {
|
205
187
|
resolveClassName: (cls: string) => string;
|
206
188
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
@@ -225,9 +207,6 @@ declare const BkRadio: {
|
|
225
207
|
default: string;
|
226
208
|
};
|
227
209
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
228
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
229
|
-
default: (...args: any[]) => any;
|
230
|
-
};
|
231
210
|
}>> & {
|
232
211
|
onChange?: (value: any) => any;
|
233
212
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -236,7 +215,6 @@ declare const BkRadio: {
|
|
236
215
|
type: string;
|
237
216
|
disabled: boolean;
|
238
217
|
withValidate: boolean;
|
239
|
-
beforeChange: (...args: any[]) => any;
|
240
218
|
}, {}>;
|
241
219
|
Button: import("vue").DefineComponent<{
|
242
220
|
name: import("vue-types").VueTypeValidableDef<string> & {
|
@@ -261,9 +239,6 @@ declare const BkRadio: {
|
|
261
239
|
default: boolean;
|
262
240
|
};
|
263
241
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
264
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
265
|
-
default: (...args: any[]) => any;
|
266
|
-
};
|
267
242
|
}, {
|
268
243
|
isFocused: import("vue").Ref<boolean>;
|
269
244
|
size: import("vue").Ref<string>;
|
@@ -300,9 +275,6 @@ declare const BkRadio: {
|
|
300
275
|
default: boolean;
|
301
276
|
};
|
302
277
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
303
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
304
|
-
default: (...args: any[]) => any;
|
305
|
-
};
|
306
278
|
}>> & {
|
307
279
|
onChange?: (value: any) => any;
|
308
280
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -311,7 +283,6 @@ declare const BkRadio: {
|
|
311
283
|
disabled: boolean;
|
312
284
|
modelValue: string | number | boolean;
|
313
285
|
checked: boolean;
|
314
|
-
beforeChange: (...args: any[]) => any;
|
315
286
|
}, {}>;
|
316
287
|
}>;
|
317
288
|
export default BkRadio;
|
package/lib/radio/index.js
CHANGED
@@ -201,7 +201,6 @@ var useRadio = function useRadio() {
|
|
201
201
|
var radioGroup = (0,external_vue_namespaceObject.inject)(radioGroupKey, shared_namespaceObject.EMPTY_OBJ);
|
202
202
|
var isGroup = !(0,shared_namespaceObject.isEmptyObj)(radioGroup);
|
203
203
|
var isChecked = (0,external_vue_namespaceObject.ref)(false);
|
204
|
-
var isPrechecking = (0,external_vue_namespaceObject.ref)(false);
|
205
204
|
var size = (0,external_vue_namespaceObject.ref)('default');
|
206
205
|
// 禁用状态
|
207
206
|
var isDisabled = (0,external_vue_namespaceObject.computed)(function () {
|
@@ -238,37 +237,23 @@ var useRadio = function useRadio() {
|
|
238
237
|
};
|
239
238
|
// 值更新
|
240
239
|
var handleChange = function handleChange(event) {
|
241
|
-
|
242
|
-
if (isDisabled.value || isPrechecking.value) {
|
240
|
+
if (isDisabled.value) {
|
243
241
|
return;
|
244
242
|
}
|
245
243
|
var $targetInput = event.target;
|
246
|
-
|
247
|
-
var
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
}
|
259
|
-
(0,external_vue_namespaceObject.nextTick)(function () {
|
260
|
-
// 选中状态保持同步
|
261
|
-
if ($targetInput.checked !== isChecked.value) {
|
262
|
-
$targetInput.checked = isChecked.value;
|
263
|
-
}
|
264
|
-
});
|
265
|
-
return Promise.resolve(true);
|
244
|
+
isChecked.value = $targetInput.checked;
|
245
|
+
var nextValue = isChecked.value ? props.label : '';
|
246
|
+
emit('update:modelValue', nextValue);
|
247
|
+
emit('change', nextValue);
|
248
|
+
// 更新 radio-group
|
249
|
+
if (isGroup) {
|
250
|
+
radioGroup.handleChange(currentInstance.proxy);
|
251
|
+
}
|
252
|
+
(0,external_vue_namespaceObject.nextTick)(function () {
|
253
|
+
// 选中状态保持同步
|
254
|
+
if ($targetInput.checked !== isChecked.value) {
|
255
|
+
$targetInput.checked = isChecked.value;
|
266
256
|
}
|
267
|
-
return Promise.reject();
|
268
|
-
})["catch"](function () {
|
269
|
-
$targetInput.checked = isChecked.value;
|
270
|
-
})["finally"](function () {
|
271
|
-
isPrechecking.value = false;
|
272
257
|
});
|
273
258
|
};
|
274
259
|
(0,external_vue_namespaceObject.onMounted)(function () {
|
@@ -327,8 +312,7 @@ var radioProps = {
|
|
327
312
|
label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).isRequired,
|
328
313
|
modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
|
329
314
|
checked: shared_namespaceObject.PropTypes.bool.def(false),
|
330
|
-
disabled: shared_namespaceObject.PropTypes.bool.def(false)
|
331
|
-
beforeChange: shared_namespaceObject.PropTypes.func
|
315
|
+
disabled: shared_namespaceObject.PropTypes.bool.def(false)
|
332
316
|
};
|
333
317
|
/* harmony default export */ const src_radio = ((0,external_vue_namespaceObject.defineComponent)({
|
334
318
|
name: 'Radio',
|
@@ -434,8 +418,7 @@ var radioButtonProps = {
|
|
434
418
|
modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
|
435
419
|
checked: shared_namespaceObject.PropTypes.bool.def(false),
|
436
420
|
disabled: shared_namespaceObject.PropTypes.bool.def(false),
|
437
|
-
size: shared_namespaceObject.PropTypes.size()
|
438
|
-
beforeChange: shared_namespaceObject.PropTypes.func
|
421
|
+
size: shared_namespaceObject.PropTypes.size()
|
439
422
|
};
|
440
423
|
/* harmony default export */ const radio_button = ((0,external_vue_namespaceObject.defineComponent)({
|
441
424
|
name: 'RadioButton',
|
@@ -539,8 +522,7 @@ var radioGroupProps = {
|
|
539
522
|
disabled: shared_namespaceObject.PropTypes.bool,
|
540
523
|
withValidate: shared_namespaceObject.PropTypes.bool.def(true),
|
541
524
|
type: shared_namespaceObject.PropTypes.oneOf(['tab', 'capsule', 'card']).def('tab'),
|
542
|
-
size: shared_namespaceObject.PropTypes.size()
|
543
|
-
beforeChange: shared_namespaceObject.PropTypes.func
|
525
|
+
size: shared_namespaceObject.PropTypes.size()
|
544
526
|
};
|
545
527
|
/* harmony default export */ const radio_group = ((0,external_vue_namespaceObject.defineComponent)({
|
546
528
|
name: 'RadioGroup',
|
@@ -22,9 +22,6 @@ declare const radioButtonProps: {
|
|
22
22
|
default: boolean;
|
23
23
|
};
|
24
24
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
25
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
26
|
-
default: (...args: any[]) => any;
|
27
|
-
};
|
28
25
|
};
|
29
26
|
export type RadioButtonProps = Readonly<ExtractPropTypes<typeof radioButtonProps>>;
|
30
27
|
declare const _default: import("vue").DefineComponent<{
|
@@ -50,9 +47,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
50
47
|
default: boolean;
|
51
48
|
};
|
52
49
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
53
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
54
|
-
default: (...args: any[]) => any;
|
55
|
-
};
|
56
50
|
}, {
|
57
51
|
isFocused: import("vue").Ref<boolean>;
|
58
52
|
size: import("vue").Ref<string>;
|
@@ -89,9 +83,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
89
83
|
default: boolean;
|
90
84
|
};
|
91
85
|
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
92
|
-
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
93
|
-
default: (...args: any[]) => any;
|
94
|
-
};
|
95
86
|
}>> & {
|
96
87
|
onChange?: (value: any) => any;
|
97
88
|
"onUpdate:modelValue"?: (value: any) => any;
|
@@ -100,6 +91,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
100
91
|
disabled: boolean;
|
101
92
|
modelValue: string | number | boolean;
|
102
93
|
checked: boolean;
|
103
|
-
beforeChange: (...args: any[]) => any;
|
104
94
|
}, {}>;
|
105
95
|
export default _default;
|