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.
Files changed (153) hide show
  1. package/dist/index.cjs.js +71 -71
  2. package/dist/index.esm.js +19703 -20587
  3. package/dist/index.umd.js +71 -71
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/cascader/cascader.css +3 -3
  7. package/lib/cascader/cascader.less +3 -3
  8. package/lib/cascader/cascader.variable.css +3 -3
  9. package/lib/cascader/index.js +4 -4
  10. package/lib/collapse/collapse.css +0 -11
  11. package/lib/collapse/collapse.d.ts +0 -11
  12. package/lib/collapse/collapse.less +1 -15
  13. package/lib/collapse/collapse.variable.css +0 -11
  14. package/lib/collapse/index.d.ts +0 -23
  15. package/lib/collapse/index.js +1 -9
  16. package/lib/collapse/props.d.ts +0 -8
  17. package/lib/color-picker/color-picker.css +3 -3
  18. package/lib/color-picker/color-picker.less +3 -3
  19. package/lib/color-picker/color-picker.variable.css +3 -3
  20. package/lib/color-picker/index.js +1 -1
  21. package/lib/components.d.ts +0 -1
  22. package/lib/components.js +0 -1
  23. package/lib/date-picker/base/year-table.d.ts +2 -2
  24. package/lib/date-picker/index.js +36 -111
  25. package/lib/date-picker/interface.d.ts +1 -1
  26. package/lib/date-picker/panel/date-range.d.ts +63 -1
  27. package/lib/date-picker/utils.d.ts +0 -4
  28. package/lib/dialog/dialog.css +84 -135
  29. package/lib/dialog/dialog.d.ts +132 -38
  30. package/lib/dialog/dialog.less +76 -9
  31. package/lib/dialog/dialog.variable.css +84 -135
  32. package/lib/dialog/index.d.ts +311 -96
  33. package/lib/dialog/index.js +221 -197
  34. package/lib/dialog/props.d.ts +47 -10
  35. package/lib/info-box/index.d.ts +2 -2
  36. package/lib/info-box/index.js +173 -328
  37. package/lib/info-box/info-box.css +7 -63
  38. package/lib/info-box/info-box.d.ts +16 -18
  39. package/lib/info-box/info-box.less +14 -76
  40. package/lib/info-box/info-box.variable.css +7 -63
  41. package/lib/input/index.js +1 -2
  42. package/lib/modal/hooks.d.ts +1 -1
  43. package/lib/modal/index.d.ts +345 -29
  44. package/lib/modal/index.js +703 -218
  45. package/lib/modal/modal.css +32 -131
  46. package/lib/modal/modal.d.ts +132 -11
  47. package/lib/modal/modal.less +29 -83
  48. package/lib/modal/modal.variable.css +32 -131
  49. package/lib/modal/props.mixin.d.ts +52 -4
  50. package/lib/overflow-title/index.js +52 -46
  51. package/lib/radio/index.d.ts +0 -29
  52. package/lib/radio/index.js +16 -34
  53. package/lib/radio/radio-button.d.ts +0 -10
  54. package/lib/radio/radio-group.d.ts +0 -10
  55. package/lib/radio/radio.d.ts +0 -10
  56. package/lib/rate/rate.css +0 -27
  57. package/lib/rate/rate.less +0 -33
  58. package/lib/rate/rate.variable.css +0 -27
  59. package/lib/rate/star.css +27 -0
  60. package/lib/rate/star.less +34 -0
  61. package/lib/{scrollbar/scrollbar.variable.css → rate/star.variable.css} +19 -67
  62. package/lib/search-select/index.d.ts +58 -78
  63. package/lib/search-select/index.js +311 -211
  64. package/lib/search-select/input.d.ts +6 -5
  65. package/lib/search-select/menu.d.ts +1 -1
  66. package/lib/search-select/search-select.d.ts +19 -43
  67. package/lib/search-select/selected.d.ts +12 -10
  68. package/lib/search-select/utils.d.ts +6 -6
  69. package/lib/select/index.d.ts +19 -0
  70. package/lib/select/index.js +21 -8
  71. package/lib/select/select.css +2 -1
  72. package/lib/select/select.d.ts +9 -0
  73. package/lib/select/select.less +2 -1
  74. package/lib/select/select.variable.css +2 -1
  75. package/lib/shared/index.d.ts +1 -0
  76. package/lib/shared/index.js +48 -4
  77. package/lib/shared/mask.d.ts +11 -0
  78. package/lib/sideslider/index.d.ts +218 -42
  79. package/lib/sideslider/index.js +40 -65
  80. package/lib/sideslider/sideslider.css +86 -17
  81. package/lib/sideslider/sideslider.d.ts +104 -20
  82. package/lib/sideslider/sideslider.less +107 -27
  83. package/lib/sideslider/sideslider.variable.css +86 -17
  84. package/lib/slider/index.d.ts +0 -19
  85. package/lib/slider/index.js +5 -45
  86. package/lib/slider/slider.css +0 -14
  87. package/lib/slider/slider.d.ts +0 -9
  88. package/lib/slider/slider.less +0 -15
  89. package/lib/slider/slider.variable.css +0 -14
  90. package/lib/styles/index.d.ts +1 -0
  91. package/lib/table/components/table-cell.d.ts +2 -3
  92. package/lib/table/components/table-column.d.ts +119 -3
  93. package/lib/table/const.d.ts +4 -4
  94. package/lib/table/index.d.ts +107 -26
  95. package/lib/table/index.js +578 -17818
  96. package/lib/table/plugins/head-filter.css +4 -8
  97. package/lib/table/plugins/head-filter.less +3 -6
  98. package/lib/table/plugins/head-filter.variable.css +4 -8
  99. package/lib/table/plugins/use-active-columns.d.ts +2 -2
  100. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  101. package/lib/table/plugins/use-pagination.d.ts +1 -3
  102. package/lib/table/props.d.ts +4 -12
  103. package/lib/table/table.css +46 -106
  104. package/lib/table/table.d.ts +0 -11
  105. package/lib/table/table.less +58 -43
  106. package/lib/table/table.variable.css +46 -106
  107. package/lib/table/use-attributes.d.ts +1 -2
  108. package/lib/table/use-column.d.ts +10 -9
  109. package/lib/table/use-common.d.ts +1 -1
  110. package/lib/table/use-render.d.ts +1 -1
  111. package/lib/table-column/index.d.ts +299 -9
  112. package/lib/table-column/index.js +283 -25
  113. package/lib/transfer/index.js +14 -16
  114. package/lib/transfer/transfer.css +9 -9
  115. package/lib/transfer/transfer.less +3 -3
  116. package/lib/transfer/transfer.variable.css +9 -9
  117. package/lib/tree/constant.d.ts +1 -3
  118. package/lib/tree/index.d.ts +0 -44
  119. package/lib/tree/index.js +35 -17554
  120. package/lib/tree/props.d.ts +0 -18
  121. package/lib/tree/tree.css +2 -76
  122. package/lib/tree/tree.d.ts +2 -28
  123. package/lib/tree/tree.less +1 -1
  124. package/lib/tree/tree.variable.css +2 -76
  125. package/lib/tree/use-node-attribute.d.ts +0 -9
  126. package/lib/tree/util.d.ts +1 -1
  127. package/lib/upload/index.js +9 -16
  128. package/lib/upload/upload.type.d.ts +1 -1
  129. package/lib/virtual-render/index.d.ts +0 -27
  130. package/lib/virtual-render/index.js +80 -295
  131. package/lib/virtual-render/props.d.ts +0 -16
  132. package/lib/virtual-render/use-fix-top.d.ts +7 -2
  133. package/lib/virtual-render/v-virtual-render.d.ts +1 -2
  134. package/lib/virtual-render/virtual-render.css +2 -76
  135. package/lib/virtual-render/virtual-render.d.ts +0 -13
  136. package/lib/virtual-render/virtual-render.less +3 -3
  137. package/lib/virtual-render/virtual-render.variable.css +2 -76
  138. package/package.json +1 -1
  139. package/lib/info-box/render-component.d.ts +0 -4
  140. package/lib/modal/mask.d.ts +0 -6
  141. package/lib/scrollbar/index.d.ts +0 -15
  142. package/lib/scrollbar/index.js +0 -18763
  143. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  144. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  145. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
  146. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  147. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  148. package/lib/scrollbar/scrollbar.css +0 -75
  149. package/lib/scrollbar/scrollbar.less +0 -94
  150. package/lib/table/plugins/use-column-template.d.ts +0 -7
  151. package/lib/table/plugins/use-shift-key.d.ts +0 -13
  152. package/lib/tree/use-intersection-observer.d.ts +0 -27
  153. 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-infobox {
131
- font-size: 12px;
130
+ .bk-info-wrapper .bk-modal-wrapper {
131
+ width: 440px;
132
132
  }
133
- .bk-infobox .bk-modal-wrapper {
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-infobox-footer {
177
- display: flex;
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-infobox-footer.is-position-left {
191
- justify-content: left;
139
+ .bk-info-sub-title {
140
+ text-align: center;
141
+ word-break: break-all;
192
142
  }
193
- .bk-infobox-footer .bk-button {
194
- min-width: 88px;
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-infobox-footer .bk-button ~ .bk-button {
197
- margin-left: 8px;
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
- .bk-modal-footer {
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
- fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
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
- extCls: import("vue-types").VueTypeValidableDef<string> & {
53
- default: string;
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, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.hasOverflowEllipsis, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
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
- // import getActualWidthByCanvas from '../utils/getActualWidthByCanvas';
102
- // import getActualWidthByDom from '../utils/getActualWidthByDom';
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
- // const { clientWidth } = boxRef.value;
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
- // let textWidth = 0;
125
- // if (props.calType === 'dom') {
126
- // textWidth = getActualWidthByDom(textRef.value?.textContent, null, boxRef.value);
127
- // } else {
128
- // const { fontSize, fontFamily } = getComputedStyle(boxRef.value);
129
- // textWidth = getActualWidthByCanvas(contentText.value as string, { fontSize, fontFamily });
130
- // }
131
- if ((0,shared_namespaceObject.hasOverflowEllipsis)(textRef.value)) {
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$value;
172
+ var _textRef$value$innerT, _textRef$value2;
135
173
  textProps.value = {
136
- title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$value = textRef.value) === null || _textRef$value === void 0 ? void 0 : _textRef$value.innerText) !== null && _textRef$value$innerT !== void 0 ? _textRef$value$innerT : props.content
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
 
@@ -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;
@@ -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
- var _radioGroup$props$bef, _beforeChangeFn;
242
- if (isDisabled.value || isPrechecking.value) {
240
+ if (isDisabled.value) {
243
241
  return;
244
242
  }
245
243
  var $targetInput = event.target;
246
- var newValue = $targetInput.checked;
247
- var beforeChangeFn = (_radioGroup$props$bef = radioGroup === null || radioGroup === void 0 ? void 0 : radioGroup.props.beforeChange) !== null && _radioGroup$props$bef !== void 0 ? _radioGroup$props$bef : props.beforeChange;
248
- var beforeChangeValue = (_beforeChangeFn = beforeChangeFn === null || beforeChangeFn === void 0 ? void 0 : beforeChangeFn(newValue, event, props)) !== null && _beforeChangeFn !== void 0 ? _beforeChangeFn : true;
249
- Promise.resolve(beforeChangeValue).then(function (result) {
250
- if (result) {
251
- isChecked.value = $targetInput.checked;
252
- var nextValue = isChecked.value ? props.label : '';
253
- emit('update:modelValue', nextValue);
254
- emit('change', nextValue);
255
- // 更新 radio-group
256
- if (isGroup) {
257
- radioGroup.handleChange(currentInstance.proxy);
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;