bkui-vue 0.0.2-beta.5 → 0.0.2-beta.51

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 (217) hide show
  1. package/dist/index.cjs.js +80 -72
  2. package/dist/index.esm.js +16586 -15975
  3. package/dist/index.umd.js +80 -72
  4. package/dist/locale/en.esm.js +1 -1
  5. package/dist/locale/en.esm.js.map +1 -1
  6. package/dist/locale/en.umd.js +1 -1
  7. package/dist/locale/en.umd.js.map +1 -1
  8. package/dist/locale/zh-cn.esm.js +1 -1
  9. package/dist/locale/zh-cn.esm.js.map +1 -1
  10. package/dist/locale/zh-cn.umd.js +1 -1
  11. package/dist/locale/zh-cn.umd.js.map +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/style.variable.css +1 -1
  14. package/lib/affix/affix.d.ts +1 -1
  15. package/lib/affix/index.d.ts +4 -4
  16. package/lib/alert/alert.css +1 -0
  17. package/lib/alert/alert.less +119 -119
  18. package/lib/alert/alert.variable.css +1 -0
  19. package/lib/alert/index.d.ts +1 -1
  20. package/lib/animate-number/index.d.ts +1 -1
  21. package/lib/backtop/index.d.ts +1 -1
  22. package/lib/badge/badge.d.ts +2 -2
  23. package/lib/badge/index.d.ts +7 -7
  24. package/lib/breadcrumb/index.d.ts +2 -2
  25. package/lib/button/index.d.ts +2 -2
  26. package/lib/card/card.d.ts +1 -1
  27. package/lib/card/index.d.ts +4 -4
  28. package/lib/cascader/cascader.d.ts +1 -12
  29. package/lib/cascader/index.d.ts +5 -20
  30. package/lib/cascader/index.js +1 -1
  31. package/lib/cascader/interface.d.ts +1 -1
  32. package/lib/checkbox/checkbox-group.d.ts +6 -3
  33. package/lib/checkbox/checkbox.d.ts +4 -4
  34. package/lib/checkbox/index.d.ts +22 -19
  35. package/lib/checkbox/index.js +1 -1
  36. package/lib/code-diff/index.d.ts +1 -1
  37. package/lib/collapse/index.d.ts +2 -2
  38. package/lib/collapse-transition/index.d.ts +128 -2
  39. package/lib/collapse-transition/index.js +1 -1
  40. package/lib/color-picker/color-picker.d.ts +16 -0
  41. package/lib/color-picker/components/recommend-colors.d.ts +16 -0
  42. package/lib/color-picker/index.d.ts +19 -1
  43. package/lib/color-picker/index.js +1 -1
  44. package/lib/components.d.ts +1 -1
  45. package/lib/config-provider/config-provider.d.ts +3 -0
  46. package/lib/config-provider/index.d.ts +5 -1
  47. package/lib/config-provider/token.d.ts +1 -0
  48. package/lib/container/index.d.ts +2 -2
  49. package/lib/container/index.js +1 -1
  50. package/lib/date-picker/date-picker.d.ts +3 -1
  51. package/lib/date-picker/index.d.ts +12 -5
  52. package/lib/date-picker/index.js +1 -1
  53. package/lib/date-picker/panel/date-range.d.ts +2 -1
  54. package/lib/dialog/index.d.ts +1 -1
  55. package/lib/directives/index.js +1 -1
  56. package/lib/directives/tooltips.d.ts +3 -2
  57. package/lib/divider/index.d.ts +1 -1
  58. package/lib/dropdown/dropdown.css +1 -0
  59. package/lib/dropdown/dropdown.d.ts +1 -1
  60. package/lib/dropdown/dropdown.variable.css +1 -0
  61. package/lib/dropdown/index.d.ts +7 -7
  62. package/lib/exception/index.d.ts +2 -2
  63. package/lib/fixed-navbar/index.d.ts +1 -1
  64. package/lib/form/index.d.ts +3 -3
  65. package/lib/icon/assistant.d.ts +4 -0
  66. package/lib/icon/assistant.js +1 -0
  67. package/lib/icon/index.d.ts +1 -0
  68. package/lib/icon/index.js +1 -1
  69. package/lib/image/index.d.ts +1 -1
  70. package/lib/image/index.js +1 -1
  71. package/lib/info-box/index.js +1 -1
  72. package/lib/input/index.d.ts +128 -50
  73. package/lib/input/index.js +2 -1
  74. package/lib/input/index.js.LICENSE.txt +1 -0
  75. package/lib/input/input.css +22 -6
  76. package/lib/input/input.d.ts +84 -11
  77. package/lib/input/input.less +37 -14
  78. package/lib/input/input.variable.css +22 -6
  79. package/lib/input/util.d.ts +6 -0
  80. package/lib/link/index.d.ts +4 -4
  81. package/lib/link/link.d.ts +1 -1
  82. package/lib/loading/index.d.ts +2 -2
  83. package/lib/locale/index.js +1 -1
  84. package/lib/locale/lang/en.d.ts +1 -0
  85. package/lib/menu/index.d.ts +2 -2
  86. package/lib/message/index.js +1 -1
  87. package/lib/message/message.css +18 -8
  88. package/lib/message/message.less +65 -53
  89. package/lib/message/message.variable.css +18 -8
  90. package/lib/message/messageConstructor.d.ts +30 -8
  91. package/lib/modal/index.d.ts +2 -2
  92. package/lib/modal/index.js +1 -1
  93. package/lib/navigation/index.d.ts +4 -1
  94. package/lib/navigation/index.js +1 -1
  95. package/lib/navigation/navigation.d.ts +1 -0
  96. package/lib/notify/index.js +1 -1
  97. package/lib/notify/notifyConstructor.d.ts +1 -1
  98. package/lib/overflow-title/components/overflow-title.d.ts +257 -1
  99. package/lib/overflow-title/index.d.ts +387 -2
  100. package/lib/overflow-title/index.js +1 -1
  101. package/lib/overflow-title/props.d.ts +129 -0
  102. package/lib/pagination/index.d.ts +2 -2
  103. package/lib/plugin-popover/index.js +1 -1
  104. package/lib/pop-confirm/index.d.ts +1 -1
  105. package/lib/popover/const.d.ts +22 -9
  106. package/lib/popover/content.d.ts +33 -0
  107. package/lib/popover/index.d.ts +158 -73
  108. package/lib/popover/index.js +1 -1
  109. package/lib/popover/popover.css +1 -0
  110. package/lib/popover/popover.d.ts +66 -30
  111. package/lib/popover/popover.less +3 -2
  112. package/lib/popover/popover.variable.css +1 -0
  113. package/lib/popover/props.d.ts +30 -7
  114. package/lib/popover/use-floating.d.ts +2 -2
  115. package/lib/popover/use-popover-init.d.ts +2 -1
  116. package/lib/popover2/index.d.ts +1 -1
  117. package/lib/preset.d.ts +2 -0
  118. package/lib/process/index.d.ts +1 -1
  119. package/lib/progress/index.d.ts +1 -1
  120. package/lib/radio/index.d.ts +23 -23
  121. package/lib/radio/radio-button.d.ts +4 -4
  122. package/lib/radio/radio-group.d.ts +4 -4
  123. package/lib/radio/radio.d.ts +4 -4
  124. package/lib/rate/index.d.ts +8 -4
  125. package/lib/rate/index.js +1 -1
  126. package/lib/rate/rate.d.ts +2 -1
  127. package/lib/resize-layout/index.d.ts +4 -4
  128. package/lib/resize-layout/index.js +1 -1
  129. package/lib/resize-layout/resize-layout.css +12 -0
  130. package/lib/resize-layout/resize-layout.d.ts +1 -1
  131. package/lib/resize-layout/resize-layout.less +12 -0
  132. package/lib/resize-layout/resize-layout.variable.css +12 -0
  133. package/lib/search-select/index.d.ts +56 -23
  134. package/lib/search-select/index.js +1 -1
  135. package/lib/search-select/input.d.ts +5 -1
  136. package/lib/search-select/menu.d.ts +33 -2
  137. package/lib/search-select/search-select.css +31 -11
  138. package/lib/search-select/search-select.d.ts +19 -16
  139. package/lib/search-select/search-select.less +29 -10
  140. package/lib/search-select/search-select.variable.css +31 -11
  141. package/lib/search-select/selected.d.ts +5 -1
  142. package/lib/search-select/utils.d.ts +13 -5
  143. package/lib/select/index.d.ts +145 -69
  144. package/lib/select/index.js +1 -1
  145. package/lib/select/select.css +9 -1
  146. package/lib/select/select.d.ts +66 -33
  147. package/lib/select/select.less +11 -1
  148. package/lib/select/select.variable.css +9 -1
  149. package/lib/select/selectTagInput.d.ts +3 -0
  150. package/lib/shared/helper.d.ts +1 -1
  151. package/lib/shared/index.js +1 -1
  152. package/lib/shared/mask-manager.d.ts +3 -4
  153. package/lib/shared/pop-manager.d.ts +6 -2
  154. package/lib/shared/popover.d.ts +2 -2
  155. package/lib/sideslider/index.d.ts +1 -1
  156. package/lib/slider/index.d.ts +1 -1
  157. package/lib/slider/index.js +1 -1
  158. package/lib/steps/index.d.ts +1 -1
  159. package/lib/steps/index.js +1 -1
  160. package/lib/styles/mixins/popper.less +6 -5
  161. package/lib/swiper/index.d.ts +1 -1
  162. package/lib/swiper/index.js +1 -1
  163. package/lib/swiper/swiper.css +0 -6
  164. package/lib/swiper/swiper.less +0 -8
  165. package/lib/swiper/swiper.variable.css +0 -6
  166. package/lib/switcher/index.d.ts +30 -16
  167. package/lib/switcher/index.js +1 -1
  168. package/lib/switcher/switcher.d.ts +74 -5
  169. package/lib/tab/index.d.ts +3 -3
  170. package/lib/tab/tab-nav.d.ts +12 -2
  171. package/lib/tab/tab-panel.d.ts +1 -1
  172. package/lib/table/components/table-cell.d.ts +22 -15
  173. package/lib/table/components/table-column.d.ts +153 -219
  174. package/lib/table/const.d.ts +16 -54
  175. package/lib/table/events.d.ts +180 -0
  176. package/lib/table/index.d.ts +694 -425
  177. package/lib/table/index.js +1 -1
  178. package/lib/table/plugins/head-filter.css +3 -0
  179. package/lib/table/plugins/head-filter.d.ts +3 -7
  180. package/lib/table/plugins/head-filter.less +3 -0
  181. package/lib/table/plugins/head-filter.variable.css +3 -0
  182. package/lib/table/plugins/head-sort.d.ts +3 -7
  183. package/lib/table/plugins/settings.d.ts +12 -26
  184. package/lib/table/plugins/use-column-resize.d.ts +1 -1
  185. package/lib/table/plugins/use-fixed-column.d.ts +3 -2
  186. package/lib/table/props.d.ts +191 -173
  187. package/lib/table/render.d.ts +6 -4
  188. package/lib/table/table.css +58 -4
  189. package/lib/table/table.d.ts +192 -90
  190. package/lib/table/table.less +68 -7
  191. package/lib/table/table.variable.css +58 -4
  192. package/lib/table/use-column.d.ts +51 -1
  193. package/lib/table/use-common.d.ts +17 -10
  194. package/lib/table/utils.d.ts +8 -7
  195. package/lib/table-column/index.d.ts +234 -527
  196. package/lib/table-column/index.js +1 -1
  197. package/lib/tag/index.d.ts +1 -1
  198. package/lib/tag-input/index.d.ts +52 -22
  199. package/lib/tag-input/index.js +1 -1
  200. package/lib/tag-input/tag-input.css +1 -1
  201. package/lib/tag-input/tag-input.d.ts +48 -16
  202. package/lib/tag-input/tag-input.less +4 -4
  203. package/lib/tag-input/tag-input.variable.css +1 -1
  204. package/lib/tag-input/tag-props.d.ts +17 -7
  205. package/lib/time-picker/index.d.ts +1 -1
  206. package/lib/timeline/index.d.ts +1 -1
  207. package/lib/transfer/index.d.ts +1 -1
  208. package/lib/tree/index.d.ts +1 -1
  209. package/lib/tree/index.js +1 -1
  210. package/lib/tree/use-node-attribute.d.ts +1 -1
  211. package/lib/upload/index.d.ts +1 -1
  212. package/lib/virtual-render/index.d.ts +19 -1
  213. package/lib/virtual-render/index.js +1 -1
  214. package/lib/virtual-render/props.d.ts +8 -0
  215. package/lib/virtual-render/virtual-render.d.ts +11 -0
  216. package/lib/volar.components.d.ts +24 -24
  217. package/package.json +17 -16
@@ -71,12 +71,12 @@
71
71
  left: -4px;
72
72
  }
73
73
  .bk-textarea {
74
+ --textarea-line-height: 20px;
74
75
  display: inline-flex;
75
76
  width: 100%;
76
- min-height: 70px;
77
77
  overflow: hidden;
78
78
  font-size: 12px;
79
- line-height: 20px;
79
+ line-height: var(--textarea-line-height);
80
80
  color: #63656e;
81
81
  background-color: white;
82
82
  border: 1px solid #c4c6cc;
@@ -86,8 +86,12 @@
86
86
  flex-direction: column;
87
87
  }
88
88
  .bk-textarea ::placeholder {
89
+ font-size: 12px;
89
90
  color: #c4c6cc;
90
91
  }
92
+ .bk-textarea.resizable {
93
+ resize: both;
94
+ }
91
95
  .bk-textarea.is-disabled,
92
96
  .bk-textarea.is-readonly {
93
97
  background-color: #fafbfd;
@@ -123,7 +127,6 @@
123
127
  border-radius: 2px;
124
128
  outline: none;
125
129
  resize: none;
126
- flex: 1;
127
130
  }
128
131
  .bk-textarea--max-length {
129
132
  padding-right: 10px;
@@ -134,6 +137,9 @@
134
137
  transform: scale(0.8);
135
138
  justify-content: flex-end;
136
139
  }
140
+ .bk-textarea--max-length.is-over-limit {
141
+ color: #ea3636;
142
+ }
137
143
  .bk-textarea--max-length span {
138
144
  color: #979ba5;
139
145
  }
@@ -153,6 +159,7 @@
153
159
  transition: all 0.3s;
154
160
  }
155
161
  .bk-input ::placeholder {
162
+ font-size: 12px;
156
163
  color: #c4c6cc;
157
164
  }
158
165
  .bk-input.is-disabled,
@@ -211,12 +218,14 @@
211
218
  background-color: white;
212
219
  align-items: center;
213
220
  align-self: center;
221
+ flex-shrink: 0;
214
222
  }
215
223
  .bk-input--suffix-icon.show-clear-only-hover {
216
224
  display: none;
217
225
  }
218
226
  .bk-input--clear-icon {
219
227
  cursor: pointer;
228
+ flex-shrink: 0;
220
229
  }
221
230
  .bk-input--clear-icon:hover {
222
231
  color: #979ba5;
@@ -225,6 +234,10 @@
225
234
  height: 40px;
226
235
  font-size: 14px;
227
236
  }
237
+ .bk-input--large ::placeholder {
238
+ font-size: 14px;
239
+ color: #c4c6cc;
240
+ }
228
241
  .bk-input--large .bk-input--max-length {
229
242
  font-size: 16px;
230
243
  }
@@ -277,14 +290,20 @@
277
290
  font-size: 12px;
278
291
  transform: scale(0.8);
279
292
  }
293
+ .bk-input--max-length.is-over-limit {
294
+ color: #ea3636;
295
+ }
280
296
  .bk-input--max-length span {
281
297
  color: #979ba5;
282
298
  }
283
299
  .bk-input--text {
284
300
  width: 100%;
285
301
  padding: 0 10px;
302
+ overflow: hidden;
286
303
  line-height: 1;
287
304
  color: #63656e;
305
+ text-overflow: ellipsis;
306
+ white-space: nowrap;
288
307
  background-color: white;
289
308
  background-image: none;
290
309
  border: none;
@@ -315,9 +334,6 @@
315
334
  margin: 0;
316
335
  appearance: none;
317
336
  }
318
- .bk-input--text::placeholder {
319
- color: #c4c6cc;
320
- }
321
337
  .bk-input--number-control {
322
338
  display: flex;
323
339
  width: 26px;
@@ -1,4 +1,8 @@
1
1
  import { ExtractPropTypes } from 'vue';
2
+ export type InputAutoSize = {
3
+ minRows?: number;
4
+ maxRows?: number;
5
+ };
2
6
  export declare const inputType: {
3
7
  type: import("vue-types").VueTypeValidableDef<string> & {
4
8
  default: string;
@@ -43,6 +47,9 @@ export declare const inputType: {
43
47
  maxlength: import("vue-types").VueTypeDef<number> & {
44
48
  default: number;
45
49
  };
50
+ maxcharacter: import("vue-types").VueTypeDef<number> & {
51
+ default: number;
52
+ };
46
53
  behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
47
54
  default: "normal" | "simplicity";
48
55
  };
@@ -81,6 +88,24 @@ export declare const inputType: {
81
88
  } & {
82
89
  default: boolean;
83
90
  };
91
+ overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
92
+ default: boolean;
93
+ } & {
94
+ default: boolean;
95
+ };
96
+ showOverflowTooltips: import("vue-types").VueTypeValidableDef<boolean> & {
97
+ default: boolean;
98
+ } & {
99
+ default: boolean;
100
+ };
101
+ resize: import("vue-types").VueTypeValidableDef<boolean> & {
102
+ default: boolean;
103
+ } & {
104
+ default: boolean;
105
+ };
106
+ autosize: import("vue-types").VueTypeDef<Boolean | InputAutoSize> & {
107
+ default: (() => Boolean) | (() => InputAutoSize);
108
+ };
84
109
  };
85
110
  export declare const enum EVENTS {
86
111
  UPDATE = "update:modelValue",
@@ -98,7 +123,8 @@ export declare const enum EVENTS {
98
123
  COMPOSITIONUPDATE = "compositionupdate",
99
124
  COMPOSITIONEND = "compositionend"
100
125
  }
101
- declare function EventFunction(_value: any, _evt?: KeyboardEvent): any;
126
+ declare function EventFunction(_value: any, _evt: KeyboardEvent): any;
127
+ declare function PastEventFunction(_value: any, _e: ClipboardEvent): boolean;
102
128
  declare function CompositionEventFunction(evt: CompositionEvent): CompositionEvent;
103
129
  export declare const inputEmitEventsType: {
104
130
  "update:modelValue": typeof EventFunction;
@@ -111,7 +137,7 @@ export declare const inputEmitEventsType: {
111
137
  keydown: typeof EventFunction;
112
138
  keyup: typeof EventFunction;
113
139
  enter: typeof EventFunction;
114
- paste: typeof EventFunction;
140
+ paste: typeof PastEventFunction;
115
141
  compositionstart: typeof CompositionEventFunction;
116
142
  compositionupdate: typeof CompositionEventFunction;
117
143
  compositionend: typeof CompositionEventFunction;
@@ -161,6 +187,9 @@ declare const _default: import("vue").DefineComponent<{
161
187
  maxlength: import("vue-types").VueTypeDef<number> & {
162
188
  default: number;
163
189
  };
190
+ maxcharacter: import("vue-types").VueTypeDef<number> & {
191
+ default: number;
192
+ };
164
193
  behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
165
194
  default: "normal" | "simplicity";
166
195
  };
@@ -199,6 +228,24 @@ declare const _default: import("vue").DefineComponent<{
199
228
  } & {
200
229
  default: boolean;
201
230
  };
231
+ overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
232
+ default: boolean;
233
+ } & {
234
+ default: boolean;
235
+ };
236
+ showOverflowTooltips: import("vue-types").VueTypeValidableDef<boolean> & {
237
+ default: boolean;
238
+ } & {
239
+ default: boolean;
240
+ };
241
+ resize: import("vue-types").VueTypeValidableDef<boolean> & {
242
+ default: boolean;
243
+ } & {
244
+ default: boolean;
245
+ };
246
+ autosize: import("vue-types").VueTypeDef<Boolean | InputAutoSize> & {
247
+ default: (() => Boolean) | (() => InputAutoSize);
248
+ };
202
249
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
203
250
  "update:modelValue": typeof EventFunction;
204
251
  focus: (evt: FocusEvent) => FocusEvent;
@@ -210,7 +257,7 @@ declare const _default: import("vue").DefineComponent<{
210
257
  keydown: typeof EventFunction;
211
258
  keyup: typeof EventFunction;
212
259
  enter: typeof EventFunction;
213
- paste: typeof EventFunction;
260
+ paste: typeof PastEventFunction;
214
261
  compositionstart: typeof CompositionEventFunction;
215
262
  compositionupdate: typeof CompositionEventFunction;
216
263
  compositionend: typeof CompositionEventFunction;
@@ -258,6 +305,9 @@ declare const _default: import("vue").DefineComponent<{
258
305
  maxlength: import("vue-types").VueTypeDef<number> & {
259
306
  default: number;
260
307
  };
308
+ maxcharacter: import("vue-types").VueTypeDef<number> & {
309
+ default: number;
310
+ };
261
311
  behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
262
312
  default: "normal" | "simplicity";
263
313
  };
@@ -296,24 +346,43 @@ declare const _default: import("vue").DefineComponent<{
296
346
  } & {
297
347
  default: boolean;
298
348
  };
349
+ overMaxLengthLimit: import("vue-types").VueTypeValidableDef<boolean> & {
350
+ default: boolean;
351
+ } & {
352
+ default: boolean;
353
+ };
354
+ showOverflowTooltips: import("vue-types").VueTypeValidableDef<boolean> & {
355
+ default: boolean;
356
+ } & {
357
+ default: boolean;
358
+ };
359
+ resize: import("vue-types").VueTypeValidableDef<boolean> & {
360
+ default: boolean;
361
+ } & {
362
+ default: boolean;
363
+ };
364
+ autosize: import("vue-types").VueTypeDef<Boolean | InputAutoSize> & {
365
+ default: (() => Boolean) | (() => InputAutoSize);
366
+ };
299
367
  }>> & {
300
- onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
368
+ onPaste?: (_value: any, _e: ClipboardEvent) => any;
301
369
  onCompositionend?: (evt: CompositionEvent) => any;
302
370
  onCompositionstart?: (evt: CompositionEvent) => any;
303
371
  onCompositionupdate?: (evt: CompositionEvent) => any;
304
372
  onFocus?: (evt: FocusEvent) => any;
305
373
  onBlur?: (evt: FocusEvent) => any;
306
- onChange?: (_value: any, _evt?: KeyboardEvent) => any;
307
- onInput?: (_value: any, _evt?: KeyboardEvent) => any;
308
- onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
309
- onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
310
- onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
374
+ onChange?: (_value: any, _evt: KeyboardEvent) => any;
375
+ onInput?: (_value: any, _evt: KeyboardEvent) => any;
376
+ onKeydown?: (_value: any, _evt: KeyboardEvent) => any;
377
+ onKeypress?: (_value: any, _evt: KeyboardEvent) => any;
378
+ onKeyup?: (_value: any, _evt: KeyboardEvent) => any;
311
379
  onClear?: () => any;
312
- "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
313
- onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
380
+ "onUpdate:modelValue"?: (_value: any, _evt: KeyboardEvent) => any;
381
+ onEnter?: (_value: any, _evt: KeyboardEvent) => any;
314
382
  }, {
315
383
  type: string;
316
384
  prefix: string;
385
+ resize: boolean;
317
386
  disabled: boolean;
318
387
  placeholder: string;
319
388
  step: number;
@@ -326,6 +395,7 @@ declare const _default: import("vue").DefineComponent<{
326
395
  prefixIcon: string;
327
396
  suffixIcon: string;
328
397
  suffix: string;
398
+ maxcharacter: number;
329
399
  showWordLimit: boolean;
330
400
  showControl: boolean;
331
401
  showClearOnlyHover: boolean;
@@ -333,5 +403,8 @@ declare const _default: import("vue").DefineComponent<{
333
403
  rows: number;
334
404
  selectReadonly: boolean;
335
405
  withValidate: boolean;
406
+ overMaxLengthLimit: boolean;
407
+ showOverflowTooltips: boolean;
408
+ autosize: Boolean | InputAutoSize;
336
409
  }, {}>;
337
410
  export default _default;
@@ -12,6 +12,7 @@
12
12
  &.is-readonly {
13
13
  background-color: @input-disabled-bg;
14
14
  border-color: @disable-color;
15
+
15
16
  .@{bk-prefix}-input--prefix-area,
16
17
  .@{bk-prefix}-input--suffix-area,
17
18
  .@{bk-prefix}-input--suffix-icon {
@@ -36,20 +37,20 @@
36
37
 
37
38
  }
38
39
 
39
- .placeholder() {
40
+ .placeholder(@fontSize: @font-size-base) {
40
41
  ::placeholder {
42
+ font-size: @fontSize;
41
43
  color: @light-gray;
42
44
  }
43
45
  }
44
46
 
45
47
  .@{bk-prefix}-textarea {
46
- .placeholder();
48
+ --textarea-line-height: 20px;
47
49
  display: inline-flex;
48
50
  width: 100%;
49
- min-height: 70px;
50
51
  overflow: hidden;
51
52
  font-size: @font-size-base;
52
- line-height: 20px;
53
+ line-height: var(--textarea-line-height);
53
54
  color: @input-color;
54
55
  background-color: white;
55
56
  border: @border-width-base @border-style-base @input-border-color;
@@ -57,9 +58,15 @@
57
58
  box-sizing: border-box;
58
59
  transition: all .3s;
59
60
  flex-direction: column;
61
+ .placeholder();
62
+
63
+ &.resizable {
64
+ resize: both;
65
+ }
66
+
60
67
  .disabled();
61
68
 
62
- > textarea {
69
+ >textarea {
63
70
  width: 100%;
64
71
  padding: 5px 10px;
65
72
  line-height: 1.5;
@@ -68,21 +75,23 @@
68
75
  border-radius: @border-radius-base;
69
76
  outline: none;
70
77
  resize: none;
71
- flex: 1;
72
78
  }
73
79
 
74
80
  &--max-length {
75
81
  padding-right: @input-horizontal-padding;
76
82
  margin: 0;
77
83
  margin-left: auto;
78
- font-size: 12px;
84
+ font-size: @font-size-base;
79
85
  text-align: right;
80
86
  transform: scale(.8);
81
87
  justify-content: flex-end;
82
88
 
89
+ &.is-over-limit {
90
+ color: @danger-color;
91
+ }
92
+
83
93
  span {
84
94
  color: @input-maxlength-color;
85
-
86
95
  }
87
96
  }
88
97
 
@@ -121,7 +130,9 @@
121
130
  border-color: transparent;
122
131
  border-bottom-color: @light-gray;
123
132
  box-shadow: none;
124
- .@{bk-prefix}-input--text, .@{bk-prefix}-input--suffix-icon {
133
+
134
+ .@{bk-prefix}-input--text,
135
+ .@{bk-prefix}-input--suffix-icon {
125
136
  background-color: @input-block-color;
126
137
  }
127
138
  }
@@ -136,6 +147,7 @@
136
147
  background-color: @input-bg;
137
148
  align-items: center;
138
149
  align-self: center;
150
+ flex-shrink: 0;
139
151
 
140
152
  &.show-clear-only-hover {
141
153
  display: none;
@@ -144,6 +156,7 @@
144
156
 
145
157
  &--clear-icon {
146
158
  cursor: pointer;
159
+ flex-shrink: 0;
147
160
 
148
161
  &:hover {
149
162
  color: @gray-color;
@@ -153,10 +166,12 @@
153
166
 
154
167
  &--large {
155
168
  .component-size(@component-size-large, @font-size-medium);
169
+ .placeholder(@font-size-medium);
156
170
 
157
171
  .@{bk-prefix}-input--max-length {
158
172
  font-size: @font-size-large;
159
173
  }
174
+
160
175
  .@{bk-prefix}-input--number-control {
161
176
  span:first-child {
162
177
  margin-bottom: 4px;
@@ -187,7 +202,9 @@
187
202
  border-color: transparent;
188
203
  border-bottom-color: @primary-color;
189
204
  box-shadow: none;
190
- .@{bk-prefix}-input--text, .@{bk-prefix}-input--suffix-icon {
205
+
206
+ .@{bk-prefix}-input--text,
207
+ .@{bk-prefix}-input--suffix-icon {
191
208
  background-color: @input-block-color;
192
209
  }
193
210
  }
@@ -216,6 +233,10 @@
216
233
  font-size: 12px;
217
234
  transform: scale(.8);
218
235
 
236
+ &.is-over-limit {
237
+ color: @danger-color;
238
+ }
239
+
219
240
  span {
220
241
  color: @input-maxlength-color;
221
242
  }
@@ -224,8 +245,11 @@
224
245
  &--text {
225
246
  width: 100%;
226
247
  padding: 0 @input-horizontal-padding;
248
+ overflow: hidden;
227
249
  line-height: 1;
228
250
  color: @input-color;
251
+ text-overflow: ellipsis;
252
+ white-space: nowrap;
229
253
  background-color: @input-bg;
230
254
  background-image: none;
231
255
  border: none;
@@ -242,6 +266,7 @@
242
266
  &[type='search']::-webkit-search-results-decoration {
243
267
  appearance: none;
244
268
  }
269
+
245
270
  // IE
246
271
  [type='search']::-ms-clear {
247
272
  display: none;
@@ -261,9 +286,7 @@
261
286
  appearance: none;
262
287
  }
263
288
 
264
- &::placeholder {
265
- color: @light-gray;
266
- }
289
+
267
290
  }
268
291
 
269
292
  &--number-control {
@@ -305,4 +328,4 @@
305
328
  background-color: @input-block-hover-color;
306
329
  }
307
330
  }
308
- }
331
+ }
@@ -193,12 +193,12 @@
193
193
  left: -4px;
194
194
  }
195
195
  .bk-textarea {
196
+ --textarea-line-height: 20px;
196
197
  display: inline-flex;
197
198
  width: 100%;
198
- min-height: 70px;
199
199
  overflow: hidden;
200
200
  font-size: 12px;
201
- line-height: 20px;
201
+ line-height: var(--textarea-line-height);
202
202
  color: #63656e;
203
203
  background-color: white;
204
204
  border: 1px solid #c4c6cc;
@@ -208,8 +208,12 @@
208
208
  flex-direction: column;
209
209
  }
210
210
  .bk-textarea ::placeholder {
211
+ font-size: 12px;
211
212
  color: #c4c6cc;
212
213
  }
214
+ .bk-textarea.resizable {
215
+ resize: both;
216
+ }
213
217
  .bk-textarea.is-disabled,
214
218
  .bk-textarea.is-readonly {
215
219
  background-color: #fafbfd;
@@ -245,7 +249,6 @@
245
249
  border-radius: 2px;
246
250
  outline: none;
247
251
  resize: none;
248
- flex: 1;
249
252
  }
250
253
  .bk-textarea--max-length {
251
254
  padding-right: 10px;
@@ -256,6 +259,9 @@
256
259
  transform: scale(0.8);
257
260
  justify-content: flex-end;
258
261
  }
262
+ .bk-textarea--max-length.is-over-limit {
263
+ color: #ea3636;
264
+ }
259
265
  .bk-textarea--max-length span {
260
266
  color: #979ba5;
261
267
  }
@@ -275,6 +281,7 @@
275
281
  transition: all 0.3s;
276
282
  }
277
283
  .bk-input ::placeholder {
284
+ font-size: 12px;
278
285
  color: #c4c6cc;
279
286
  }
280
287
  .bk-input.is-disabled,
@@ -333,12 +340,14 @@
333
340
  background-color: white;
334
341
  align-items: center;
335
342
  align-self: center;
343
+ flex-shrink: 0;
336
344
  }
337
345
  .bk-input--suffix-icon.show-clear-only-hover {
338
346
  display: none;
339
347
  }
340
348
  .bk-input--clear-icon {
341
349
  cursor: pointer;
350
+ flex-shrink: 0;
342
351
  }
343
352
  .bk-input--clear-icon:hover {
344
353
  color: #979ba5;
@@ -347,6 +356,10 @@
347
356
  height: 40px;
348
357
  font-size: 14px;
349
358
  }
359
+ .bk-input--large ::placeholder {
360
+ font-size: 14px;
361
+ color: #c4c6cc;
362
+ }
350
363
  .bk-input--large .bk-input--max-length {
351
364
  font-size: 16px;
352
365
  }
@@ -399,14 +412,20 @@
399
412
  font-size: 12px;
400
413
  transform: scale(0.8);
401
414
  }
415
+ .bk-input--max-length.is-over-limit {
416
+ color: #ea3636;
417
+ }
402
418
  .bk-input--max-length span {
403
419
  color: #979ba5;
404
420
  }
405
421
  .bk-input--text {
406
422
  width: 100%;
407
423
  padding: 0 10px;
424
+ overflow: hidden;
408
425
  line-height: 1;
409
426
  color: #63656e;
427
+ text-overflow: ellipsis;
428
+ white-space: nowrap;
410
429
  background-color: white;
411
430
  background-image: none;
412
431
  border: none;
@@ -437,9 +456,6 @@
437
456
  margin: 0;
438
457
  appearance: none;
439
458
  }
440
- .bk-input--text::placeholder {
441
- color: #c4c6cc;
442
- }
443
459
  .bk-input--number-control {
444
460
  display: flex;
445
461
  width: 26px;
@@ -0,0 +1,6 @@
1
+ type TextAreaHeight = {
2
+ height?: string;
3
+ minHeight?: string;
4
+ };
5
+ export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
6
+ export {};
@@ -4,15 +4,15 @@ declare const BkLink: {
4
4
  $data: {};
5
5
  $props: {
6
6
  disabled?: boolean;
7
- theme?: "default" | "success" | "warning" | "danger" | "primary";
8
7
  target?: string;
8
+ theme?: "default" | "success" | "warning" | "danger" | "primary";
9
9
  underline?: boolean;
10
10
  href?: string;
11
11
  class?: unknown;
12
12
  style?: unknown;
13
13
  onClick?: (...args: any[]) => any;
14
- key?: string | number | symbol;
15
14
  ref?: import("vue").VNodeRef;
15
+ key?: string | number | symbol;
16
16
  ref_for?: boolean;
17
17
  ref_key?: string;
18
18
  onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -98,8 +98,8 @@ declare const BkLink: {
98
98
  resolveClassName: (cls: string) => string;
99
99
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {
100
100
  disabled: boolean;
101
- theme: "default" | "success" | "warning" | "danger" | "primary";
102
101
  target: string;
102
+ theme: "default" | "success" | "warning" | "danger" | "primary";
103
103
  underline: boolean;
104
104
  href: string;
105
105
  }, {}, string, {}> & {
@@ -186,8 +186,8 @@ declare const BkLink: {
186
186
  resolveClassName: (cls: string) => string;
187
187
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
188
188
  disabled: boolean;
189
- theme: "default" | "success" | "warning" | "danger" | "primary";
190
189
  target: string;
190
+ theme: "default" | "success" | "warning" | "danger" | "primary";
191
191
  underline: boolean;
192
192
  href: string;
193
193
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
@@ -53,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
53
53
  onClick?: (...args: any[]) => any;
54
54
  }, {
55
55
  disabled: boolean;
56
- theme: "default" | "success" | "warning" | "danger" | "primary";
57
56
  target: string;
57
+ theme: "default" | "success" | "warning" | "danger" | "primary";
58
58
  underline: boolean;
59
59
  href: string;
60
60
  }, {}>;
@@ -15,9 +15,9 @@ declare const BkLoading: {
15
15
  isDirective?: boolean;
16
16
  class?: unknown;
17
17
  style?: unknown;
18
+ ref?: import("vue").VNodeRef;
18
19
  readonly theme?: "white" | "success" | "warning" | "danger" | "primary";
19
20
  key?: string | number | symbol;
20
- ref?: import("vue").VNodeRef;
21
21
  ref_for?: boolean;
22
22
  ref_key?: string;
23
23
  onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -273,4 +273,4 @@ declare const BkLoading: {
273
273
  BkLoadingSize: typeof BkLoadingSize;
274
274
  }>;
275
275
  export default BkLoading;
276
- export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize, };
276
+ export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize };
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var a=t();for(var l in a)("object"==typeof exports?exports:e)[l]=a[l]}}(self,(()=>(()=>{"use strict";var e={d:(t,a)=>{for(var l in a)e.o(a,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:a[l]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{en:()=>a,zhCn:()=>l});const a={lang:"en",steps:{step1:"step1",step2:"step2",step3:"step3"},datePicker:{selectDate:"Select Date",selectTime:"Select Time",clear:"Clear",ok:"OK",weekdays:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},hour:"Hour",min:"Minute",sec:"Second",toNow:"Now"},dialog:{ok:"OK",cancel:"Cancel",prev:"prev",next:"next"},popConfirm:{ok:"OK",cancel:"Cancel"},form:{notBeEmpty:"cannot be empty",incorrectFormat:"incorrect format",max:"maximum value",min:"minimum value",maxLen:"maximum length",verifyError:"verify error"},pagination:{eachPage:"Each Page",strip:"",total:"Total"},process:{step1:"step1",step2:"step2",step3:"step3",step4:"step4"},searchSelect:{pleaseSelect:"Please Select",loading:"Loading...",filterQueryMustHasValue:"Filter query containing key value must have value",ok:"OK",cancel:"Cancel",or:"Or",and:"And"},select:{noData:"No data",noMatchedData:"No matched data",loading:"Loading...",pleaseSelect:"Please select",enterKeywords:"Please enter keywords",all:"All"},table:{emptyText:"No Data",confirm:"Confirm",reset:"Reset",setting:{title:"Table Settings",fields:{title:"Displaying Fields Setting",subtitle:function(e){return"(".concat(e," fields most)")},selectAll:"All"},lineHeight:{title:"Table Line Height",small:"small",medium:"medium",large:"large"},options:{ok:"OK",cancel:"Cancel"}}},transfer:{sourceList:"Source List",targetList:"Target List",removeAll:"Remove All",selectAll:"Select All",noData:"No Data",noSelected:"No Selected",search:"Search"},upload:{uploadSuccess:"Upload Success",uploadFailed:"Upload Failed",drapFileOr:"Drag files here or ",clickUpload:"Click Upload",uploadLabel:"Upload Files"},input:{placeholder:"Please input"},tagInput:{placeholder:"Please input and press ENTER to finish"},message:{assistant:"Assistant",details:"Details",copySuccess:"Successfully",copyFailed:"Copy Failed"}},l={lang:"zh-cn",steps:{step1:"步骤1",step2:"步骤2",step3:"步骤3"},datePicker:{selectDate:"选择日期",selectTime:"选择时间",clear:"清除",ok:"确定",weekdays:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},hour:"时",min:"分",sec:"秒",toNow:"至今"},dialog:{ok:"确定",cancel:"取消",prev:"上一步",next:"下一步"},popConfirm:{ok:"确定",cancel:"取消"},form:{notBeEmpty:"不能为空",incorrectFormat:"格式不正确",max:"最大值",min:"最小值",maxLen:"最大长度",verifyError:"验证错误"},pagination:{eachPage:"每页",strip:"条",total:"共计"},process:{step1:"步骤1",step2:"步骤2",step3:"步骤3",step4:"步骤4"},searchSelect:{pleaseSelect:"请选择",loading:"加载中...",filterQueryMustHasValue:"包含键值的过滤查询必须有一个值",ok:"确认",cancel:"取消",or:"或",and:"且"},select:{noData:"无数据",noMatchedData:"无匹配数据",loading:"加载中...",pleaseSelect:"请选择",enterKeywords:"请输入关键字",all:"全部"},table:{emptyText:"暂无数据",confirm:"确定",reset:"重置",setting:{title:"表格设置",fields:{title:"字段显示设置",subtitle:function(e){return"(最多".concat(e,"项)")},selectAll:"全选"},lineHeight:{title:"表格行高",small:"小",medium:"中",large:"大"},options:{ok:"确认",cancel:"取消"}}},transfer:{sourceList:"源列表",targetList:"目标列表",removeAll:"清空",selectAll:"选择全部",noData:"无数据",noSelected:"未选择任何项",search:"搜索"},upload:{uploadSuccess:"上传成功",uploadFailed:"上传失败",drapFileOr:"将文件拖到此处或",clickUpload:"点击上传",uploadLabel:"上传文件"},input:{placeholder:"请输入"},tagInput:{placeholder:"请输入并按Enter结束"},message:{assistant:"助手",details:"详情",copySuccess:"复制成功",copyFailed:"复制失败"}};return t})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var a=t();for(var l in a)("object"==typeof exports?exports:e)[l]=a[l]}}(self,(()=>(()=>{"use strict";var e={d:(t,a)=>{for(var l in a)e.o(a,l)&&!e.o(t,l)&&Object.defineProperty(t,l,{enumerable:!0,get:a[l]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{en:()=>a,zhCn:()=>l});const a={lang:"en",steps:{step1:"step1",step2:"step2",step3:"step3"},datePicker:{selectDate:"Select Date",selectTime:"Select Time",clear:"Clear",ok:"OK",weekdays:{sun:"Sun",mon:"Mon",tue:"Tue",wed:"Wed",thu:"Thu",fri:"Fri",sat:"Sat"},hour:"Hour",min:"Minute",sec:"Second",toNow:"Now"},dialog:{ok:"OK",cancel:"Cancel",prev:"prev",next:"next"},popConfirm:{ok:"OK",cancel:"Cancel"},form:{notBeEmpty:"cannot be empty",incorrectFormat:"incorrect format",max:"maximum value",min:"minimum value",maxLen:"maximum length",verifyError:"verify error"},pagination:{eachPage:"Each Page",strip:"",total:"Total"},process:{step1:"step1",step2:"step2",step3:"step3",step4:"step4"},searchSelect:{pleaseSelect:"Please Select",loading:"Loading...",filterQueryMustHasValue:"Filter query containing key value must have value",ok:"OK",cancel:"Cancel",or:"Or",and:"And",logical:"Logical:"},select:{noData:"No data",noMatchedData:"No matched data",loading:"Loading...",pleaseSelect:"Please select",enterKeywords:"Please enter keywords",all:"All"},table:{emptyText:"No Data",confirm:"Confirm",reset:"Reset",setting:{title:"Table Settings",fields:{title:"Displaying Fields Setting",subtitle:function(e){return"(".concat(e," fields most)")},selectAll:"All"},lineHeight:{title:"Table Line Height",small:"small",medium:"medium",large:"large"},options:{ok:"OK",cancel:"Cancel"}}},transfer:{sourceList:"Source List",targetList:"Target List",removeAll:"Remove All",selectAll:"Select All",noData:"No Data",noSelected:"No Selected",search:"Search"},upload:{uploadSuccess:"Upload Success",uploadFailed:"Upload Failed",drapFileOr:"Drag files here or ",clickUpload:"Click Upload",uploadLabel:"Upload Files"},input:{placeholder:"Please input"},tagInput:{placeholder:"Please input and press ENTER to finish"},message:{assistant:"Assistant",details:"Details",copySuccess:"Successfully",copyFailed:"Copy Failed"}},l={lang:"zh-cn",steps:{step1:"步骤1",step2:"步骤2",step3:"步骤3"},datePicker:{selectDate:"选择日期",selectTime:"选择时间",clear:"清除",ok:"确定",weekdays:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},hour:"时",min:"分",sec:"秒",toNow:"至今"},dialog:{ok:"确定",cancel:"取消",prev:"上一步",next:"下一步"},popConfirm:{ok:"确定",cancel:"取消"},form:{notBeEmpty:"不能为空",incorrectFormat:"格式不正确",max:"最大值",min:"最小值",maxLen:"最大长度",verifyError:"验证错误"},pagination:{eachPage:"每页",strip:"条",total:"共计"},process:{step1:"步骤1",step2:"步骤2",step3:"步骤3",step4:"步骤4"},searchSelect:{pleaseSelect:"请选择",loading:"加载中...",filterQueryMustHasValue:"包含键值的过滤查询必须有一个值",ok:"确认",cancel:"取消",or:"或",and:"且",logical:"逻辑:"},select:{noData:"无数据",noMatchedData:"无匹配数据",loading:"加载中...",pleaseSelect:"请选择",enterKeywords:"请输入关键字",all:"全部"},table:{emptyText:"暂无数据",confirm:"确定",reset:"重置",setting:{title:"表格设置",fields:{title:"字段显示设置",subtitle:function(e){return"(最多".concat(e,"项)")},selectAll:"全选"},lineHeight:{title:"表格行高",small:"小",medium:"中",large:"大"},options:{ok:"确认",cancel:"取消"}}},transfer:{sourceList:"源列表",targetList:"目标列表",removeAll:"清空",selectAll:"选择全部",noData:"无数据",noSelected:"未选择任何项",search:"搜索"},upload:{uploadSuccess:"上传成功",uploadFailed:"上传失败",drapFileOr:"将文件拖到此处或",clickUpload:"点击上传",uploadLabel:"上传文件"},input:{placeholder:"请输入"},tagInput:{placeholder:"请输入并按Enter结束"},message:{assistant:"助手",details:"详情",copySuccess:"复制成功",copyFailed:"复制失败"}};return t})()));
@@ -61,6 +61,7 @@ declare const en: {
61
61
  cancel: string;
62
62
  or: string;
63
63
  and: string;
64
+ logical: string;
64
65
  };
65
66
  select: {
66
67
  noData: string;